{{-- resources/views/admin/orders/create.blade.php --}}
@extends('admin.layout.index')

@section('title', 'ایجاد سفارش')

@section('style')
    <link rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta3/dist/css/bootstrap-select.min.css">
    <style>
        .bootstrap-select .dropdown-menu {
            direction: rtl;
            text-align: right;
        }

        .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
            direction: rtl;
        }

        .qty-control {
            display: flex;
            align-items: center;
            gap: 6px;
            justify-content: center;
        }

        .qty-control .btn {
            padding: .1rem .45rem;
        }

        .table td, .table th {
            vertical-align: middle;
        }

        .cursor-pointer {
            cursor: pointer;
        }

        .product-select-section {
            background: #f8f9fa;
            padding: 15px;
            border-radius: 5px;
            margin-bottom: 20px;
        }

        .variation-image {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            border: 1px solid #ddd;
            object-fit: cover;
        }

        #variation_section {
            margin-top: 15px;
            padding: 15px;
            background: #f1f1f1;
            border-radius: 5px;
            display: none;
        }
    </style>
@endsection

@section('content')

    <div class="col-xl-12 col-md-12 mb-4 p-4 bg-white">
        <div class="row">
            <div class="col-12 col-md-6">
                <h5 class="mb-4 text-md-right text-center">ایجاد سفارش</h5>
            </div>
        </div>

        <form action="{{ route('admin.orders.store') }}" method="POST" class="row g-3">
            @csrf

            {{-- نماینده --}}
            <div class="form-group col-md-3">
                <label for="seller_id">نماینده</label>
                <select id="seller_id" name="seller_id" class="form-control" data-live-search="true" data-width="100%"
                        title="انتخاب نماینده" dir="rtl">
                    @foreach($sellers as $seller)
                        <option value="{{ $seller->id }}" {{ old('seller_id') == $seller->id ? 'selected' : '' }}>
                            {{ $seller->first_name . ' ' . $seller->last_name }}
                        </option>
                    @endforeach
                </select>
                @error('seller_id')
                <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>

            {{-- کاربر --}}
            <div class="form-group col-md-3">
                <label for="user_id">کاربر</label>
                <select id="user_id" onchange="getAddress(this)" name="user_id" class="form-control"
                        data-live-search="true" data-width="100%" title="انتخاب کاربر" dir="rtl">
                    @foreach($users as $user)
                        <option value="{{ $user->id }}" {{ old('user_id') == $user->id ? 'selected' : '' }}>
                            {{ $user->first_name . ' ' . $user->last_name }}
                        </option>
                    @endforeach
                </select>
                @error('user_id')
                <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>

            {{-- آدرس (AJAX) --}}
            <div class="form-group col-md-3">
                <label for="address_id">آدرس</label>
                <select id="address_id" name="address_id" class="form-control" title="ابتدا کاربر را انتخاب کنید">
                    <option value="">ابتدا کاربر را انتخاب کنید</option>
                    @if(old('address_id'))
                        <option value="{{ old('address_id') }}" selected>آدرس انتخاب‌شده</option>
                    @endif
                </select>
                @error('address_id')
                <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>

            {{-- نوع پرداخت --}}
            <div class="form-group col-md-3">
                <label for="payment_id">نوع پرداخت</label>
                <select onchange="checkPayment(this)" id="payment_id" name="payment_id" class="form-control"
                        data-live-search="true" data-width="100%"
                        title="انتخاب نوع پرداخت" dir="rtl">
                    @foreach($paymentMethods as $payment)
                        <option value="{{ $payment->id }}" {{ old('payment_id') == $payment->id ? 'selected' : '' }}>
                            {{ $payment->title }}
                        </option>
                    @endforeach
                </select>
                @error('payment_id')
                <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>


            <div class="form-group col-md-3" id="difference_payment_container" style="display: none;">
                <label for="difference_payment_id">درگاه مابه التفاوت</label>
                <select id="difference_payment_id" name="difference_payment_id" class="form-control"
                        data-live-search="true" data-width="100%"
                        title="انتخاب درگاه مابه التفاوت" dir="rtl">
                    @foreach($paymentMethods as $payment)
                        <option value="{{ $payment->id }}">
                            {{ $payment->title }}
                        </option>
                    @endforeach
                </select>

                <div class="mt-2">
                    <label for="difference_amount">مبلغ مابه التفاوت (تومان)</label>
                    <input type="number" id="difference_amount" name="difference_amount" class="form-control" value="0"
                           min="0">
                </div>

                <div class="mt-2">
                    <label for="kalano_amount">مبلغ پرداختی کالانو (تومان)</label>
                    <input type="number" id="kalano_amount" name="kalano_amount" class="form-control" value="0"
                           min="0">
                </div>
            </div>


            {{-- روش ارسال --}}
            <div class="form-group col-md-3">
                <label for="deliveryMethod_id">روش ارسال</label>
                <select id="deliveryMethod_id" name="deliveryMethod_id" class="form-control" data-live-search="true"
                        data-width="100%" title="انتخاب روش ارسال" dir="rtl">
                    @foreach($deliveryMethods as $deliveryMethod)
                        <option
                            value="{{ $deliveryMethod->id }}" {{ old('deliveryMethod_id') == $deliveryMethod->id ? 'selected' : '' }}>
                            {{ $deliveryMethod->name }}
                        </option>
                    @endforeach
                </select>
                @error('deliveryMethod_id')
                <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>

            {{-- قیمت‌ها --}}
            <div class="form-group col-md-3">
                <label for="total_amount">جمع کل (تومان)</label>
                <input class="form-control text-left" id="total_amount" name="total_amount" type="text"
                >
            </div>

            <div class="form-group col-md-3">
                <label for="delivery_amount">هزینه ارسال (تومان)</label>
                <input class="form-control text-left" id="delivery_amount"
                       name="delivery_amount" type="text"
                       inputmode="numeric">
                @error('delivery_amount')
                <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>

            <div class="form-group col-md-3">
                <label for="paying_amount">مبلغ قابل پرداخت (تومان)</label>
                <input class="form-control text-left" id="paying_amount" name="paying_amount" type="text"
                >
            </div>


            <div class="form-group col-md-3">
                <label for="transaction_status">وضعیت تراکنش</label>
                <select id="transaction_status" name="transaction_status" class="form-control" data-live-search="true"
                        data-width="100%"
                        title="انتخاب وضعیت تراکنش" dir="rtl">
                    <option value="0" {{ old('transaction_status') == 0 ? 'selected' : '' }}>ناموفق</option>
                    <option value="1" {{ old('transaction_status') == 1 ? 'selected' : '' }}>موفق</option>
                    <option value="2" {{ old('transaction_status') == 2 ? 'selected' : '' }}>نامعلوم</option>
                    <option value="3" {{ old('transaction_status') == 3 ? 'selected' : '' }}>منقضی شده</option>
                    <option value="4" {{ old('transaction_status') == 4 ? 'selected' : '' }}>در انتظار</option>
                </select>
                @error('transaction_status')
                <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>

            {{-- وضعیت سفارش --}}
            <div class="form-group col-md-3">
                <label for="order_status">وضعیت سفارش</label>
                <select id="order_status" name="order_status" class="form-control" data-live-search="true"
                        data-width="100%"
                        title="انتخاب وضعیت سفارش" dir="rtl">
                    <option value="0" {{ old('order_status') == 0 ? 'selected' : '' }}>در انتظار تسویه حساب</option>
                    <option value="1" {{ old('order_status') == 1 ? 'selected' : '' }}>در انتظار پرداخت</option>
                    <option value="2" {{ old('order_status') == 2 ? 'selected' : '' }}>پرداخت شده</option>
                    <option value="3" {{ old('order_status') == 3 ? 'selected' : '' }}>لغو شده</option>
                    <option value="4" {{ old('order_status') == 4 ? 'selected' : '' }}>ارسال شده</option>
                    <option value="5" {{ old('order_status') == 5 ? 'selected' : '' }}>در حال پردازش</option>
                    <option value="6" {{ old('order_status') == 6 ? 'selected' : '' }}>آماده ارسال</option>
                    <option value="7" {{ old('order_status') == 7 ? 'selected' : '' }}>منقضی شده</option>
                </select>
                @error('order_status')
                <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>


            {{-- بخش انتخاب محصولات --}}
            <div class="col-12 product-select-section">
                <h5 class="mb-3">انتخاب محصولات</h5>

                <div class="row">
                    {{-- دسته بندی --}}
                    <div class="form-group col-md-4">
                        <label for="category_id">دسته بندی</label>
                        <select id="category_id" onchange="getProducts(this)" class="form-control"
                                data-live-search="true" data-width="100%" title="انتخاب دسته بندی" dir="rtl">
                            <option value="">انتخاب کنید</option>
                            @foreach($categories as $category)
                                <option value="{{ $category->id }}">
                                    {{ $category->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    {{-- محصولات --}}
                    <div class="form-group col-md-4">
                        <label for="product_id">محصول</label>
                        <select id="product_id" onchange="getVariations(this)" class="form-control"
                                data-live-search="true" data-width="100%"
                                title="ابتدا دسته بندی را انتخاب کنید" dir="rtl" disabled>
                            <option value="">ابتدا دسته بندی را انتخاب کنید</option>
                        </select>
                    </div>

                    {{-- تعداد --}}
                    <div class="form-group col-md-2">
                        <label for="quantity">تعداد</label>
                        <input type="number" id="quantity" class="form-control" min="1" value="1">
                    </div>

                    {{-- دکمه افزودن --}}
                    <div class="form-group col-md-2 d-flex align-items-end">
                        <button type="button" onclick="addProduct()" class="btn btn-success w-100">افزودن محصول</button>
                    </div>
                </div>

                {{-- بخش انتخاب واریانت --}}
                <div id="variation_section" class="mt-3">
                    <div class="row">
                        <div class="col-md-12">
                            <label id="variation_label">لطفاً محصول را انتخاب کنید</label>
                            <div id="variation_options" class="d-flex flex-wrap gap-2 mt-2">
                                <!-- Variations will be loaded here -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- بخش نمایش محصولات انتخاب شده --}}
            <div id="products_section" class="col-12 {{ count(old('items', [])) > 0 ? '' : 'd-none' }}">
                <hr>
                <h5 class="mb-3">محصولات سفارش</h5>
                <div class="table-responsive">
                    <table class="table table-bordered table-striped text-center" id="products_table">
                        <thead>
                        <tr>
                            <th>عنوان</th>
                            <th>رنگ</th>
                            <th>قیمت واحد</th>
                            <th>مالیات</th>
                            <th>تعداد</th>
                            <th>عملیات</th>
                        </tr>
                        </thead>
                        <tbody id="products_tbody">
                        @if(count(old('items', [])) > 0)
                            @foreach(old('items') as $index => $item)
                                <tr id="product_row_{{ $index }}">
                                    <td>
                                        {{ $item['name'] }}
                                        <input type="hidden" name="items[{{ $index }}][product_id]"
                                               value="{{ $item['product_id'] }}">
                                        <input type="hidden" name="items[{{ $index }}][name]"
                                               value="{{ $item['name'] }}">
                                        @if(isset($item['variation_id']))
                                            <input type="hidden" name="items[{{ $index }}][variation_id]"
                                                   value="{{ $item['variation_id'] }}">
                                        @endif
                                    </td>
                                    <td>
                                        @if(isset($item['variation_name']))
                                            {{ $item['variation_name'] }}
                                            <input type="hidden" name="items[{{ $index }}][variation_name]"
                                                   value="{{ $item['variation_name'] }}">
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td>
                                        <span class="price">{{ number_format($item['price']) }}</span> تومان
                                        <input type="hidden" name="items[{{ $index }}][price]"
                                               value="{{ $item['price'] }}">
                                    </td>
                                    <td>
                                        <span class="tax">{{ number_format($item['tax']) }}</span> تومان
                                        <input type="hidden" name="items[{{ $index }}][tax]" value="{{ $item['tax'] }}">
                                    </td>
                                    <td>
                                        <div class="qty-control">
                                            <button type="button" class="btn btn-sm btn-secondary"
                                                    onclick="updateQuantity({{ $index }}, -1)">-
                                            </button>
                                            <span class="quantity">{{ $item['quantity'] }}</span>
                                            <input type="hidden" name="items[{{ $index }}][quantity]"
                                                   value="{{ $item['quantity'] }}">
                                            <button type="button" class="btn btn-sm btn-secondary"
                                                    onclick="updateQuantity({{ $index }}, 1)">+
                                            </button>
                                        </div>
                                    </td>
                                    <td>
                                        <button type="button" class="btn btn-sm btn-danger"
                                                onclick="removeProduct({{ $index }})">
                                            <i class="fa fa-trash"></i>
                                        </button>
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="form-group col-12 mt-3">
                <button type="submit" class="btn btn-primary">ثبت سفارش</button>
                <a href="{{ route('admin.orders.index') }}" class="btn btn-secondary ml-2">انصراف</a>
            </div>
        </form>
    </div>
