@extends('backend.layouts.app')
@section('backend_title', 'Admin Order Return List')

@section('backend_content')

    <div class="my-4 row">
        <div class="col-12">
            <form method="POST" action="{{ route('order_product_return_update') }}" class="card">
                @csrf
                <!-- Card header -->
                <div class="pb-0 card-header">
                    <div class="d-flex justify-content-between">
                        <div>
                            <h5 class="mb-0">Order Return</h5>
                        </div>
                        <button class="btn btn-sm btn-success" type="submit">Return Product</button>
                    </div>
                    {{-- <input type="hidden" name="order_id" value="{{ $orders->id }}"> --}}
                </div>
                <div class="px-0 pb-0 card-body">
                    <div class="table-responsive">
                        <table class="table table-flush">
                            <thead class="thead-light">
                                <tr>
                                    <th>
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" id="select-all">
                                        </div>
                                    </th>
                                    <th class="fs-6" style="color: black">Sl No.</th>
                                    <th class="fs-6" style="color: black">P.code</th>
                                    <th class="fs-6" style="color: black">Thum Image</th>
                                    <th class="fs-6" style="color: black">Product name</th>
                                    <th class="fs-6" style="color: black">Qty</th>
                                    <th class="fs-6" style="color: black">price</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if (isset($orders) && $orders != null)
                                    @forelse ($orders->order_items as $index=> $item)
                                        <tr>
                                            <td>
                                                @if ($item->return_date == null)
                                                    <div class="form-check">
                                                        <input class="form-check-input single-item" type="checkbox" name="product_id[]" value="{{ $item->products->id }}">
                                                    </div>
                                                @endif
                                            </td>
                                            <td>
                                                {{ $index + 1 }}
                                            </td>
                                            <td>
                                                <div class="d-flex">
                                                    <p class="my-auto">{{ $item->products->product_code }}</p>
                                                </div>
                                            </td>

                                            <td>
                                                <div class="d-flex">
                                                    <img src="{{ $item->products->thum_image }}" alt="" style="width: 80px; height: 80px">
                                                </div>
                                            </td>

                                            <td>
                                                <div class="d-flex">

                                                    <p class="my-auto">{{ $item->products->bn_name != null ? $item->products->bn_name : $item->products->en_name }}</p>
                                                </div>
                                            </td>


                                            <td>
                                                <div class="d-flex">
                                                    <div class="my-auto">
                                                        <p class="my-auto">{{ $item->qty }}</p>
                                                    </div>
                                                </div>
                                            </td>

                                            <td>
                                                <div class="d-flex">
                                                    <div class="my-auto">
                                                        <p class="my-auto">
                                                            @if ($item->products->promotions == 1)
                                                                {{ number_format($item->products->promotions == 1 && $orders->users->referral_code != null ? $item->products->wholesale_price - $item->products->dis_price_wholesale : $item->products->retail_price - $item->products->dis_price_retail, 2) }}
                                                            @else
                                                                {{ number_format($orders->users->referral_code ? $item->products->wholesale_price : $item->products->retail_price, 2) }}
                                                            @endif
                                                        </p>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td class="text-sm" colspan="3">Data Not Found!!</td>
                                        </tr>
                                    @endforelse
                                @endif

                            </tbody>
                            {{-- <tfoot>
                <tr>
                    <th class="text-xs">Name</th>
                    <th class="text-xs">Status</th>
                    <th class="text-xs">Action</th>
                </tr>
              </tfoot> --}}
                        </table>
                    </div>
                </div>
            </form>
        </div>
    </div>

@endsection

@section('beackend_scripts')
    <script>
        const selectAllCheckbox = document.getElementById('select-all');
        const itemCheckboxes = document.querySelectorAll('.single-item');

        function updateSelectAllCheckbox() {
            const allChecked = Array.from(itemCheckboxes).every(item => item.checked);
            const someChecked = Array.from(itemCheckboxes).some(item => item.checked);
            selectAllCheckbox.checked = allChecked;
            // selectAllCheckbox.indeterminate = !allChecked && someChecked;
        }
        selectAllCheckbox.addEventListener('change', function() {
            const isChecked = this.checked;
            itemCheckboxes.forEach(item => item.checked = isChecked);
        });
        itemCheckboxes.forEach(item => item.addEventListener('change', updateSelectAllCheckbox));
        updateSelectAllCheckbox();
    </script>
@endsection