@extends('dashboard.layouts.master')
@section('title', 'Orders')

@php
    $isAffiliater = isAffiliater();
@endphp

@section('content')
<div class="row">
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h4 class="mb-0">Orders List</h4>
            <div class="d-flex gap-2">
                <button id="print-selected" class="btn btn-info" disabled>Print Selected</button>
                <button id="export-selected" class="btn btn-success" disabled>Export Selected</button>
            </div>
        </div>

        {{-- Filters --}}
        <div class="card-body">
            <form method="GET" action="{{ route('dashboard.orders.index') }}" class="row g-2 mb-4 align-items-end">
                @if(!$isAffiliater)
                    <div class="col-md-3">
                        <input type="text" name="search" class="form-control" placeholder="Phone Number"
                            value="{{ request('search') }}">
                    </div>
                    <div class="col-md-3">
                        <select name="user_id" class="form-select">
                            <option value="">Select User</option>
                            @foreach($users as $user)
                                <option value="{{ $user->id }}" {{ request('user_id') == $user->id ? 'selected' : '' }}>
                                    {{ $user->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                @endif

                <div class="col-md-2">
                    <select name="status" class="form-select">
                        <option value="">Status</option>
                        <option value="{{ORDER_PENDING}}" {{ request()->filled('status') && request('status') == ORDER_PENDING ? 'selected' : '' }}>Pending</option>
                        <option value="{{ORDER_APPROVED}}" {{ request('status') == ORDER_APPROVED ? 'selected' : '' }}>Approved</option>
                        <option value="{{ORDER_DISPATCHED}}" {{ request('status') == ORDER_DISPATCHED ? 'selected' : '' }}>Dispatched</option>
                        <option value="{{ORDER_DELIVERED}}" {{ request('status') == ORDER_DELIVERED ? 'selected' : '' }}>Delivered</option>
                        <option value="{{ORDER_REJECTED}}" {{ request('status') == ORDER_REJECTED ? 'selected' : '' }}>Rejected</option>
                    </select>
                </div>

                <div class="col-md-2">
                    <select name="payment_status" class="form-select">
                        <option value="">Payment</option>
                        <option value="{{ORDER_PAYMENT_PENDING}}" {{ request()->filled('payment_status') && request('payment_status') == ORDER_PAYMENT_PENDING ? 'selected' : '' }}>Pending</option>
                        <option value="{{ORDER_PAYMENT_PAID}}" {{ request('payment_status') == ORDER_PAYMENT_PAID ? 'selected' : '' }}>Paid</option>
                        <option value="{{ORDER_PAYMENT_CANCELLED}}" {{ request('payment_status') == ORDER_PAYMENT_CANCELLED ? 'selected' : '' }}>Cancelled</option>
                    </select>
                </div>

                <div class="col-md-2 d-flex gap-2">
                    <button type="submit" class="btn btn-primary">Filter</button>
                    <a href="{{ route('dashboard.orders.index') }}" class="btn btn-outline-secondary">Reset</a>
                </div>
            </form>

            {{-- Orders Table --}}
            <div class="table-responsive">
                <table class="table table-hover table-bordered">
                    <thead class="table-light">
                        <tr>
                            <th>
                                <div class="form-check">
                                    <input type="checkbox" id="select-all" class="form-check-input">
                                </div>
                            </th>
                            <th>#</th>
                            <th>Order ID</th>
                            <th>User</th>
                            @if(!$isAffiliater)
                            <th>Phone</th>
                            @endif
                            <th>Cart Total</th>
                            <th>Discount</th>
                            <th>Grand Total</th>
                            <th>Payment Status</th>
                            <th>Status</th>
                            <th>Ordered At</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($orders as $key => $order)
                            <tr>
                                <td>
                                    <input type="checkbox" class="form-check-input select-order" value="{{ $order->id }}">
                                </td>
                                <td>{{ $orders->firstItem() + $key }}</td>
                                <td>{{ $order->unique_id ?: 'N/A' }}</td>
                                <td>
                                    @if (!$isAffiliater)
                                        <a href="{{ route('dashboard.users.show', $order->user->id) }}">{{ $order->user->name ?? 'Guest' }}</a>
                                    @else
                                        {{ $order->user->name ?? 'Guest' }}
                                    @endif
                                </td>
                                @if(!$isAffiliater)
                                <td>{{ $order->user->phone ?? 'N/A' }}</td>
                                @endif
                                <td>{{ $order->cart_total ?? 'N/A' }}</td>
                                <td>{{ $order->discount ?? 'N/A' }}</td>
                                <td>{{ $order->grand_total ?? 'N/A' }}</td>
                                @php
                                    switch($order->payment_status)
                                    {
                                        case 1: $borderColor = 'border: 1px solid green'; break;
                                        case 2: $borderColor = 'border: 1px solid red'; break;
                                        default: $borderColor = 'border: 1px solid skyblue';
                                    }
                                @endphp
                                <td>
                                    @if(!$isAffiliater)
                                        <form action="{{ route('dashboard.orders.updatePaymentStatus', $order->id) }}" method="POST">
                                            @csrf
                                            @method('PUT')
                                            <select name="payment_status" onchange="this.form.submit()" class="form-select form-select-sm" style="{{ $borderColor }}">
                                                <option value="{{ORDER_PAYMENT_PENDING}}" {{ $order->payment_status == ORDER_PAYMENT_PENDING ? 'selected' : '' }}>Pending</option>
                                                <option value="{{ORDER_PAYMENT_PAID}}" {{ $order->payment_status == ORDER_PAYMENT_PAID ? 'selected' : '' }}>Paid</option>
                                                <option value="{{ORDER_PAYMENT_CANCELLED}}" {{ $order->payment_status == ORDER_PAYMENT_CANCELLED ? 'selected' : '' }}>Cancelled</option>
                                            </select>
                                        </form>
                                    @else
                                        @switch($order->payment_status)
                                            @case(ORDER_PAYMENT_PENDING)
                                                <span class="badge bg-warning p-2">Pending</span>
                                                @break
                                            @case(ORDER_PAYMENT_PAID)
                                                <span class="badge bg-success p-2">Paid</span>
                                                @break
                                            @case(ORDER_PAYMENT_CANCELLED)
                                                <span class="badge bg-danger p-2">Cancelled</span>
                                                @break
                                            @default
                                                <span class="badge bg-secondary p-2">Unknown</span>
                                        @endswitch
                                    @endif
                                </td>
                                @php
                                    switch($order->status)
                                    {
                                        case 1: $borderColor = 'border: 1px solid skyblue'; break;
                                        case 2: $borderColor = 'border: 1px solid red'; break;
                                        case 3: $borderColor = 'border: 1px solid green'; break;
                                        case 4: $borderColor = 'border: 1px solid red'; break;
                                        default: $borderColor = 'border: 1px solid orange';
                                    }
                                @endphp

                                <td>
                                    @if(!$isAffiliater)
                                        <form action="{{ route('dashboard.orders.updateStatus', $order->id) }}" method="POST">
                                            @csrf
                                            @method('PUT')
                                            <select name="status" onchange="this.form.submit()" class="form-select form-select-sm" style="{{ $borderColor }}">
                                                <option value="{{ORDER_PENDING}}" {{ $order->status == ORDER_PENDING ? 'selected' : '' }}>Pending</option>
                                                <option value="{{ORDER_APPROVED}}" {{ $order->status == ORDER_APPROVED ? 'selected' : '' }}>Approved</option>
                                                <option value="{{ORDER_DISPATCHED}}" {{ $order->status == ORDER_DISPATCHED ? 'selected' : '' }}>Dispatched</option>
                                                <option value="{{ORDER_DELIVERED}}" {{ $order->status == ORDER_DELIVERED ? 'selected' : '' }}>Delivered</option>
                                                <option value="{{ORDER_REJECTED}}" {{ $order->status == ORDER_REJECTED ? 'selected' : '' }}>Rejected</option>
                                            </select>
                                        </form>
                                    @else
                                        @switch($order->status)
                                            @case(ORDER_PENDING)
                                                <span class="badge bg-info p-2">Pending</span>
                                                @break
                                            @case(ORDER_APPROVED)
                                                <span class="badge bg-primary p-2">Approved</span>
                                                @break
                                            @case(ORDER_DISPATCHED)
                                                <span class="badge bg-warning p-2">Dispatched</span>
                                                @break
                                            @case(ORDER_DELIVERED)
                                                <span class="badge bg-success p-2">Delivered</span>
                                                @break
                                            @case(ORDER_REJECTED)
                                                <span class="badge bg-danger p-2">Rejected</span>
                                                @break
                                            @default
                                                <span class="badge bg-secondary p-2">Unknown</span>
                                        @endswitch
                                    @endif
                                </td>
                                <td>{{ $order->created_at->format('d M Y') }}</td>
                                <td class="d-flex gap-1">
                                    <a href="{{ route('dashboard.orders.show', $order->id) }}" class="btn btn-sm btn-primary">View</a>
                                    @if(!$isAffiliater)
                                        <a href="{{ route('orders.downloadSaleOrderPdf', $order->id) }}" class="btn btn-sm btn-secondary">Download</a>
                                        <a href="{{ route('dashboard.orders.print', $order->id) }}" class="btn btn-sm btn-info" target="_blank">Print</a>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="11" class="text-center">No Orders Found.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
                <div class="table-pagination">
                    {{ $orders->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const selectAllCheckbox = document.getElementById('select-all');
        const orderCheckboxes = document.querySelectorAll('.select-order');
        const printBtn = document.getElementById('print-selected');
        const exportBtn = document.getElementById('export-selected');
        selectAllCheckbox.addEventListener('change', function() {
            orderCheckboxes.forEach(cb => cb.checked = selectAllCheckbox.checked);
            togglePrintButton();
        });
        orderCheckboxes.forEach(cb => {
            cb.addEventListener('change', function () {
                const allChecked = Array.from(orderCheckboxes).every(cb => cb.checked);
                selectAllCheckbox.checked = allChecked;
                togglePrintButton();
            });
        });
        function togglePrintButton() {
            const anyChecked = Array.from(orderCheckboxes).some(cb => cb.checked);
            printBtn.disabled = !anyChecked;
            exportBtn.disabled = !anyChecked;
        }
        printBtn.addEventListener('click', function() {
            const selectedIds = Array.from(orderCheckboxes)
                .filter(cb => cb.checked)
                .map(cb => cb.value);

            if (selectedIds.length === 0) {
                alert('Please select at least one order to print.');
                return;
            }
            const url = '{{ route('dashboard.orders.printMultiple') }}' + '?ids=' + selectedIds.join(',');
            window.open(url, '_blank');
        });
        exportBtn.addEventListener('click', function() {
            const selectedIds = Array.from(orderCheckboxes)
                .filter(cb => cb.checked)
                .map(cb => cb.value);

            if (selectedIds.length === 0) {
                alert('Please select at least one order to export.');
                return;
            }
            const url = '{{ route('dashboard.orders.export') }}' + '?ids=' + selectedIds.join(',');
            window.location.href = url;
        });
    });
</script>