@extends('layouts.layout')
@section('content')
    <div class="page-body">
        <!-- Container-fluid starts-->
        <div class="container-fluid">
            <div class="page-header">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="page-header-left">
                            <h3>{{ $title }}
                                <small>Diamond Admin panel</small>
                            </h3>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <ol class="breadcrumb pull-right">
                            <li class="breadcrumb-item">
                                <a href="index.html">
                                    <i data-feather="home"></i>
                                </a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{ $backtrack }}">Coupon List</a></li>
                            <li class="breadcrumb-item active">{{ $title }}</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid Ends-->

        <!-- Container-fluid starts-->
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <form class="needs-validation " novalidate action="{{ $action_url }}" method="POST"
                                enctype="multipart/form-data">
                                @csrf
                                <div class="form-group row">
                                    <label for="coupon_title" class="col-xl-3 col-md-4"><span>*</span> Coupon Type</label>
                                    <div class="col-md-8">
                                        <select name="coupon_type" class="form-control">
                                            <option value="Regular" selected>Regular Coupon</option>
                                            <option value="Referral">Referral Coupon</option>
                                        </select>
                                        {{-- <input class="form-control  @error('coupon_title') is-invalid @enderror"
                                            id="coupon_title" type="text" required name="coupon_title"
                                            value="{{ old('coupon_title', isset($obj) ? $obj->coupon_title : '') }}">
                                        @error('coupon_title')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror --}}
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="coupon_title" class="col-xl-3 col-md-4"><span>*</span> Coupon title</label>
                                    <div class="col-md-8">
                                        <input class="form-control  @error('coupon_title') is-invalid @enderror"
                                            id="coupon_title" type="text" required name="coupon_title"
                                            value="{{ old('coupon_title', isset($obj) ? $obj->coupon_title : '') }}">
                                        @error('coupon_title')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="coupon_code" class="col-xl-3 col-md-4"><span>*</span> Coupon code</label>
                                    <div class="col-md-8">
                                        <input class="form-control @error('coupon_code') is-invalid @enderror"
                                            id="coupon_code" type="text" name="coupon_code"
                                            value="{{ old('coupon_code', isset($obj) ? $obj->coupon_code : '') }}">
                                        @error('coupon_code')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                {{-- CATEGORY SELECT --}}
                                <div class="form-group row">
                                    <label for="categories" class="col-xl-3 col-md-4">
                                        <span>*</span> Applicable Categories
                                    </label>
                                    <div class="col-md-8">
                                        <select name="category_ids[]" id="categories"
                                            class="form-control @error('category_ids') is-invalid @enderror" multiple>

                                            @php
                                                $selectedCategories = isset($obj)
                                                    ? $obj->categories->pluck('id')->toArray()
                                                    : collect(old('category_ids'))->toArray();

                                                $allCategoryIds = $categories->pluck('id')->toArray();

                                                // detect if all categories were selected manually
                                                $allSelected =
                                                    !empty($selectedCategories) &&
                                                    count(array_diff($allCategoryIds, $selectedCategories)) === 0;
                                            @endphp

                                            <option value="all" {{ $allSelected ? 'selected' : '' }}>All Categories
                                            </option>

                                            @foreach ($categories as $category)
                                                <option value="{{ $category->id }}"
                                                    {{ in_array($category->id, $selectedCategories) ? 'selected' : '' }}>
                                                    {{ $category->name }}
                                                </option>
                                            @endforeach
                                        </select>

                                        @error('category_ids')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>


                                {{-- PRODUCT SELECT --}}
                                <div class="form-group row">
                                    <label for="products" class="col-xl-3 col-md-4">
                                        Applicable Products
                                    </label>
                                    <div class="col-md-8">
                                        <select name="product_ids[]" id="products"
                                            class="form-control @error('product_ids') is-invalid @enderror" multiple>

                                            @php
                                                $selectedProducts = isset($obj)
                                                    ? $obj->products->pluck('id')->toArray()
                                                    : collect(old('product_ids'))->toArray();
                                            @endphp

                                            <option value="all">All Products</option>

                                            @foreach ($products as $product)
                                                <option value="{{ $product->id }}"
                                                    data-category="{{ $product->category_id }}"
                                                    {{ in_array($product->id, $selectedProducts) ? 'selected' : '' }}>
                                                    {{ $product->name }}
                                                </option>
                                            @endforeach
                                        </select>

                                        @error('product_ids')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>



                                <div class="form-group row">
                                    <label for="image" class="col-xl-3 col-md-4">Start date</label>
                                    <div class="col-md-8">
                                        <input class="datepicker-here-new form-control digits " type="text"
                                            data-language="en" name="start_date"
                                            value="{{ old('start_date', isset($obj) ? $obj->start_date : '') }}">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="image" class="col-xl-3 col-md-4">End date</label>
                                    <div class="col-md-8">
                                        <input class="datepicker-here-new form-control digits" type="text"
                                            data-language="en" name="end_date"
                                            value="{{ old('end_date', isset($obj) ? $obj->end_date : '') }}">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="quantity" class="col-xl-3 col-md-4"><span>*</span> Quantity</label>
                                    <div class="col-md-8">
                                        <input class="form-control @error('quantity') is-invalid @enderror" id="quantity"
                                            type="number" name="quantity"
                                            value="{{ old('quantity', isset($obj) ? $obj->quantity : '') }}">
                                        @error('quantity')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-xl-3 col-md-4"><span>*</span> Discount Type</label>
                                    <div class="col-md-8">
                                        <select
                                            class="custom-select w-100 form-control  @error('discount_type') is-invalid @enderror"
                                            name="discount_type">
                                            <option selected disabled>--Select--</option>
                                            <option value="percent"
                                                {{ old('discount_type', isset($obj) ? $obj->discount_type : '') == 'percent' ? 'selected' : '' }}>
                                                Percent</option>
                                            <option value="fixed"
                                                {{ old('discount_type', isset($obj) ? $obj->discount_type : '') == 'fixed' ? 'selected' : '' }}>
                                                Fixed</option>
                                        </select>
                                        @error('discount_type')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-xl-3 col-md-4"><span>*</span> Discount Value <a
                                            href="javascript:void(0)"><i
                                                class="fa fa-info-circle text-info"></i></a></label>
                                    <div class="col-md-8">
                                        <input type="number" name="discount_value"
                                            class="form-control  @error('discount_value') is-invalid @enderror"
                                            value="{{ old('discount_value', isset($obj) ? $obj->discount_value : '') }}">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="customers" class="col-xl-3 col-md-4"><span>*</span>Customers</label>
                                    <div class="col-md-8">
                                        <select name="customers[]" id="customers"
                                            class="form-control  @error('customers') is-invalid @enderror" multiple>
                                            @if (isset($obj))
                                                @php
                                                    $customers = explode(',', $obj->customers);
                                                @endphp
                                                <option value="all_customers"
                                                    {{ in_array('all_customers', $customers) ? 'selected' : '' }}>All
                                                    customers
                                                </option>
                                                @foreach ($users as $user)
                                                    <option value="{{ $user->id }}"
                                                        {{ in_array($user->id, $customers) ? 'selected' : '' }}>
                                                        {{ ucfirst($user->first_name) }}
                                                        {{ $user->last_name }}</option>
                                                @endforeach
                                            @else
                                                <option value="all_customers"
                                                    {{ old('customers') == 'all_customers' ? 'selected' : '' }} selected>
                                                    All
                                                    customers</option>
                                                @foreach ($users as $user)
                                                    <option value="{{ $user->id }}"
                                                        {{ old('customers') == $user->id ? 'selected' : '' }}>
                                                        {{ ucfirst($user->first_name) }}
                                                        {{ $user->last_name }}</option>
                                                @endforeach
                                            @endif



                                        </select>
                                        @error('customers')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="per_customer_limit" class="col-xl-3 col-md-4"><span>*</span>Per customer
                                        limit</label>
                                    <div class="col-md-8">
                                        <input class="form-control  @error('per_customer_limit') is-invalid @enderror"
                                            id="per_customer_limit" type="number" name="per_customer_limit"
                                            value="{{ old('per_customer_limit', isset($obj) ? $obj->per_customer_limit : '') }}">
                                        @error('per_customer_limit')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
    <label for="minimum_cart_value" class="col-xl-3 col-md-4">
        Minimum Cart Value
    </label>
    <div class="col-md-8">
        <input
            class="form-control @error('minimum_cart_value') is-invalid @enderror"
            id="minimum_cart_value"
            type="number"
            step="0.01"
            min="0"
            name="minimum_cart_value"
            value="{{ old('minimum_cart_value', isset($obj) ? $obj->minimum_cart_value : 0) }}"
            placeholder="0.00">

        @error('minimum_cart_value')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror

        <small class="text-muted">
            Coupon can only be applied if the cart value is equal to or greater than this amount. Leave as 0 for no minimum.
        </small>
    </div>
