@php use App\Components\Coupon\Enums\CouponTypeEnum; @endphp
@php
    $route = ($action === 'update') ? route('admin.coupons.update', $coupon) :  route('admin.coupons.store');
@endphp

<form method="post" action="{{ $route }}">
    @include('admin::pages.components.flash-messages')
    @csrf

    @if($action === 'update')
        @method('put')
    @else
        @method('post')
    @endif

    <input type="hidden" name="shop_id" value="{{ isset($coupon) ? $coupon->shop_id : $shop->id }}">
    <div class="form-row">

        <div class="form-group col-3">
            <label for="col-form-label">
                CODE
            </label>
            <input class="form-control"
                   type="text"
                   name="code"
                   id="code"
                   value="{{ old('code', isset($coupon) ? $coupon->code : '') }}">
            <div class="font-13 text-muted">
                Text code of the coupon
            </div>
        </div>
        <div class="form-group col-3">
            <label for="col-form-label">
                Number of uses
            </label>
            <input class="form-control"
                   type="number"
                   step="1"
                   min="1"
                   name="number_of_uses"
                   id="number_of_uses"
                   value="{{ old('number_of_uses', isset($coupon) ? $coupon->number_of_uses : 1) }}">
            <div class="font-13 text-muted">
                How many times the coupon can be used
            </div>
        </div>
        <div class="form-group col-3">
            <label for="col-form-label">
                TYPE
            </label>
            <select name="type" class="form-control">
                <option value="{{ CouponTypeEnum::Percent }}"
                    {{ old('type', isset($coupon) ? $coupon->type : null) === CouponTypeEnum::Percent ? 'selected' : '' }}>
                    {{ CouponTypeEnum::Percent() }}
                </option>
                <option value="{{ CouponTypeEnum::Euro }}"
                    {{ old('type', isset($coupon) ? $coupon->type : null) === CouponTypeEnum::Euro ? 'selected' : '' }}>
                    {{ CouponTypeEnum::Euro }}
                </option>
            </select>
            <div class="font-13 text-muted">
                Type of coupon
            </div>
        </div>
        <div class="form-group col-3">
            <label for="col-form-label">
                Value
            </label>
            <input class="form-control"
                   type="number"
                   min="0"
                   name="value"
                   id="value"
                   value="{{ old('value', isset($coupon) ? $coupon->value : 1) }}">
            <div class="font-13 text-muted">
                Discount value
            </div>
        </div>
    </div>
    <hr>
    <div class="form-row">
        <div class="form-group col-3">
            <label for="col-form-label">
                Is active?
            </label>
            <select name="is_active" class="form-control">
                <option value="0" {{ (old('is_active', isset($coupon) ? $coupon->is_active : null) == 0) ? 'selected' : '' }}>
                    No
                </option>
                <option value="1" {{ (old('is_active', isset($coupon) ? $coupon->is_active : null) == 1) ? 'selected' : '' }}>
                    Yes
                </option>
            </select>
            <div class="font-13 text-muted">
                Is this coupon active now?
            </div>
        </div>
        <div class="form-group col-3">
            <label for="col-form-label">
                Authorized?
            </label>
            <select name="is_auth" class="form-control" id="is_auth">
                <option value="0" {{ (old('is_auth', isset($coupon) ? $coupon->is_auth : null) == 0) ? 'selected' : '' }}>
                    No
                </option>
                <option value="1" {{ (old('is_auth', isset($coupon) ? $coupon->is_auth : null) == 1) ? 'selected' : '' }}>
                    Yes
                </option>
            </select>
            <div class="font-13 text-muted">
                Coupon can only be used by authorized users?
            </div>
        </div>
        <div class="form-group col-3">
            <label for="col-form-label">
                Reusable?
            </label>
            <select name="is_reusable" class="form-control" id="is_reusable">
                <option value="0" {{ (old('is_reusable', isset($coupon) ? $coupon->is_reusable : null) == 0) ? 'selected' : '' }}>
                    No
                </option>
                <option value="1" {{ (old('is_reusable', isset($coupon) ? $coupon->is_reusable : null) == 1) ? 'selected' : '' }}>
                    Yes
                </option>
            </select>
            <div class="font-13 text-muted">
                Can one person use coupon multiple times?
            </div>
        </div>
        <div class="form-group col-3">
            <label for="col-form-label">
                Works with other discounts?
            </label>
            <select name="works_with_discounts" class="form-control" id="works_with_discounts">
                <option value="0" {{ (old('works_with_discounts', isset($coupon) ? $coupon->works_with_discounts : null) == 0) ? 'selected' : '' }}>
                    No
                </option>
                <option value="1" {{ (old('works_with_discounts', isset($coupon) ? $coupon->works_with_discounts : null) == 1) ? 'selected' : '' }}>
                    Yes
                </option>
            </select>
            <div class="font-13 text-muted">
                Can the coupon work with other discounts?
            </div>
        </div>
    </div>
    <hr>
    <div class="form-row">
        <div class="form-group col-3">
            <label for="col-form-label">
                Is B2C?
            </label>
            <select name="is_b2c" class="form-control" id="is_b2c" @disabled(!isset($coupon) || !$coupon->is_auth)>
                <option value="0" {{ (old('is_b2c', isset($coupon) ? $coupon->is_b2c : null) == 0) ? 'selected' : '' }}>
                    No
                </option>
                <option value="1" {{ (old('is_b2c', isset($coupon) ? $coupon->is_b2c : null) == 1) ? 'selected' : '' }}>
                    Yes
                </option>
            </select>
            <div class="font-13 text-muted">
                Is this coupon for individuals?
            </div>
        </div>
        <div class="form-group col-9">
            <label for="col-form-label">
                Choose person(-s)
            </label>
            <select name="b2c_users[]" class="form-control" id="b2c_users"
                    multiple @disabled(!isset($coupon) || !$coupon->is_auth || !$coupon->is_b2c)>
                @if(isset($b2c_users))
                    @foreach($b2c_users as $b2c_user)
                        <option value="{{ $b2c_user->id }}"
                                selected>{{ $b2c_user->name . ' ' . $b2c_user->surname }}</option>
                    @endforeach
                @endif
            </select>
            <div class="font-13 text-muted">
                If you do not select any individual, then the coupons will work for everyone.
                If you choose - then only on selected. Write here a name/surname/email of the person
            </div>
        </div>
    </div>
    <hr>
    <div class="form-row">
        <div class="form-group col-3">
            <label for="col-form-label">
                Is B2B?
            </label>
            <select name="is_b2b" class="form-control" id="is_b2b" @disabled(!isset($coupon) || !$coupon->is_auth)>
                <option value="0" {{ (old('is_b2b', isset($coupon) ? $coupon->is_b2b : null) == 0) ? 'selected' : '' }}>
                    No
                </option>
                <option value="1" {{ (old('is_b2b', isset($coupon) ? $coupon->is_b2b : null) == 1) ? 'selected' : '' }}>
                    Yes
                </option>
            </select>
            <div class="font-13 text-muted">
                Is this coupon for legal entities?
            </div>
        </div>
        <div class="form-group col-9">
            <label for="col-form-label">
                Choose legal entity(-ies)
            </label>
            <select name="b2b_users[]" class="form-control" id="b2b_users"
                    multiple @disabled(!isset($coupon) || !$coupon->is_auth || !$coupon->is_b2b)>
                @if(isset($b2b_users))
                    @foreach($b2b_users as $b2b_user)
                        <option value="{{ $b2b_user->id }}"
                                selected>{{ $b2b_user->name . ' ' . $b2b_user->surname }}</option>
                    @endforeach
                @endif
            </select>
            <div class="font-13 text-muted">
                If you do not select any legal entity, then the coupons will work for everyone.
                If you choose - then only on selected. Write here a name/email of the legal entity
            </div>
        </div>
    </div>
    <hr>
    <div class="form-row">
        <div class="form-group col-3">
            <label for="col-form-label">
                Active from
            </label>
            <input class="form-control datepicker"
                   id="starts_at"
                   name="starts_at"
                   value="{{ isset($coupon) ? $coupon->starts_at?->format('Y-m-d') : now()->format('Y-m-d') }}">
            <div class="font-13 text-muted">
                Coupon start date
            </div>
        </div>
        <div class="form-group col-3">
            <label for="col-form-label">
                Active until
            </label>
            <input class="form-control datepicker"
                   id="ends_at"
                   name="ends_at"
                   value="{{ isset($coupon) ? $coupon->ends_at?->format('Y-m-d') : now()->format('Y-m-d') }}">
            <div class="font-13 text-muted">
                Coupon end date
            </div>
        </div>
        <div class="form-group col-6">
            <label for="col-form-label">
                Specific product by codes
            </label>
            <select name="products[]" class="form-control" id="product_sku" multiple>
                @if(isset($products))
                    @foreach($products as $product)
                        <option value="{{ $product->id }}" selected>
                            {{ "code: $product->code, sku: $product->isbn_code, $product->title" }},
                        </option>
                    @endforeach
                @endif
            </select>
            <div class="font-13 text-muted">
                Coupons will only apply to the selected products from the list above.
                If you choose - then only on selected. Write here a sku/code of the entity
            </div>
        </div>
    </div>
    <hr>
    <div class="form-row">
        <div class="form-group col-md-12">
            <label>
                Categories
                <div class="font-13 text-muted">
                    If you don't choose a category from the list, the coupon will be applicable
                    to all products.
                </div>
            </label>
            <ul>
                @include('admin::pages.components.categories-tree', ['categories' => $category->childrens])
            </ul>
        </div>
    </div>
    <hr>
    <div class="form-row">
        <div class="form-group col-md-12">
            <label>
                Manufactures
                <div class="font-13 text-muted">
                    If you don't choose a manufacture from the list, the coupon will be applicable
                    to all manufactures.
                </div>
            </label>
            <ul>
                @include('admin::pages.components.manufactures-tree', ['manufactures' => $manufactures])
            </ul>
        </div>
    </div>

    <div class="form-group">
        <button type="submit" class="btn btn-primary">Save</button>
    </div>
