@extends('layouts.admin')

@section('content')
<div class="mb-4"></div>
<div class="card shadow-lg border-0 rounded-4 w-100">
    <div class="card-header bg-dark text-white rounded-top-4 d-flex align-items-center">
        <i class="bi bi-list-check me-2 display-6"></i>
        <span class="fs-5 fw-bold">Daftar Pesanan Masuk</span>
    </div>
    <div class="card-body p-4">
        <table class="table table-bordered table-hover align-middle rounded-3 overflow-hidden mb-0">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Nama</th>
                    <th>Email</th>
                    <th>Metode Pembayaran</th>
                    <th>Status</th>
                    <th>Tanggal</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
                @forelse($orders as $order)
                    <tr>
                        <td>{{ $order->id }}</td>
                        <td>{{ $order->nama }}</td>
                        <td>{{ $order->email }}</td>
                        <td>{{ $order->payment_method ?? '-' }}</td>
                        <td>
                            <span class="badge fs-6 px-3 py-2 bg-{{ $order->status == 'Menunggu' ? 'secondary' : ($order->status == 'Diproses' ? 'warning text-dark' : ($order->status == 'Dikirim' ? 'info text-dark' : 'success')) }}">
                                <i class="bi bi-hourglass-split me-1"></i>{{ $order->status }}
                            </span>
                        </td>
                        <td>{{ $order->created_at->format('d/m/Y H:i') }}</td>
                        <td>
                            <a href="{{ route('admin.orders.show', $order->id) }}" class="btn btn-sm btn-primary rounded-pill"><i class="bi bi-eye"></i> Detail</a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="text-center">Belum ada pesanan.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
        <div class="d-flex justify-content-center mt-3">
            {{ $orders->links() }}
        </div>
    </div>
</div>
@endsection