@extends('layouts.admin')
@section('title','Reservations')
@section('content')
<div class="flex items-center justify-between mb-6">
    <div></div>
    <div class="flex gap-3">
        <span class="text-cream/50 text-sm self-center">Total: {{ $reservations->total() }}</span>
    </div>
</div>

{{-- Filters --}}
<form method="GET" class="admin-card p-4 mb-6 grid sm:grid-cols-2 lg:grid-cols-5 gap-3">
    <input type="text" name="search" value="{{ request('search') }}" placeholder="Name / Phone / Ref..."
           class="form-input">
    <select name="status" class="form-input">
        <option value="">All Status</option>
        @foreach(['pending','confirmed','completed','cancelled','no_show'] as $s)
        <option value="{{ $s }}" {{ request('status')==$s?'selected':'' }}>{{ ucfirst(str_replace('_',' ',$s)) }}</option>
        @endforeach
    </select>
    <input type="date" name="date" value="{{ request('date') }}" class="form-input">
    <button type="submit" class="btn-primary justify-center"><i class="fas fa-filter"></i>Filter</button>
    <a href="{{ route('admin.reservations.index') }}" class="text-cream/50 hover:text-cream text-sm flex items-center justify-center">Clear</a>
</form>

<div class="admin-card overflow-hidden">
    <div class="overflow-x-auto">
        <table>
            <thead><tr>
                <th>Reference</th><th>Customer</th><th>Branch</th>
                <th>Date & Time</th><th>Guests</th><th>Status</th><th>Actions</th>
            </tr></thead>
            <tbody>
                @forelse($reservations as $r)
                <tr>
                    <td class="font-mono text-xs text-gold">{{ $r->reservation_number }}</td>
                    <td>
                        <div class="font-medium text-cream">{{ $r->customer_name }}</div>
                        <div class="text-cream/40 text-xs">{{ $r->customer_phone }}</div>
                        @if($r->customer_email)<div class="text-cream/30 text-xs">{{ $r->customer_email }}</div>@endif
                    </td>
                    <td class="text-sm text-cream/70">{{ $r->branch->name }}</td>
                    <td class="text-sm">
                        {{ $r->reservation_date->format('M d, Y') }}<br>
                        <span class="text-cream/50 text-xs">{{ $r->reservation_time }}</span>
                    </td>
                    <td class="text-center font-bold text-cream">{{ $r->guest_count }}</td>
                    <td><span class="badge badge-{{ $r->status_color }}">{{ $r->status_label }}</span></td>
                    <td>
                        <div class="flex items-center gap-2">
                            <a href="{{ route('admin.reservations.show', $r) }}"
                               class="w-7 h-7 rounded-lg bg-white/5 hover:bg-white/10 flex items-center justify-center text-gold transition-colors" title="View">
                                <i class="fas fa-eye text-xs"></i>
                            </a>
                            @if($r->status === 'pending')
                            <form method="POST" action="{{ route('admin.reservations.confirm', $r) }}">
                                @csrf
                                <button type="submit" class="w-7 h-7 rounded-lg bg-green-500/20 hover:bg-green-500/30 flex items-center justify-center text-green-400 transition-colors" title="Confirm">
                                    <i class="fas fa-check text-xs"></i>
                                </button>
                            </form>
                            <form method="POST" action="{{ route('admin.reservations.cancel', $r) }}">
                                @csrf
                                <button type="submit" class="w-7 h-7 rounded-lg bg-red-500/20 hover:bg-red-500/30 flex items-center justify-center text-red-400 transition-colors" title="Cancel"
                                        onclick="return confirm('Cancel this reservation?')">
                                    <i class="fas fa-times text-xs"></i>
                                </button>
                            </form>
                            @endif
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="7" class="text-center text-cream/40 py-10">No reservations found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="p-4 border-t border-gold/10">{{ $reservations->withQueryString()->links() }}</div>
</div>
@endsection