@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>
                    @if (!Auth::user()->is_affiliater == 1)
                        <a href="{{ route('dashboard.orders.create') }}" class="btn btn-primary">Add Order</a>
                    @endif
                </div> -->
            </div>

            <div class="card-body">
                @php
                    $statuses = [
                        null => 'All Orders',
                        ORDER_PENDING => 'pending',
                        ORDER_PAID => 'paid',
                        ORDER_DISPATCHED => 'shipped',
                        ORDER_REJECTED => 'cancelled',
                        ORDER_COMPLETED => 'completed',
                    ];
                    $statusClasses = [
                        null => 'btn-secondary',
                        ORDER_PENDING => 'btn-info',
                        ORDER_PAID => 'btn-primary',
                        ORDER_DISPATCHED => 'btn-warning',
                        ORDER_REJECTED => 'btn-danger',
                        ORDER_COMPLETED => 'btn-success',
                    ];
                @endphp

                @if (!Auth::user()->is_affiliater == 1)
                    <div class="mb-3">
                        <div class="d-flex flex-wrap gap-2" role="group" aria-label="Order Status Tabs">
                            @foreach ($statuses as $key => $label)
                                @php
                                    $isActive =
                                        (string) request('tab') === (string) $key ||
                                        (is_null($key) && !request()->has('tab'));
                                    $url = is_null($key)
                                        ? route('dashboard.orders.index')
                                        : route('dashboard.orders.index', ['tab' => $label]);
                                    $count =
                                        $key != null || $key == ORDER_PENDING
                                            ? $statusCounts[$key] ?? 0
                                            : $statusCounts['all'];
                                    $bgClass = $statusClasses[$key] ?? 'btn-outline-secondary';
                                @endphp
                                <a href="{{ $url }}"
                                    class="btn {{ $bgClass }} {{ $isActive ? 'active' : '' }}">
                                    {{ ucfirst($label) }} <span class="badge bg-light text-dark">{{ $count }}</span>
                                </a>
                            @endforeach
                        </div>
                    </div>
                @endif


                <form method="GET" action="{{ route('dashboard.orders.index') }}" class="row g-2 mb-4 align-items-end">
                    <!-- @if (!$isAffiliater)
                        <input type="hidden" name="tab" value="{{ request('tab') }}">
                        <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>
                        <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>
                    @endif -->
                </form>

                <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>User</th>
                                <th>Phone</th>
                                <!-- <th>Discount</th> -->
                                <th>Grand Total</th>
                                <!-- <th>Payment Status</th> -->
                                <th>Payment Method</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>
                                        <a href="{{ route('dashboard.users.show', $order->user->id) }}">{{ $order->user->name ?? 'Guest' }}</a>
                                    </td>
                                    @if (!$isAffiliater)
                                        <td>{{ $order->user->phone ?? 'N/A' }}</td>
                                    @endif
                                    <!-- <td>{{ $order->discount ?? 'N/A' }}</td> -->
                                    <td>{{ $order->total_amount ?? 'N/A' }}</td>
                                    @php
                                        switch ($order->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> -->
                                    <td class="text-center">
                                        @if ($order->payment_status == ORDER_PAYMENT_PAID)
                                            <span
                                                class="badge bg-success">{{ ucfirst($order->orderPayments[0]->type) ?? 'N/A' }}</span>
                                        @else
                                            <span> - </span>
                                        @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>
                                            <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="pending"
                                                        {{ $order->status == 'pending' ? 'selected' : '' }}>Pending
                                                    </option>
                                                    <option value="paid"
                                                        {{ $order->status == 'paid' ? 'selected' : '' }}>Paid
                                                    </option>
                                                    <option value="shipped"
                                                        {{ $order->status == 'shipped' ? 'selected' : '' }}>
                                                        Shipped</option>
                                                    <option value="completed"
                                                        {{ $order->status == 'completed' ? 'selected' : '' }}>Completed
                                                    </option>
                                                    <option value="cancelled"
                                                        {{ $order->status == 'cancelled' ? 'selected' : '' }}>Cancelled
                                                    </option>
                                                </select>
                                            </form>
                                        
                                    </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('dashboard.orders.edit', $order->id) }}"
                                                class="btn btn-sm btn-warning">Edit</a>
                                            <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>                                            
                                            {{-- <form action="{{ route('dashboard.orders.destroy', $order->id) }}"
                                                method="POST" class="d-inline-block">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-danger delete_confirmation">Delete</button>
                                            </form>  --}}
                                        @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>