@extends('layouts.admin')
@section('title', 'Transaksi')
@section('page-title', 'Manajemen Transaksi')

@section('content')
<div class="mb-4 flex flex-wrap items-center justify-between gap-3">
    <div class="flex gap-2">
        @foreach(['' => 'Semua', 'pending' => 'Pending', 'paid' => 'Lunas', 'confirmed' => 'Dikonfirmasi', 'cancelled' => 'Batal'] as $key => $label)
        <a href="{{ route('admin.transactions.index', array_filter(['status' => $key])) }}"
           class="chip {{ $status === $key || ($key === '' && !$status) ? 'bg-qr-accent/20 text-qr-accent-light' : '' }}">{{ $label }}</a>
        @endforeach
    </div>
    <a href="{{ route('admin.transactions.export') }}" class="btn-outline !py-2">Export CSV</a>
</div>

<div class="card overflow-hidden">
    <table class="w-full text-sm">
        <thead class="border-b border-qr-border text-left text-qr-muted">
            <tr><th class="p-4">Kode</th><th class="p-4">Member</th><th class="p-4">Total</th><th class="p-4">Status</th><th class="p-4 text-right">Aksi</th></tr>
        </thead>
        <tbody class="divide-y divide-qr-border">
            @forelse($transactions as $t)
            <tr>
                <td class="p-4"><p class="font-mono text-xs font-semibold">{{ $t->code }}</p><p class="text-xs text-qr-muted">{{ $t->created_at->format('d/m H:i') }}</p></td>
                <td class="p-4">{{ $t->user?->name ?? '—' }}</td>
                <td class="p-4 font-semibold">Rp{{ number_format($t->total_amount,0,',','.') }}</td>
                <td class="p-4">
                    @php $colors=['paid'=>'text-qr-accent-light','confirmed'=>'text-qr-accent-light','pending'=>'text-qr-gold','cancelled'=>'text-red-400','expired'=>'text-qr-muted']; @endphp
                    <span class="text-xs font-bold {{ $colors[$t->status] ?? '' }}">{{ strtoupper($t->status) }}</span>
                </td>
                <td class="p-4">
                    <div class="flex justify-end gap-2">
                        @if($t->status === 'pending')
                        <form method="POST" action="{{ route('admin.transactions.confirm', $t) }}">@csrf<button class="text-qr-accent-light">Konfirmasi</button></form>
                        <form method="POST" action="{{ route('admin.transactions.cancel', $t) }}" onsubmit="return confirm('Batalkan?')">@csrf<button class="text-red-400">Batal</button></form>
                        @else <span class="text-xs text-qr-muted">—</span> @endif
                    </div>
                </td>
            </tr>
            @empty<tr><td colspan="5" class="p-8 text-center text-qr-muted">Belum ada transaksi.</td></tr>@endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $transactions->links() }}</div>
@endsection