@extends('admin.layout')

@section('title', 'Order')

@section('content')
    <div class="toolbar">
        <div>
            <h1>Order Masuk</h1>
            <p class="muted" style="margin:0">Konfirmasi pembayaran dan aktifkan undangan klien.</p>
        </div>
    </div>

    <div class="actions" style="margin-bottom:1rem">
        <a class="btn {{ ! request('status') ? '' : 'btn-light' }}" href="{{ route('admin.orders.index') }}">Semua</a>
        <a class="btn btn-light" href="{{ route('admin.orders.index', ['status' => 'pending']) }}">Pending</a>
        <a class="btn btn-light" href="{{ route('admin.orders.index', ['status' => 'waiting_confirmation']) }}">Menunggu</a>
        <a class="btn btn-light" href="{{ route('admin.orders.index', ['status' => 'paid']) }}">Lunas</a>
    </div>

    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>Kode</th>
                    <th>Klien</th>
                    <th>Paket</th>
                    <th>Total</th>
                    <th>Status</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($orders as $order)
                    <tr>
                        <td><code>{{ $order->code }}</code></td>
                        <td>
                            <strong>{{ $order->customer_name }}</strong><br>
                            <span class="muted">{{ $order->customer_email }}</span>
                        </td>
                        <td>{{ $order->package->name }}</td>
                        <td>{{ $order->formattedAmount() }}</td>
                        <td>
                            <span class="pill {{ $order->status === 'paid' ? '' : ($order->status === 'waiting_confirmation' ? 'pill-warn' : 'pill-muted') }}">
                                {{ $order->status }}
                            </span>
                        </td>
                        <td><a class="btn btn-light" href="{{ route('admin.orders.show', $order) }}">Detail</a></td>
                    </tr>
                @empty
                    <tr><td colspan="6">Belum ada order.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div style="margin-top:1rem">{{ $orders->links() }}</div>
@endsection