@extends('admin.layouts.app')

@section('title', 'Orders')
@section('crumbs')<span>Orders</span>@endsection

@section('content')
    @php
        $labels = collect(\App\Models\Order::STATUSES)->map(fn ($s) => $s[0])->put('cancelled', 'Cancelled');
        $query = request()->only(['q', 'from', 'to', 'landing']);
    @endphp
    <div class="card">
        <div class="tabs-bar">
            <nav class="tabs">
                <a href="{{ route('admin.orders.index', $query) }}" class="{{ $status ? '' : 'active' }}">All <span class="cnt">{{ $counts->sum() }}</span></a>
                @foreach ($statuses as $s)
                    <a href="{{ route('admin.orders.index', $query + ['status' => $s]) }}" class="{{ $status === $s ? 'active' : '' }}">
                        {{ $labels[$s] }} <span class="cnt">{{ $counts[$s] ?? 0 }}</span>
                    </a>
                @endforeach
            </nav>
            <a href="{{ route('admin.orders.create') }}" class="btn btn-primary btn-sm">＋ Add order</a>
        </div>

        <form method="GET" class="filters">
            @if ($status)<input type="hidden" name="status" value="{{ $status }}">@endif
            @if (request('landing'))<input type="hidden" name="landing" value="{{ request('landing') }}">@endif
            <div class="field grow">
                <label for="q">Search</label>
                <input type="search" id="q" name="q" value="{{ request('q') }}" placeholder="Order no, phone or name…">
            </div>
            <div class="field">
                <label for="from">From</label>
                <input type="date" id="from" name="from" value="{{ request('from') }}">
            </div>
            <div class="field">
                <label for="to">To</label>
                <input type="date" id="to" name="to" value="{{ request('to') }}">
            </div>
            <div class="btns">
                <button type="submit" class="btn btn-primary">Filter</button>
                @if (request()->hasAny(['q', 'from', 'to', 'landing']))
                    <a href="{{ route('admin.orders.index', $status ? ['status' => $status] : []) }}" class="btn btn-ghost">Reset</a>
                @endif
            </div>
        </form>

        {{-- courier: checkbox e order select kore ekshathe pathano --}}
        @php $couriers = \App\Services\Couriers\CourierManager::available(); @endphp
        <form method="GET" action="{{ route('admin.orders.courier.review') }}" id="courierForm" class="courier-bar">
            <span class="cb-count"><b id="selCount">0</b> ta select</span>
            <select name="courier" class="input" aria-label="Courier" @disabled(! $couriers)>
                @forelse ($couriers as $ck => $cl)
                    <option value="{{ $ck }}">{{ $cl }}</option>
                @empty
                    <option value="">Kono courier ready nei</option>
                @endforelse
            </select>
            <button type="submit" class="btn btn-primary btn-sm" id="sendCourier" disabled>🚚 Send to courier</button>
            @unless ($couriers)<a href="{{ route('admin.couriers.settings') }}" class="small">Courier Settings e key dao →</a>@endunless
            <button type="submit" form="syncForm" class="btn btn-ghost btn-sm" style="margin-left:auto" title="Courier e pathano order gular status courier theke anbe">↻ Courier status refresh</button>
        </form>
        <form method="POST" action="{{ route('admin.orders.courier.sync') }}" id="syncForm">@csrf</form>

        <div class="table-wrap">
            <table class="table orders-table">
                <thead>
                    <tr>
                        <th class="cb"><input type="checkbox" id="selAll" aria-label="Select all"></th>
                        <th>Date</th><th>Product</th><th>Customer</th><th>Address</th><th class="c">Qty</th>
                        <th>Success ratio</th><th class="r">Subtotal</th><th class="r">Discount</th><th class="r">Total</th><th>Payment</th><th>Status</th><th>Courier</th><th>Consignment ID</th><th></th>
                    </tr>
                </thead>
                <tbody>
                @forelse ($orders as $o)
                    @php
                        $first = $o->items->first();
                        $h = $history[$o->phone] ?? null;
                        $done = $h ? $h->delivered + $h->cancelled : 0;
                        $ratio = $done ? (int) round($h->delivered / $done * 100) : null;
                        $tone = $ratio === null ? '' : ($ratio >= 80 ? 'good' : ($ratio >= 50 ? 'mid' : 'bad'));
                    @endphp
                    <tr>
                        <td class="cb"><input type="checkbox" name="ids[]" value="{{ $o->id }}" form="courierForm" class="sel" aria-label="Select {{ $o->order_number }}"></td>
                        <td class="nowrap">
                            <div class="o-date">{{ $o->created_at->format('d M Y') }}</div>
                            <div class="o-sub">{{ $o->created_at->format('h:i A') }}</div>
                            <a href="{{ route('admin.orders.show', $o) }}" class="o-no">#{{ $o->order_number }}</a>
                        </td>
                        <td>
                            <div class="o-prod">
                                <div class="thumb">
                                    @if ($first?->product?->image)<img src="{{ asset('storage/'.$first->product->image) }}" alt="">@else{{ $first?->icon ?: '📦' }}@endif
                                </div>
                                <div class="min0">
                                    <div class="o-name" title="{{ $first?->name }}">{{ $first?->name ?? '—' }}</div>
                                    @if ($first?->size || $first?->color)<div class="o-sub">{{ collect([$first->size, $first->color])->filter()->implode(' · ') }}</div>@endif
                                    @if ($o->items->count() > 1)<div class="o-more">+{{ $o->items->count() - 1 }} more</div>@endif
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="o-cust" title="{{ $o->customer_name }}">{{ $o->customer_name }}</div>
                            <a href="tel:{{ $o->phone }}" class="o-sub">📞 {{ $o->phone }}</a>
                        </td>
                        <td>
                            <div class="o-addr" title="{{ $o->address }}">{{ $o->address }}</div>
                            @if ($o->city)<div class="o-sub">📍 {{ $o->zone }}, {{ $o->city }}</div>@endif
                            <span class="o-pill o-pill-sm {{ $o->area === 'inside' ? 'in' : 'out' }}">{{ $o->area === 'inside' ? 'Inside Dhaka' : 'Outside Dhaka' }}</span>
                        </td>
                        <td class="c"><span class="o-qty">×{{ (int) $o->items_sum_qty }}</span></td>
                        <td>
                            @if ($ratio === null)
                                <span class="o-pill">New customer</span>
                            @else
                                <div class="o-ratio {{ $tone }}">
                                    <div class="bar"><i style="width:{{ $ratio }}%"></i></div>
                                    <b>{{ $ratio }}%</b>
                                </div>
                                <div class="o-sub">{{ $h->delivered }}/{{ $done }} delivered</div>
                            @endif
                        </td>
                        <td class="r nowrap">৳{{ number_format($o->subtotal) }}</td>
                        <td class="r nowrap">@if ((float) $o->discount > 0)<span class="o-disc">−৳{{ number_format($o->discount) }}</span>@else<span class="o-sub">—</span>@endif</td>
                        <td class="r nowrap"><span class="o-total">৳{{ number_format($o->total) }}</span></td>
                        <td class="nowrap">
                            <div class="o-sub" title="{{ $o->payment_label }}">{{ $o->payment_method === 'cod' ? 'COD' : $o->payment_label }}</div>
                            <span class="badge badge-{{ $o->payment_status }}">{{ ucfirst($o->payment_status) }}</span>
                        </td>
                        <td class="nowrap"><span class="badge badge-{{ $o->status }}">{{ $o->status_label }}</span></td>
                        {{-- courier: kon courier, ar courier er consignment id (+ courier er nijer status) --}}
                        <td class="nowrap">
                            @if ($o->courier)
                                <span class="o-courier">🚚 {{ \App\Services\Couriers\CourierManager::label($o->courier) }}</span>
                            @else
                                <span class="o-sub">—</span>
                            @endif
                        </td>
                        <td class="nowrap">
                            @if ($o->consignment_id && $o->consignment_id !== 'manual')
                                <code class="o-cid">{{ $o->consignment_id }}</code>
                            @elseif ($o->consignment_id)
                                <code class="o-cid">{{ $o->tracking_code !== '—' ? $o->tracking_code : 'Manual' }}</code>
                            @else
                                <span class="o-sub">—</span>
                            @endif
                            @if ($o->tracking_code && ! in_array($o->tracking_code, [$o->consignment_id, '—'], true) && $o->consignment_id !== 'manual')
                                <div class="o-sub">Tracking: {{ $o->tracking_code }}</div>
                            @endif
                            @if ($o->courier_status && $o->courier_status !== 'manual')
                                <div class="o-sub">{{ ucfirst(str_replace(['_', '-'], ' ', $o->courier_status)) }}</div>
                            @endif
                        </td>
                        <td class="r"><a href="{{ route('admin.orders.edit', $o) }}" class="btn btn-ghost btn-sm">✏️ Edit</a></td>
                    </tr>
                @empty
                    <tr><td colspan="15" class="empty">No orders found.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        {{ $orders->links('admin.partials.pagination') }}
    </div>
@endsection

@push('scripts')
<script>
    // order select: shob / ekta, koyta select ache, Send button on/off
    (function () {
        var all = document.getElementById('selAll'), boxes = document.querySelectorAll('.sel');
        var count = document.getElementById('selCount'), send = document.getElementById('sendCourier');
        var canSend = !document.querySelector('#courierForm select').disabled;
        function update() {
            var n = document.querySelectorAll('.sel:checked').length;
            count.textContent = n;
            send.disabled = !n || !canSend;
            all.checked = n > 0 && n === boxes.length;
            all.indeterminate = n > 0 && n < boxes.length;
            boxes.forEach(function (b) { b.closest('tr').classList.toggle('is-selected', b.checked); });
        }
        all.addEventListener('change', function () { boxes.forEach(function (b) { b.checked = all.checked; }); update(); });
        boxes.forEach(function (b) { b.addEventListener('change', update); });
        update();
    })();
</script>
@endpush