@extends('layouts.app')
@section('title', 'অর্ডার তালিকা')
@section('page-title', 'অর্ডার ম্যানেজমেন্ট')

@section('content')

{{-- Stats --}}
<div class="row g-3 mb-4">
    <div class="col-6 col-md-3">
        <div class="card stat-card text-center py-3">
            <i class="bi bi-calendar-check text-primary fs-3 mb-1"></i>
            <div class="fs-3 fw-bold">{{ $stats['today'] }}</div>
            <div class="small text-muted">আজকের অর্ডার</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="card stat-card text-center py-3">
            <i class="bi bi-hourglass-split text-warning fs-3 mb-1"></i>
            <div class="fs-3 fw-bold text-warning">{{ $stats['pending'] }}</div>
            <div class="small text-muted">অপেক্ষায়</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="card stat-card text-center py-3">
            <i class="bi bi-check2-circle text-success fs-3 mb-1"></i>
            <div class="fs-3 fw-bold text-success">{{ $stats['delivered'] }}</div>
            <div class="small text-muted">আজ ডেলিভারি</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="card stat-card text-center py-3">
            <i class="bi bi-exclamation-circle text-danger fs-3 mb-1"></i>
            <div class="fs-3 fw-bold text-danger">৳{{ number_format($stats['due'], 0) }}</div>
            <div class="small text-muted">মোট বকেয়া</div>
        </div>
    </div>
</div>

{{-- Filter + New Order --}}
<div class="card stat-card mb-4">
    <div class="card-body py-3">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <h6 class="fw-semibold mb-0">ফিল্টার</h6>
            <a href="{{ route('admin.orders.create') }}" class="btn btn-primary btn-sm">
                <i class="bi bi-plus-circle me-1"></i>নতুন অর্ডার
            </a>
        </div>
        <form method="GET" class="row g-2">
            <div class="col-md-3">
                <input type="text" name="search" value="{{ request('search') }}"
                    class="form-control form-control-sm" placeholder="অর্ডার নম্বর বা গ্রাহকের নাম...">
            </div>
            <div class="col-md-2">
                <select name="status" class="form-select form-select-sm">
                    <option value="">সব স্ট্যাটাস</option>
                    @foreach(['pending'=>'অপেক্ষায়','confirmed'=>'নিশ্চিত','assigned'=>'অ্যাসাইন','out_for_delivery'=>'পথে','delivered'=>'ডেলিভারি','cancelled'=>'বাতিল'] as $v => $l)
                        <option value="{{ $v }}" {{ request('status') === $v ? 'selected' : '' }}>{{ $l }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <select name="payment_status" class="form-select form-select-sm">
                    <option value="">সব পেমেন্ট</option>
                    <option value="unpaid" {{ request('payment_status') === 'unpaid' ? 'selected' : '' }}>বকেয়া</option>
                    <option value="partial" {{ request('payment_status') === 'partial' ? 'selected' : '' }}>আংশিক</option>
                    <option value="paid" {{ request('payment_status') === 'paid' ? 'selected' : '' }}>পরিশোধিত</option>
                </select>
            </div>
            <div class="col-md-2">
                <input type="date" name="date" value="{{ request('date') }}" class="form-control form-control-sm">
            </div>
            <div class="col-md-1">
                <button type="submit" class="btn btn-primary btn-sm w-100"><i class="bi bi-search"></i></button>
            </div>
            <div class="col-md-1">
                <a href="{{ route('admin.orders.index') }}" class="btn btn-outline-secondary btn-sm w-100"><i class="bi bi-x"></i></a>
            </div>
        </form>
    </div>
</div>

{{-- Table --}}
<div class="card stat-card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0 align-middle">
                <thead class="table-light">
                    <tr>
                        <th>অর্ডার নং</th>
                        <th>গ্রাহক</th>
                        <th>পরিমাণ</th>
                        <th>পেমেন্ট</th>
                        <th>স্ট্যাটাস</th>
                        <th>ডেলিভারি বয়</th>
                        <th>তারিখ</th>
                        <th>একশন</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($orders as $order)
                    <tr>
                        <td>
                            <a href="{{ route('admin.orders.show', $order) }}" class="fw-semibold text-decoration-none">
                                {{ $order->order_number }}
                            </a>
                        </td>
                        <td>
                            <div class="fw-semibold">{{ $order->customer->name }}</div>
                            <small class="text-muted">{{ $order->customer->phone }}</small>
                        </td>
                        <td class="fw-semibold">৳{{ number_format($order->total_amount, 0) }}</td>
                        <td>
                            <span class="badge bg-{{ $order->payment_status_color }}">
                                {{ $order->payment_status_label }}
                            </span>
                            @if($order->due_amount > 0)
                                <br><small class="text-danger">বকেয়া: ৳{{ number_format($order->due_amount, 0) }}</small>
                            @endif
                        </td>
                        <td>
                            <span class="badge bg-{{ $order->status_color }}">{{ $order->status_label }}</span>
                        </td>
                        <td>
                            {{ $order->delivery?->deliveryBoy?->name ?? '—' }}
                        </td>
                        <td><small class="text-muted">{{ $order->created_at->format('d M Y') }}</small></td>
                        <td>
                            <a href="{{ route('admin.orders.show', $order) }}" class="btn btn-sm btn-outline-primary">
                                <i class="bi bi-eye"></i>
                            </a>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="8" class="text-center text-muted py-5">
                            <i class="bi bi-inbox fs-1 d-block mb-2 opacity-25"></i>
                            কোনো অর্ডার পাওয়া যায়নি।
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($orders->hasPages())
        <div class="card-footer bg-white border-0">{{ $orders->links() }}</div>
    @endif
</div>
@endsection