@extends('layouts.admin')
@section('title','Reservation Details')
@section('content')
<div class="max-w-3xl">
    <div class="flex items-center gap-4 mb-6">
        <a href="{{ route('admin.reservations.index') }}" class="text-cream/50 hover:text-gold text-sm">
            <i class="fas fa-arrow-left mr-2"></i>Back
        </a>
    </div>

    <div class="grid md:grid-cols-2 gap-6">
        <div class="admin-card p-6">
            <h3 class="font-playfair text-cream text-lg font-semibold mb-5">Reservation Info</h3>
            <dl class="space-y-3 text-sm">
                @foreach([
                    ['Reference',    '<span class="font-mono text-gold">'.$reservation->reservation_number.'</span>'],
                    ['Branch',       $reservation->branch->name],
                    ['Date',         $reservation->reservation_date->format('F d, Y')],
                    ['Time',         $reservation->reservation_time],
                    ['Guests',       $reservation->guest_count . ' people'],
                    ['Occasion',     $reservation->occasion ?: 'Not specified'],
                    ['Status',       '<span class="badge badge-'.$reservation->status_color.'">'.$reservation->status_label.'</span>'],
                ] as [$k,$v])
                <div class="flex justify-between py-2 border-b border-white/5">
                    <dt class="text-cream/50">{{ $k }}</dt>
                    <dd class="text-cream font-medium">{!! $v !!}</dd>
                </div>
                @endforeach
            </dl>
        </div>

        <div class="admin-card p-6">
            <h3 class="font-playfair text-cream text-lg font-semibold mb-5">Customer Info</h3>
            <dl class="space-y-3 text-sm">
                @foreach([
                    ['Name',    $reservation->customer_name],
                    ['Phone',   $reservation->customer_phone],
                    ['Email',   $reservation->customer_email ?: 'Not provided'],
                ] as [$k,$v])
                <div class="flex justify-between py-2 border-b border-white/5">
                    <dt class="text-cream/50">{{ $k }}</dt>
                    <dd class="text-cream font-medium">{{ $v }}</dd>
                </div>
                @endforeach
            </dl>
            @if($reservation->special_requests)
            <div class="mt-4 p-3 bg-white/5 rounded-xl">
                <p class="text-cream/50 text-xs mb-1">Special Requests:</p>
                <p class="text-cream/80 text-sm">{{ $reservation->special_requests }}</p>
            </div>
            @endif
        </div>
    </div>

    {{-- Update Status --}}
    <div class="admin-card p-6 mt-6">
        <h3 class="font-playfair text-cream text-lg font-semibold mb-5">Update Status</h3>
        <form method="POST" action="{{ route('admin.reservations.update', $reservation) }}" class="grid sm:grid-cols-2 gap-4">
            @csrf @method('PATCH')
            <div>
                <label class="form-label">Status</label>
                <select name="status" class="form-input">
                    @foreach(['pending','confirmed','completed','cancelled','no_show'] as $s)
                    <option value="{{ $s }}" {{ $reservation->status===$s?'selected':'' }}>{{ ucfirst(str_replace('_',' ',$s)) }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="form-label">Admin Notes</label>
                <input type="text" name="admin_notes" value="{{ $reservation->admin_notes }}" class="form-input" placeholder="Internal notes...">
            </div>
            <div class="sm:col-span-2 flex gap-3">
                <button type="submit" class="btn-primary">Update Reservation</button>
                <a href="https://wa.me/{{ ltrim($reservation->customer_phone,'+') }}?text=Dear+{{ urlencode($reservation->customer_name) }},+your+reservation+{{ $reservation->reservation_number }}+is+confirmed."
                   target="_blank" class="btn-primary bg-green-600 hover:bg-green-500">
                    <i class="fab fa-whatsapp"></i>WhatsApp Customer
                </a>
            </div>
        </form>
    </div>
</div>
@endsection