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

@section('backend_content')

    <div class="my-4 row">
        <div class="col-12">
            <div class="card">
                <!-- Card header -->
                <div class="pb-0 card-header">
                    <div class="d-lg-flex justify-content-between">
                        <div>
                            <h5 class="mb-0">Order List</h5>
                        </div>
                        <div class="d-flex">
                            @if (Auth::user()->user_type == 'superadmin')
                                <form action="{{ route('multiorder_status_change') }}" method="POST" class="me-2 orderStatusDiv">
                                    @csrf
                                    <input type="hidden" name="order_ids" id="set-orderids">
                                    <button type="submit" class="btn btn-info float-end">Order Status Change</button>
                                </form>
                            @endif
                            <a href="{{ route('order_list_download', [
                                'delivery_status' => request()->delivery_status,
                                'date_from' => request()->date_from,
                                'date_to' => request()->date_to,
                            ]) }}" class="btn btn-secondary float-end">Download Order List</a>
                        </div>
                    </div>
                </div>
                <div class="px-0 pb-0 card-body">
                    <form action="{{ route('admin_order_list') }}" method="GET">
                        <div class="col-12 d-flex justify-content-start">
                            <div class="col-2">
                                <div class="ms-2">
                                    <label for="date_from">Delivery Status</label>
                                    <select id="categoryFilter" class="form-control" name="delivery_status">
                                        <option value="All" {{ request()->delivery_status == 'All' ? 'selected' : '' }}>All</option>
                                        <option value="Order Confirmed" {{ request()->delivery_status == 'Order Confirmed' ? 'selected' : '' }}>Order Confirmed</option>
                                        <option value="Processing" {{ request()->delivery_status == 'Processing' ? 'selected' : '' }}>Processing</option>
                                        <option value="Order Picked" {{ request()->delivery_status == 'Order Picked' ? 'selected' : '' }}>Order Picked</option>
                                        <option value="Shipment Processing" {{ request()->delivery_status == 'Shipment Processing' ? 'selected' : '' }}>Shipment Processing</option>
                                        <option value="Delivered" {{ request()->delivery_status == 'Delivered' ? 'selected' : '' }}>Delivered</option>
                                        <option value="Order Return" {{ request()->delivery_status == 'Order Return' ? 'selected' : '' }}>Order Return</option>
                                        <option value="Order Canceled" {{ request()->delivery_status == 'Order Canceled' ? 'selected' : '' }}>Order Canceled</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-2 ms-4">
                                <label for="date_from">Filter From Date</label>
                                <input type="date" name="date_from" class="form-control" value="{{ old('date_from', request()->date_from) }}">
                            </div>

                            <div class="col-2 ms-4">
                                <label for="date_to">Filter To Date</label>
                                <input type="date" name="date_to" class="form-control" value="{{ old('date_to', request()->date_to) }}">
                            </div>
                            <div class="col-1 d-flex align-items-end ms-2">
                                <button type="submit" class="btn btn-primary mb-0">Filter</button>
                            </div>
                        </div>
                    </form>
                    <div class="table-responsive">
                        <table class="table table-flush" id="products-list">
                            <thead class="thead-light">
                                <tr>
                                    <th class="fs-6" style="color: black">Sl No.</th>
                                    <th class="fs-6" style="color: black">Order Number</th>
                                    <th class="fs-6" style="color: black">Invoice Number</th>
                                    <th class="fs-6" style="color: black">Customer Type</th>
                                    <th class="fs-6" style="color: black">Customer Name</th>
                                    <th class="fs-6" style="color: black">Phone Number</th>
                                    <th class="fs-6" style="color: black">User Email</th>
                                    <th class="fs-6" style="color: black">Order Date</th>
                                    <th class="fs-6" style="color: black">Delivery Status</th>
                                    <th class="fs-6" style="color: black">Payment System</th>
                                    <th class="fs-6" style="color: black">Order Amount</th>
                                    <th class="fs-6" style="color: black">Order Status</th>
                                    <th class="fs-6" style="color: black">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @isset($orderAdminList)

                                    @forelse ($orderAdminList as $index=> $item)
                                        <tr>
                                            <td>
                                                <div class="d-flex align-items-center">
                                                    @if (Auth::user()->user_type == 'superadmin' && $item->return_date == null && $item->delivered_date == null)
                                                        <div class="form-check">
                                                            <input class="form-check-input single-item" type="checkbox" name="order_id[]" value="{{ $item->id }}">
                                                        </div>
                                                    @endif
                                                    {{ $index + 1 }}
                                                </div>
                                            </td>
                                            <td>
                                                <div class="d-flex">
                                                    <p class="my-auto">{{ $item->order_number }}</p>
                                                </div>
                                            </td>

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

                                            <td>
                                                <div class="d-flex">
                                                    <p class="my-auto">{{ $item->users->referral_code != null ? 'Wholesaler' : 'Retailer' }}</p>
                                                </div>
                                            </td>

                                            <td>
                                                <div class="d-flex">
                                                    <p class="my-auto">{{ $item->users->name }}</p>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="d-flex">
                                                    <p class="my-auto">{{ $item->phone }}</p>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="d-flex">
                                                    <p class="my-auto">{{ $item->users->email }}</p>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="d-flex">
                                                    <p class="my-auto">{{ $item->order_date }}</p>
                                                </div>
                                            </td>

                                            <td>
                                                <div class="d-flex">
                                                    @if ($item->cancel_date != null)
                                                        <p class="my-auto text-danger">Order Canceled</p>
                                                    @elseif ($item->return_date != null)
                                                        <p class="my-auto text-danger">Order Return</p>
                                                    @elseif ($item->delivered_date != null)
                                                        <p class="my-auto text-success">Delivered</p>
                                                    @elseif ($item->shipped_date != null)
                                                        <p class="my-auto text-warning">Shipment Processing</p>
                                                    @elseif ($item->picked_date != null)
                                                        <p class="my-auto text-primary">Order Picked</p>
                                                    @elseif ($item->processing_date != null)
                                                        <p class="my-auto text-info">Processing</p>
                                                    @elseif ($item->confirmed_date != null)
                                                        <p class="my-auto">Order Confirmed</p>
                                                    @else
                                                        <p class="my-auto">---</p>
                                                    @endif
                                                </div>
                                            </td>

                                            <td>
                                                <div class="d-flex">
                                                    <p class="my-auto">{{ $item->payment_type }}</p>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="d-flex">
                                                    <p class="my-auto">{{ $item->amount }}</p>
                                                </div>
                                            </td>
                                            <td>
                                                <form action="{{ route('admin_Order_Update', $item->id) }}" method="POST" class="flex">
                                                    @csrf
                                                    <select class="form-control" name="order_status">
                                                        <option value="">Choose Option</option>
                                                        <option value="OrderConfirmed" {{ $item->confirmed_date != null ? 'selected' : '' }}>Order Confirmed</option>
                                                        <option value="Processing" {{ $item->processing_data != null ? 'selected' : '' }}>Processing</option>
                                                        <option value="OrderPicked" {{ $item->picked_date != null ? 'selected' : '' }}>Order Picked</option>
                                                        <option value="ShipmentProcessing" {{ $item->shipped_date != null ? 'selected' : '' }}>Shipment Processing</option>
                                                        <option value="Delivered" {{ $item->delivered_date != null ? 'selected' : '' }}>Delivered</option>
                                                        <option value="OrderReturn" {{ $item->return_date != null ? 'selected' : '' }}>Order Return</option>
                                                        <option value="OrderCanceled" {{ $item->cancel_date != null ? 'selected' : '' }}>Order Canceled</option>
                                                        @if (Auth::user()->user_type == 'superadmin' && $item->delivered_date == null)
                                                            <option value="DirectDelivered" {{ $item->cancel_date != null ? 'selected' : '' }}>Direct Delivered</option>
                                                        @endif
                                                    </select>
                                                    <button class="btn btn-success">Save</button>
                                                </form>
                                            </td>
                                            <td class="text-sm">
                                                <a href="{{ Route('admin_Order_Details', $item->id) }}" data-bs-toggle="tooltip" data-bs-original-title="Preview product">
                                                    <i class="fa-regular fa-eye fs-5"></i>
                                                </a>

                                                @if ($item->return_date == null && $item->cancel_date == null)
                                                    <a href="{{ Route('admin_order_product_return', $item->id) }}" class="ms-2" data-bs-toggle="tooltip" data-bs-original-title="Preview product">
                                                        <span class="mb-1 fs-5"><i class="fab fa-rust"></i></span>
                                                    </a>
                                                @endif
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td class="text-sm" colspan="3">Data Not Found!!</td>
                                        </tr>
                                    @endforelse
                                @endisset
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th class="fs-6">Name</th>
                                    <th class="fs-6">Status</th>
                                    <th class="fs-6">Action</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('beackend_scripts')
    <script>
        const orderIds = document.getElementById('set-orderids');
        const itemCheckboxes = document.querySelectorAll('.single-item');

        function updateSelectedValues() {
            const selectedValues = Array.from(itemCheckboxes)
                .filter(item => item.checked)
                .map(item => item.value)
                .join(',');
            if (selectedValues) {
                orderIds.value = selectedValues;
                document.querySelector('.orderStatusDiv').classList.remove('d-none');
                document.querySelector('.orderStatusDiv').classList.add('d-block');
            } else {
                document.querySelector('.orderStatusDiv').classList.remove('d-block');
                document.querySelector('.orderStatusDiv').classList.add('d-none');
            }
        }
        itemCheckboxes.forEach(item => item.addEventListener('change', updateSelectedValues));
        updateSelectedValues();
    </script>
@endsection