</form>

@push('script')
    <script>
        $(document).ready(function () {
            $('.datepicker').datepicker({
                dateFormat: 'yy-mm-dd',
            });

            $('#b2c_users').select2({
                placeholder: '',
                allowClear:  true,
                ajax:        {
                    url:            '{{ route('admin.api.search.select2') }}',
                    type:           'GET',
                    dataType:       'json',
                    data:           function (params) {
                        return {
                            modelPath:      'User',
                            modelName:      'User',
                            defaultFields:  ['type'],
                            defaultValues:  ['b2c'],
                            search:         params.term,
                            searchFields:   ['name',
                                'surname',
                                'email'],
                            searchType:     'like',
                            selectedFields: ['id',
                                'name',
                                'surname'],
                            limit:          100
                        };
                    },
                    processResults: function (data) {
                        return {
                            results: data.map(function (item) {
                                return {
                                    id:   item.id,
                                    text: item.name
                                };
                            })
                        };
                    },
                    cache:          true
                }
            });

            $('#b2b_users').select2({
                placeholder: '',
                allowClear:  true,
                ajax:        {
                    url:            '{{ route('admin.api.search.select2') }}',
                    type:           'GET',
                    dataType:       'json',
                    data:           function (params) {
                        return {
                            modelPath:      'User',
                            modelName:      'User',
                            defaultFields:  ['type'],
                            defaultValues:  ['b2b'],
                            search:         params.term,
                            searchFields:   ['name',
                                'surname',
                                'email'],
                            searchType:     'like',
                            selectedFields: ['id',
                                'name',
                                'surname'],
                            limit:          100
                        };
                    },
                    processResults: function (data) {
                        return {
                            results: data.map(function (item) {
                                return {
                                    id:   item.id,
                                    text: item.name
                                };
                            })
                        };
                    },
                    cache:          true
                }
            });

            $('#product_sku').select2({
              placeholder: '',
              allowClear:  true,
              ajax:        {
                url:            '{{ route('admin.api.search.select2') }}',
                type:           'GET',
                dataType:       'json',
                data:           function (params) {
                  return {
                    modelPath:      'Product',
                    modelName:      'Product',
                    search:         params.term,
                    searchFields:   [
                      'search_data',
                    ],
                    searchType:     'like',
                    selectedFields: [
                      'id',
                      'title',
                      'code',
                      'isbn_code',
                    ],
                    limit:          25
                  };
                },
                processResults: function (data) {
                  return {
                    results: data.map(function (item) {
                      return {
                        id:   item.id,
                        text: `code: ${item.code}, sku: ${item.isbn_code || '---'}, ${item.title.lv}`
                      };
                    })
                  };
                },
                cache:          true
              }
            });

            $('#is_auth').on('change', function () {
                let $is_b2c = $('#is_b2c');
                let $is_b2b = $('#is_b2b');
                let $b2c_users = $('#b2c_users');
                let $b2b_users = $('#b2b_users');

                if ($(this).val() === '0') {
                    $is_b2c.val('0').prop('disabled', true);
                    $is_b2b.val('0').prop('disabled', true);
                    $b2c_users.val(null).trigger('change').prop('disabled', true);
                    $b2b_users.val(null).trigger('change').prop('disabled', true);
                } else {
                    $is_b2c.prop('disabled', false);
                    $is_b2b.prop('disabled', false);
                }
            });

            $('#is_b2c').on('change', function () {
                let $b2c_users = $('#b2c_users');
                if ($(this).val() === '0') {
                    $b2c_users.val(null).trigger('change').prop('disabled', true);
                } else {
                    $b2c_users.prop('disabled', false);
                }
            });

            $('#is_b2b').on('change', function () {
                let $b2b_users = $('#b2b_users');
                if ($(this).val() === '0') {
                    $b2b_users.val(null).trigger('change').prop('disabled', true);
                } else {
                    $b2b_users.prop('disabled', false);
                }
            });

            $('.checkbox-category').on('click', function () {
                let checked = this.checked;
                // Get the parent li element
                const parentLi = $(this).closest('li');
                // Find all the child checkboxes of the parent li element
                const childCheckboxes = parentLi.find('input[type="checkbox"]');
                // Toggle the checked state of each child checkbox
                childCheckboxes.each(function () {
                    if (this !== parentLi.find('.checkbox-category')[0]) {
                        this.checked = checked;
                    }
                });
            });

            $('.checkbox-manufacture').on('click', function () {
                let checked = this.checked;
                // Get the parent li element
                const parentLi = $(this).closest('li');
                // Find all the child checkboxes of the parent li element
                const childCheckboxes = parentLi.find('input[type="checkbox"]');
                // Toggle the checked state of each child checkbox
                childCheckboxes.each(function () {
                    if (this !== parentLi.find('.checkbox-category')[0]) {
                        this.checked = checked;
                    }
                });
            });
        });
    </script>
@endpush