@endsection

@section('script')
    <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta3/dist/js/i18n/defaults-fa_IR.min.js"></script>    <script>
        // متغیرهای global
        let selectedVariation = {
            id: null,
            name: 'بدون رنگ',
            price: 0
        };
        let productRowCount = {{ count(old('items', [])) > 0 ? count(old('items')) : 0 }};
        let currentProductId = null;

        // تابع برای دریافت محصولات بر اساس دسته بندی
        function getProducts(tag) {
            let category_id = $(tag).val();
            if (category_id) {
                $("#product_id").empty().append('<option value="">در حال بارگذاری...</option>');
                $("#product_id").prop('disabled', true);
                hideVariationSection();
                $('.selectpicker').selectpicker('refresh');

                $.ajax({
                    url: "{{ route('admin.category.product') }}",
                    data: {
                        category_id: category_id,
                        _token: '{{ csrf_token() }}'
                    },
                    method: 'POST',
                    success: function (response) {
                        if (response && response.data && response.data.length > 0) {
                            $("#product_id").empty();
                            $.each(response.data, function (key, product) {
                                $("#product_id").append(
                                    '<option value="' + product.id + '" data-price="' + (product.price || 0) + '">' +
                                    product.name + ' - ' + (product.price ? product.price.toLocaleString('fa-IR') : '0') + ' تومان' +
                                    '</option>'
                                );
                            });

                            $("#product_id").prop('disabled', false);
                            $('.selectpicker').selectpicker('refresh');
                        } else {
                            $("#product_id").empty().append('<option value="">محصولی یافت نشد</option>');
                            $("#product_id").prop('disabled', true);
                            $('.selectpicker').selectpicker('refresh');
                        }
                    },
                    error: function (xhr) {
                        console.error(xhr);
                        $("#product_id").empty().append('<option value="">خطا در دریافت محصولات</option>');
                        $("#product_id").prop('disabled', true);
                        $('.selectpicker').selectpicker('refresh');
                    }
                });
            } else {
                $("#product_id").empty().append('<option value="">ابتدا دسته بندی را انتخاب کنید</option>');
                $("#product_id").prop('disabled', true);
                hideVariationSection();
                $('.selectpicker').selectpicker('refresh');
            }
        }

        // تابع برای دریافت واریانت‌های محصول
        function getVariations(tag) {
            currentProductId = $(tag).val();
            if (!currentProductId) {
                hideVariationSection();
                return;
            }

            $('#variation_options').empty();
            showVariationSection('در حال دریافت رنگ ها...');

            $.ajax({
                url: "{{ route('get.product.variations') }}",
                method: 'GET',
                data: {
                    product_id: currentProductId
                },
                success: function (response) {
                    if (response.success && response.variations && response.variations.length > 0) {
                        showVariationSection('انتخاب ورنگ:');

                        response.variations.forEach(variation => {
                            const variationDiv = `
                            <div class="variation-option border rounded p-2 cursor-pointer"
                                 onclick="selectVariation(this, ${variation.id}, '${variation.color_name}', ${variation.price})"
                                 data-id="${variation.id}"
                                 data-price="${variation.price}"
                                 data-color="${variation.color_name}">
                                <div class="d-flex align-items-center gap-2">
                                    ${variation.image ? `<img src="${variation.image}" class="variation-image">` : ''}
                                    <span>${variation.color_name}</span>
                                    <span class="mr-auto">${variation.price.toLocaleString('fa-IR')} تومان</span>
                                </div>
                            </div>
                        `;
                            $('#variation_options').append(variationDiv);
                        });

                        // انتخاب اولین واریانت به صورت پیش‌فرض
                        if (response.variations.length > 0) {
                            const firstVariation = response.variations[0];
                            selectVariation(
                                $('#variation_options .variation-option').first(),
                                firstVariation.id,
                                firstVariation.color_name,
                                firstVariation.price
                            );
                        }
                    } else {
                        // اگر محصول واریانت نداشت
                        const productPrice = parseInt($('#product_id option:selected').data('price')) || 0;

                        selectedVariation = {
                            id: null,
                            name: 'بدون رنگ',
                            price: productPrice
                        };

                        showVariationSection('این محصول رنگ ندارد');
                    }
                },
                error: function (xhr) {
                    console.error(xhr);
                    showVariationSection('خطا در دریافت رنگ ها');
                    resetVariationSelection();
                }
            });
        }

        // تابع برای انتخاب واریانت
        function selectVariation(element, variationId, variationName, price) {
            $('.variation-option').removeClass('bg-primary text-white');
            $(element).addClass('bg-primary text-white');

            selectedVariation = {
                id: variationId,
                name: variationName,
                price: price
            };

            console.log('Selected Variation:', selectedVariation);
        }

        // تابع برای افزودن محصول به سبد خرید
        function addProduct() {
            const productSelect = $('#product_id');
            const productId = productSelect.val();

            if (!productId) {
                alert('لطفاً یک محصول انتخاب کنید');
                return;
            }

            const selectedOption = productSelect.find('option:selected');
            const productName = selectedOption.text().split(' - ')[0];

            // اگر محصول واریانت دارد اما واریانت انتخاب نشده
            if ($('#variation_options .variation-option').length > 0 && !selectedVariation.id) {
                alert('لطفاً یک رنگ انتخاب کنید');
                return;
            }

            const productPrice = selectedVariation ? selectedVariation.price : parseInt(selectedOption.data('price')) || 0;
            const productTax = Math.floor(productPrice * 0.10); // محاسبه 10% مالیات
            const quantity = parseInt($('#quantity').val()) || 1;
            const variationId = selectedVariation ? selectedVariation.id : null;
            const variationName = selectedVariation ? selectedVariation.name : null;

            // بررسی تکراری نبودن محصول
            if (isProductDuplicate(productId, variationId)) {
                alert('این محصول با این رنگ قبلاً به سفارش اضافه شده است');
                return;
            }

            // ایجاد ردیف جدید در سبد خرید
            addProductToCart(
                productId,
                productName,
                productPrice,
                productTax,
                quantity,
                variationId,
                variationName
            );

            // ریست کردن فرم انتخاب محصول
            resetProductSelection();

            // محاسبه مجدد جمع‌ها
            calculateTotals();
        }

        // تابع برای بررسی تکراری بودن محصول
        function isProductDuplicate(productId, variationId) {
            let isDuplicate = false;

            $('input[name^="items"]').each(function () {
                const name = $(this).attr('name');
                if (name.includes('[product_id]') && $(this).val() == productId) {
                    const index = name.match(/\[(\d+)\]/)[1];
                    const itemVariationId = $(`input[name="items[${index}][variation_id]"]`).val();

                    if ((variationId === null && itemVariationId === undefined) ||
                        (variationId !== null && itemVariationId == variationId)) {
                        isDuplicate = true;
                        return false; // break out of the loop
                    }
                }
            });

            return isDuplicate;
        }

        // تابع برای افزودن محصول به جدول سبد خرید
        function addProductToCart(productId, productName, productPrice, productTax, quantity, variationId, variationName) {
            const rowId = 'product_row_' + productRowCount;
            const newRow = `
            <tr id="${rowId}">
                <td>
                    ${productName}
                    <input type="hidden" name="items[${productRowCount}][product_id]" value="${productId}">
                    <input type="hidden" name="items[${productRowCount}][name]" value="${productName}">
                    ${variationId ? `<input type="hidden" name="items[${productRowCount}][variation_id]" value="${variationId}">` : ''}
                </td>
                <td>
                    ${variationName || '-'}
                    ${variationName ? `<input type="hidden" name="items[${productRowCount}][variation_name]" value="${variationName}">` : ''}
                </td>
                <td>
                    <span class="price">${productPrice.toLocaleString('fa-IR')}</span> تومان
                    <input type="hidden" name="items[${productRowCount}][price]" value="${productPrice}">
                </td>
                <td>
                    <span class="tax">${productTax.toLocaleString('fa-IR')}</span> تومان
                    <input type="hidden" name="items[${productRowCount}][tax]" value="${productTax}">
                </td>
                <td>
                    <div class="qty-control">
                        <button type="button" class="btn btn-sm btn-secondary" onclick="updateQuantity(${productRowCount}, -1)">-</button>
                        <span class="quantity">${quantity}</span>
                        <input type="hidden" name="items[${productRowCount}][quantity]" value="${quantity}">
                        <button type="button" class="btn btn-sm btn-secondary" onclick="updateQuantity(${productRowCount}, 1)">+</button>
                    </div>
                </td>
                <td>
                    <button type="button" class="btn btn-sm btn-danger" onclick="removeProduct(${productRowCount})">
                        <i class="fa fa-trash"></i>
                    </button>
                </td>
            </tr>
        `;

            $('#products_tbody').append(newRow);
            productRowCount++;

            // نمایش بخش محصولات اگر مخفی بود
            $('#products_section').removeClass('d-none');
        }

        // تابع برای به‌روزرسانی تعداد محصول
        function updateQuantity(rowId, change) {
            const quantityElement = $(`#product_row_${rowId} .quantity`);
            const quantityInput = $(`#product_row_${rowId} input[name="items[${rowId}][quantity]"]`);
            let quantity = parseInt(quantityElement.text()) + change;

            if (quantity < 1) quantity = 1;

            quantityElement.text(quantity);
            quantityInput.val(quantity);

            // محاسبه مجدد جمع‌ها
            calculateTotals();
        }

        // تابع برای حذف محصول از سبد خرید
        function removeProduct(rowId) {
            $(`#product_row_${rowId}`).remove();

            // اگر محصولی باقی نمانده بود، بخش را مخفی کنید
            if ($('#products_tbody tr').length === 0) {
                $('#products_section').addClass('d-none');
            }

            // محاسبه مجدد جمع‌ها
            calculateTotals();
        }


        // توابع کمکی
        function showVariationSection(text) {
            $('#variation_section').show();
            $('#variation_label').text(text);
        }

        function hideVariationSection() {
            $('#variation_section').hide();
            $('#variation_options').empty();
            resetVariationSelection();
        }

        function resetVariationSelection() {
            selectedVariation = {
                id: null,
                name: 'بدون رنگ',
                price: 0
            };
            $('.variation-option').removeClass('bg-primary text-white');
        }

        function resetProductSelection() {
            // $('#category_id').val('').selectpicker('refresh');
            // $('#product_id').empty().append('<option value="">ابتدا دسته بندی را انتخاب کنید</option>');
            $('#product_id').empty();
            $('#product_id').prop('disabled', true);
            hideVariationSection();
            $('.selectpicker').selectpicker('refresh');
            $('#quantity').val(1);
            currentProductId = null;
        }

        // رویدادهای صفحه
        $(document).ready(function () {
            $('.selectpicker').selectpicker();

            // محاسبه اولیه در صورت وجود محصولات
            if ($('#products_tbody tr').length > 0) {
                calculateTotals();
            }

            // محاسبه مجدد هنگام تغییر هزینه ارسال
            $('#shipping_cost').on('change keyup', function () {
                calculateTotals();
            });
        });

        function checkPayment(select) {
            const paymentId = select.value;
            const differenceContainer = document.getElementById('difference_payment_container');

            // اگر درگاه 3 انتخاب شده بود، قسمت مابه التفاوت را نمایش بده
            if (paymentId == '11') {
                differenceContainer.style.display = 'block';
                // اینجا می‌توانید محاسبه مابه التفاوت را انجام دهید
                calculateDifference();
            } else {
                differenceContainer.style.display = 'none';
            }
        }

        function calculateDifference() {
            // اینجا باید منطق محاسبه مابه التفاوت را پیاده‌سازی کنید
            // به عنوان مثال:
            const totalAmount = 100000; // این مقدار باید از جایی دریافت شود
            const paidAmount = 70000;   // این مقدار باید از جایی دریافت شود
            const difference = totalAmount - paidAmount;

            document.getElementById('difference_amount_value').textContent = difference.toLocaleString();
        }

        // دریافت آدرس کاربر
        function getAddress(tag) {
            const userId = $(tag).val();
            if (!userId) return;

            $('#address_id').empty().append('<option value="">در حال دریافت آدرس‌ها...</option>');
            $('.selectpicker').selectpicker('refresh');

            $.ajax({
                url: "{{ route('admin.user.address') }}",
                method: 'POST',
                data: {
                    _token: '{{csrf_token()}}',
                    user_id: userId
                },
                success: function (response) {
                    $('#address_id').empty();
                    if (response.success && response.addresses && response.addresses.length > 0) {
                        $.each(response.addresses, function (index, address) {
                            $('#address_id').append(
                                `<option value="${address.id}"> ${address.address}</option>`
                            );
                        });
                    } else {
                        $('#address_id').append('<option value="">آدرسی یافت نشد</option>');
                    }
                    $('.selectpicker').selectpicker('refresh');
                },
                error: function (xhr) {
                    console.error(xhr);
                    $('#address_id').empty().append('<option value="">خطا در دریافت آدرس‌ها</option>');
                    $('.selectpicker').selectpicker('refresh');
                }
            });
        }

        // رویدادهای صفحه
        $(document).ready(function () {
            $('.selectpicker').selectpicker();

            // اگر کاربری از قبل انتخاب شده بود، آدرس‌هایش را بگیر
            if ($('#user_id').val()) {
                getAddress($('#user_id'));
            }
        });


        $('#seller_id').selectpicker({
            liveSearch: true,
            liveSearchNormalize: true,
            liveSearchStyle: 'contains'
        });


        $(document).ready(function () {
            // تنظیمات خاص برای هر select (اختیاری)
            $('#seller_id').selectpicker({
                title: 'انتخاب نماینده'
            });

            $('#user_id').selectpicker({
                title: 'انتخاب کاربر'
            });

            $('#payment_id').selectpicker({
                title: 'انتخاب نوع پرداخت'
            });

            $('#deliveryMethod_id').selectpicker({
                title: 'انتخاب روش ارسال'
            });

            // $('#category_id').selectpicker({
            //     title: 'انتخاب دسته بندی'
            // });

            // $('#product_id').selectpicker({
            //     title: 'انتخاب محصول'
            // });
        });
    </script>
@endsection