@extends('layouts.admin')
@section('title', 'অর্ডারস')
@section('page_title', 'অর্ডার ম্যানেজমেন্ট')

@section('content')
<div style="display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;">
    <a href="{{ route('admin.orders.index') }}" class="admin-btn admin-btn-sm {{ !request('status') ? 'admin-btn-amber' : 'admin-btn-outline' }}">সব</a>
    @foreach(\App\Models\Order::STATUSES as $key => $info)
        <a href="{{ route('admin.orders.index', ['status' => $key]) }}" class="admin-btn admin-btn-sm {{ request('status') === $key ? 'admin-btn-amber' : 'admin-btn-outline' }}">
            <i class="fas {{ $info['icon'] }}"></i> {{ $info['label'] }}
        </a>
    @endforeach
</div>

<div class="admin-card" style="padding:0;overflow:hidden;">
    <table class="admin-table">
        <thead>
            <tr>
                <th>অর্ডার #</th>
                <th>কাস্টমার</th>
                <th>ফোন</th>
                <th>সর্বমোট</th>
                <th>পেমেন্ট</th>
                <th>স্ট্যাটাস</th>
                <th>তারিখ</th>
                <th>অ্যাকশন</th>
            </tr>
        </thead>
        <tbody>
            @forelse($orders as $o)
                <tr>
                    <td><strong>{{ $o->order_number }}</strong></td>
                    <td>{{ $o->customer_name }}</td>
                    <td>{{ $o->customer_phone }}</td>
                    <td><strong>{{ format_price($o->total) }}</strong></td>
                    <td>{{ strtoupper($o->payment_method) }}</td>
                    <td><span class="status-pill" style="background:{{ $o->status_color }}1A;color:{{ $o->status_color }}"><i class="fas {{ $o->status_icon }}"></i> {{ $o->status_label }}</span></td>
                    <td>{{ $o->created_at->format('d M, h:i A') }}</td>
                    <td><a href="{{ route('admin.orders.show', $o->id) }}" class="admin-btn admin-btn-sm admin-btn-outline"><i class="fas fa-eye"></i> দেখুন</a></td>
                </tr>
            @empty
                <tr><td colspan="8" style="text-align:center;padding:2rem;color:var(--ad-ink-3);">কোনো অর্ডার নেই</td></tr>
            @endforelse
        </tbody>
    </table>
</div>

<div style="margin-top:1rem;display:flex;justify-content:center;">
    {{ $orders->links() }}
</div>
@endsection