</div>

                                <div class="form-group row">
                                    <label class="col-xl-3 col-md-4">Status</label>
                                    <div class="col-xl-9 col-md-8">
                                        <div class="checkbox checkbox-primary">
                                            <input id="status" type="checkbox" data-original-title="" name="status"
                                                {{ isset($obj) && $obj->status == 'true' ? 'checked' : '' }}
                                                value="true" title="">
                                            <label for="status">Enable the Coupon</label>
                                        </div>
                                    </div>
                                </div>
                                <button type="submit" class="btn btn-primary d-block">Save</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid Ends-->
    </div>


    @push('scripts')
        <script>
            $(document).ready(function() {

                $('.datepicker-here-new').datepicker({
                    dateFormat: 'yyyy-mm-dd'
                });

                $('#customers').select2({
                    closeOnSelect: false
                });

                $('#categories').select2({
                    placeholder: "Select Categories",
                    closeOnSelect: false
                });

                $('#products').select2({
                    placeholder: "Select Products",
                    closeOnSelect: false
                });


                // -------------------------
                // MAIN FILTER FUNCTION
                // -------------------------

                let allProductOptions = null;

                function filterProducts() {

                    let selected = $('#categories').val() || [];
                    selected = selected.map(String);

                    console.log("🎯 Selected categories:", selected);

                    // Backup original options once
                    if (!allProductOptions) {
                        allProductOptions = $('#products').html();
                    }

                    // Restore always before filtering
                    $('#products').html(allProductOptions);

                    $('#products option').each(function() {

                        let productCategory = $(this).data('category');
                        let value = $(this).val();
                        let label = $(this).text().trim();

                        // Always keep "All Products"
                        if (value === 'all') return;

                        // Remove if not matching
                        if (
                            !selected.includes('all') &&
                            !selected.includes(String(productCategory))
                        ) {
                            console.log("❌ REMOVE:", label);
                            $(this).remove();
                        } else {
                            console.log("✅ KEEP:", label);
                        }
                    });

                    // Reload Select2
                    $('#products').select2('destroy').select2({
                        placeholder: "Select Products"
                    });
                }

                // -------------------------
                // CATEGORY CHANGE
                // -------------------------
                $('#categories').on('change', function() {

                    let selected = $(this).val() || [];
                    console.log("📌 Category changed:", selected);

                    // Handle All Categories
                    if (selected.includes('all')) {

                        let allValues = [];
                        $('#categories option').each(function() {
                            allValues.push($(this).val());
                        });

                        $('#categories').val(allValues).trigger('change');
                        return;
                    }

                    filterProducts();
                });


                // -------------------------
                // PAGE LOAD FIX (EDIT MODE)
                // -------------------------
                filterProducts();

            });
        </script>
    @endpush








@endsection