@extends('admin::layouts.master')

@push('styles')
@endpush

@section('content')
    <div class="aiz-titlebar text-left mt-2 mb-3">
        <h5 class="mb-0 h6">{{ translate('Coupon Information') }}</h5>
    </div>
    <div class="col-lg-8 mx-auto">
        <div class="card">
            <div class="card-body p-0">
                @if (count($errors) > 0)
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <ul class="p-0 m-0" style="list-style: none;">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                <ul class="nav nav-tabs nav-fill border-light">
                    @foreach (\Modules\Language\Entities\Language::active()->get() as $key => $language)
                        <li class="nav-item">
                            <a class="nav-link text-reset @if (strtolower($language->code) == "$langCode") active @else bg-soft-dark border-light border-left-0 @endif py-3"
                                href="{{ route('admin.coupons.edit', [$coupon->id, 'lang_code' => strtolower($language->code)]) }}">
                                <img src="{{ staticAsset('assets/img/language_icons/' . strtolower($language->code) . '.svg') }}"
                                    height="15" class="mr-1">
                                <span>{{ $language->name }}</span>
                            </a>
                        </li>
                    @endforeach
                </ul>
                <form class="p-4" action="{{ route('admin.coupons.update', $coupon->id) }}" id="coupon_submit"
                    method="POST">
                    <input type="hidden" name="lang_code" value="{{ $langCode }}">
                    @csrf
                    <div class="form-group row">
                        <label class="col-sm-3 col-from-label" for="arAlfa">Name <i class="las la-language text-danger"
                                title="{{ translate('Translatable') }}"></i></label> 
                        <div class="col-sm-9">

                            <input id="arAlfa" type="text" class="form-control" placeholder="Name"
                                name="name[{{ $langCode }}]"
                                value=" {{ $coupon->getTranslation('name', $langCode, true) }} " required>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3 col-from-label" for="tax_label">{{ translate('Description') }} <i
                                class="las la-language text-danger" title="{{ translate('Translatable') }}"></i></label>
                        <div class="col-sm-9">
                            <textarea class="aiz-text-editor" id="arAlfa" oninput="validateArabicAlpha1();" required
                                name="description[{{ $langCode }}]">{{ $coupon->getTranslation('description', $langCode, true) }}</textarea>

                        </div>
                    </div>



                    <div class="form-group row">
                        <label class="col-md-3 col-form-label" for="signinSrEmail">{{ translate('Banner') }}
                            <small></small></label>
                        <div class="col-sm-9">
                            <div class="input-group" data-toggle="aizuploader" data-type="image">
                                <div class="input-group-prepend">
                                    <div class="input-group-text bg-soft-secondary font-weight-medium">
                                        {{ translate('Browse') }}</div>
                                </div>
                                <div class="form-control file-amount">{{ translate('Choose') }}</div>
                                <input type="hidden" name="banner" value="{{ $coupon->banner }}" class="selected-files">
                            </div>
                            <div class="file-preview box sm">
                            </div>
                        </div>
                        <label class="col-md-3 col-form-label" for="signinSrEmail">{{ translate('Upload Icon') }}
                            <small></small></label>
                        <div class="col-sm-9">
                            <div class="input-group" data-toggle="aizuploader" data-type="image">
                                <div class="input-group-prepend">
                                    <div class="input-group-text bg-soft-secondary font-weight-medium">
                                        {{ translate('Browse') }}</div>
                                </div>
                                <div class="form-control file-amount">{{ translate('Choose') }}</div>
                                <input type="hidden" value="{{ $coupon->icon }}" name="icon" class="selected-files">
                            </div>
                            <div class="file-preview box sm">
                            </div>
                        </div>
                    </div>



                    <div class="form-group row">
                        <label class="col-sm-3 col-from-label" for="title">Offer Percentage
                        </label>
                        <div class="col-sm-9">
                            <input type="number" maxlength="2" class="form-control" min="0" max="99"
                                placeholder="Example:20"
                                oninput="javascript: if (this.value.length > 2) this.value = this.value.slice(0, 2);"
                                name="offerpercentage" required
                                value="{{ old('offerpercentage', $coupon->offerpercentage) }}" required>
                        </div>
                    </div>


                    <div class="form-group
                                row">
                        <label class="col-sm-3 col-from-label" for="title">Min Purchase
                        </label>
                        <div class="col-sm-3">
                            <input type="number" class="form-control" placeholder="Min Purchase" name="minpurchase"
                                required value="{{ old('minpurchase', $coupon->minpurchase) }}" required>
                        </div>

                        <label class="col-sm-3 col-from-label" for="title">Max Redeem
                        </label>
                        <div class="col-sm-3">
                            <input type="number" class="form-control" placeholder="Max Redeem" name="maxredeem"
                                required value="{{ old('maxredeem', $coupon->maxredeem) }}" required>
                        </div>
                    </div>


                    <div class="form-group row">
                        <label class="col-sm-3 col-from-label" for="title">Coupon Code
                        </label>
                        <div class="col-sm-3">
                            <input type="text" class="form-control" placeholder="Coupon Code" name="couponcode"
                                required value="{{ old('couponcode', $coupon->couponcode) }}" required>
                        </div>

                        <label class="col-sm-3 col-from-label" for="title">Coupon Count
                        </label>
                        <div class="col-sm-3">
                            <input type="number" class="form-control" placeholder="Coupon Count" name="couponcount"
                                required value="{{ old('couponcount', $coupon->couponcount) }}" required>
                        </div>
                    </div>


                    <div class="form-group row">
                        <label class="col-sm-3 col-from-label" for="title">Validility
                        </label>
                        <div class="col-sm-9">
                            <input type="text" id="date_picker" class="form-control aiz-date-range" name="validity"
                                value="{{ $coupon->start_date . ' - ' . $coupon->end_date }}" placeholder="Select Date"
                                data-separator=" - ">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-lg-3 col-from-label" for="name">{{ translate('Status') }}</label>
                        <div class="col-lg-9">
                            <select name="status" id="coupon_type"
                                value="{{ old('status', $coupon->status) }}"class="form-control aiz-selectpicker"
                                required>

                                <option value="0" @if ($coupon->status == '0') selected @endif>
                                    {{ translate('Draft') }}</option>
                                <option value="2" @if ($coupon->status == '2') selected @endif>
                                    {{ translate('Disable') }}</option>
                                <option value="1" @if ($coupon->status == '1') selected @endif>
                                    {{ translate('Publish') }}</option>

                            </select>
                        </div>
                    </div>



                    <div class="form-group mb-0 text-right">

                        <a href="{{ route('admin.coupons') }}" class="btn btn-secondary">{{ translate('Cancel') }}</a>
                        <button type="submit" class="btn btn-primary">{{ translate('Update') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!--  -->

    <!--  -->
@endsection

@section('modal')
    @include('admin::modals.delete_modal')
    @include('admin::modals.confirm_modal')
    @include('attribute::modals.create_modal')
@endsection
<script type="text/javascript">
    //-------------------- Arabic (Alphabets only) --------------------------
    function validateArabicAlpha() {
        var textInput = document.getElementById("arAlfa").value;
        textInput = textInput.replace(/[^A-Za-z]/g, "");
        // alert(textInput);

        document.getElementById("arAlfa").value = textInput;
    }

    function validateArabicNumbers() {
        var textInput = document.getElementById("arNum").value;
        textInput = textInput.replace(/[^\u0660-\u0669]/g, "");
        document.getElementById("arNum").value = textInput;
    }

    /* *********************************************************************/

    $(document).ready(function() {
        $('#coupon_submit').validate({
            rules: {
                description[en]: {
                    required: true
                }
            },
            messages: {
                description[en]: {
                    required: "Please enter a message."
                }
            }
        });
    });


    //------------------------------------------------------------------------------
</script>



@section('script')
    @include('attribute::scripts.index_scripts')
@endsection