@extends('layouts.dashboard')

@section('title', 'Tiket Saya')

@section('content')
<div class="mb-4 flex justify-end">
    <a href="{{ route('user.tickets.create') }}" class="rounded-lg bg-sky-700 px-4 py-2 text-sm font-bold text-white">Pesan Tiket Baru</a>
</div>
<div class="overflow-x-auto rounded-lg bg-white shadow-sm">
    <table class="w-full text-left text-sm">
        <thead class="bg-slate-50 text-slate-500"><tr><th class="p-3">Kode</th><th>Tanggal</th><th>Jumlah</th><th>Total</th><th>Pembayaran</th><th>Status</th><th>Aksi</th></tr></thead>
        <tbody>
        @forelse($orders as $order)
            <tr class="border-t">
                <td class="p-3 font-bold">{{ $order->order_code }}</td>
                <td>{{ $order->visit_date->format('d/m/Y') }}</td>
                <td>{{ $order->total_ticket }}</td>
                <td>{{ \App\Support\LocaleFormat::money($order->total_price) }}</td>
                <td><x-status-badge :status="$order->payment_status" /></td>
                <td><x-status-badge :status="$order->status" /></td>
                <td><a class="font-bold text-sky-700" href="{{ route('user.tickets.show', $order) }}">Detail</a></td>
            </tr>
        @empty
            <tr><td colspan="7" class="p-4 text-slate-500">Belum ada pesanan tiket.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $orders->links() }}</div>
@endsection