{{-- resources/views/reservations/show.blade.php --}}
@extends('layouts.app')
@section('title', 'Reservation ' . $reservation->reference)
@section('page_title', $reservation->reference)
@section('page_subtitle', $reservation->guest?->first_name . ' ' . $reservation->guest?->last_name)

@section('content')

@php
    $statusColors = [
        'tentative'   => ['bg'=>'#fef3c7','color'=>'#92400e'],
        'confirmed'   => ['bg'=>'#dbeafe','color'=>'#1e40af'],
        'checked_in'  => ['bg'=>'#d1fae5','color'=>'#065f46'],
        'checked_out' => ['bg'=>'#f1f5f9','color'=>'#475569'],
        'cancelled'   => ['bg'=>'#fee2e2','color'=>'#991b1b'],
        'no_show'     => ['bg'=>'#fee2e2','color'=>'#991b1b'],
    ];
    $sc = $statusColors[$reservation->status] ?? $statusColors['confirmed'];
@endphp

{{-- Action Bar --}}
<div class="d-flex align-items-center gap-2 mb-3 flex-wrap">
    <a href="{{ tenant_route('reservations.index') }}"
       class="btn btn-sm btn-outline-secondary">← Back</a>

    <span style="font-size:.75rem;font-weight:600;padding:5px 12px;
                 border-radius:20px;background:{{ $sc['bg'] }};
                 color:{{ $sc['color'] }};">
        {{ str_replace('_', ' ', strtoupper($reservation->status)) }}
    </span>

    <div class="ms-auto d-flex gap-2 flex-wrap">

        @if($reservation->status === 'confirmed')
            <form method="POST"
                  action="{{ tenant_route('reservations.check-in', ['reservation' => $reservation->id]) }}">
                @csrf
                <button class="btn btn-sm btn-success"
                        type="submit"
                        onclick="return confirm('Check in {{ $reservation->guest?->first_name }}?')">
                    <i class="bi bi-box-arrow-in-right me-1"></i>Check In
                </button>
            </form>
        @endif

        @if($reservation->status === 'checked_in')
            <a href="{{ tenant_route('reservations.folio', ['reservation' => $reservation->id]) }}"
               class="btn btn-sm btn-primary">
                <i class="bi bi-receipt me-1"></i>View Folio
            </a>
            <form method="POST"
                  action="{{ tenant_route('reservations.check-out', ['reservation' => $reservation->id]) }}">
                @csrf
                <button class="btn btn-sm btn-warning"
                        style="color:#000;"
                        type="submit"
                        onclick="return confirm('Check out {{ $reservation->guest?->first_name }}?')">
                    <i class="bi bi-box-arrow-right me-1"></i>Check Out
                </button>
            </form>
        @endif

        @if(in_array($reservation->status, ['tentative','confirmed']))
            <a href="{{ tenant_route('reservations.edit', ['reservation' => $reservation->id]) }}"
               class="btn btn-sm btn-outline-secondary">
                <i class="bi bi-pencil me-1"></i>Edit
            </a>

            <button class="btn btn-sm btn-outline-danger"
                    data-bs-toggle="modal"
                    data-bs-target="#cancelModal">
                Cancel
            </button>
        @endif

        @if($reservation->status === 'confirmed')
            <form method="POST"
                  action="{{ tenant_route('reservations.no-show', ['reservation' => $reservation->id]) }}">
                @csrf
                <button class="btn btn-sm btn-outline-secondary"
                        type="submit"
                        onclick="return confirm('Mark as no-show?')">
                    No Show
                </button>
            </form>
        @endif

    </div>
</div>

<div class="row g-3">

    {{-- Left --}}
    <div class="col-xl-8">

        {{-- Summary --}}
        <div class="card mb-3">
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-6 col-md-3 text-center"
                         style="padding:12px;border-right:1px solid var(--border);">
                        <div style="font-size:1.4rem;font-weight:800;">
                            {{ $reservation->check_in_date->format('d M') }}
                        </div>
                        <div style="font-size:.68rem;color:var(--muted);
                                    text-transform:uppercase;letter-spacing:.08em;">
                            Check In
                        </div>
                        <div style="font-size:.72rem;color:var(--muted);">
                            {{ $reservation->check_in_date->format('Y') }}
                        </div>
                    </div>
                    <div class="col-6 col-md-3 text-center"
                         style="padding:12px;border-right:1px solid var(--border);">
                        <div style="font-size:1.4rem;font-weight:800;">
                            {{ $reservation->check_out_date->format('d M') }}
                        </div>
                        <div style="font-size:.68rem;color:var(--muted);
                                    text-transform:uppercase;letter-spacing:.08em;">
                            Check Out
                        </div>
                        <div style="font-size:.72rem;color:var(--muted);">
                            {{ $reservation->check_out_date->format('Y') }}
                        </div>
                    </div>
                    <div class="col-6 col-md-3 text-center"
                         style="padding:12px;border-right:1px solid var(--border);">
                        <div style="font-size:1.4rem;font-weight:800;">
                            {{ $reservation->nights }}
                        </div>
                        <div style="font-size:.68rem;color:var(--muted);
                                    text-transform:uppercase;letter-spacing:.08em;">
                            {{ Str::plural('Night', $reservation->nights) }}
                        </div>
                    </div>
                    <div class="col-6 col-md-3 text-center" style="padding:12px;">
                        <div style="font-size:1.4rem;font-weight:800;">
                            {{ $reservation->adults }}
                            @if($reservation->children > 0) + {{ $reservation->children }}C @endif
                        </div>
                        <div style="font-size:.68rem;color:var(--muted);
                                    text-transform:uppercase;letter-spacing:.08em;">
                            Guests
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Rooms --}}
        <div class="card mb-3">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-door-open me-2"
                       style="color:var(--clay)"></i>
                    Rooms
                </span>
            </div>
            <div class="card-body" style="padding:0;">
                @foreach($reservation->rooms as $resRoom)
                    <div style="display:flex;align-items:center;gap:14px;
                                padding:14px 16px;
                                border-bottom:1px solid var(--border);">
                        <div style="width:38px;height:38px;border-radius:9px;
                                    background:var(--clay-light);
                                    display:flex;align-items:center;
                                    justify-content:center;flex-shrink:0;">
                            <i class="bi bi-door-open"
                               style="color:var(--clay);font-size:.9rem;"></i>
                        </div>
                        <div style="flex:1;">
                            <div class="fw-semibold" style="font-size:.84rem;">
                                Room {{ $resRoom->room?->number }}
                                @if($resRoom->room?->name)
                                    — {{ $resRoom->room->name }}
                                @endif
                            </div>
                            <div style="font-size:.72rem;color:var(--muted);">
                                {{ $resRoom->roomCategory?->name }}
                                @if($resRoom->room?->floor !== null)
                                    · Floor {{ $resRoom->room->floor }}
                                @endif
                            </div>
                        </div>
                        <div style="text-align:right;">
                            <div style="font-size:.82rem;font-weight:600;">
                                {{ $reservation->currency }}
                                {{ number_format($resRoom->rate_per_night, 2) }}/night
                            </div>
                            <div style="font-size:.7rem;color:var(--muted);">
                                Total: {{ $reservation->currency }}
                                {{ number_format($resRoom->total_room_amount, 2) }}
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>

        {{-- Invoices --}}
        @if($reservation->invoices->count() > 0)
            <div class="card mb-3">
                <div class="card-header">
                    <span class="card-title">
                        <i class="bi bi-receipt me-2"
                           style="color:var(--clay)"></i>
                        Invoices
                    </span>
                    <a href="{{ tenant_route('reservations.folio', ['reservation' => $reservation->id]) }}"
                       style="font-size:.75rem;color:var(--clay);text-decoration:none;">
                        Open Folio →
                    </a>
                </div>
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Invoice #</th>
                                <th>Date</th>
                                <th>Total</th>
                                <th>Paid</th>
                                <th>Balance</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($reservation->invoices as $inv)
                                <tr>
                                    <td style="font-size:.8rem;font-weight:600;color:var(--clay);">
                                        <a href="{{ tenant_route('invoicing.invoices.show', ['invoice' => $inv->id]) }}"
                                           style="color:var(--clay);text-decoration:none;">
                                            {{ $inv->invoice_number }}
                                        </a>
                                    </td>
                                    <td style="font-size:.78rem;">
                                        {{ $inv->invoice_date->format('d M Y') }}
                                    </td>
                                    <td style="font-size:.8rem;font-weight:600;">
                                        {{ $inv->currency }}
                                        {{ number_format($inv->total_amount, 2) }}
                                    </td>
                                    <td style="font-size:.78rem;color:var(--success);">
                                        {{ $inv->currency }}
                                        {{ number_format($inv->amount_paid, 2) }}
                                    </td>
                                    <td style="font-size:.78rem;">
                                        @if($inv->balance_due > 0)
                                            <span style="color:var(--danger);font-weight:600;">
                                                {{ $inv->currency }}
                                                {{ number_format($inv->balance_due, 2) }}
                                            </span>
                                        @else
                                            <span style="color:var(--success);">Settled</span>
                                        @endif
                                    </td>
                                    <td>
                                        <span style="font-size:.68rem;padding:2px 8px;
                                                     border-radius:20px;font-weight:600;
                                                     background:{{ $inv->status === 'paid' ? '#d1fae5' : '#fef3c7' }};
                                                     color:{{ $inv->status === 'paid' ? '#065f46' : '#92400e' }};">
                                            {{ $inv->status }}
                                        </span>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @else
            <div class="card mb-3">
                <div class="card-body text-center py-3">
                    <p class="text-muted mb-2" style="font-size:.8rem;">
                        No invoice yet
                    </p>
                    <a href="{{ tenant_route('reservations.folio', ['reservation' => $reservation->id]) }}"
                       class="btn btn-sm btn-outline-secondary">
                        <i class="bi bi-receipt me-1"></i>Open Folio
                    </a>
                </div>
            </div>
        @endif

        {{-- Special Requests --}}
        @if($reservation->special_requests)
            <div class="card mb-3">
                <div class="card-header">
                    <span class="card-title">Special Requests</span>
                </div>
                <div class="card-body">
                    <p style="font-size:.82rem;color:var(--muted);
                               margin:0;line-height:1.6;">
                        {{ $reservation->special_requests }}
                    </p>
                </div>
            </div>
        @endif

        {{-- Notes --}}
        <div class="card">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-sticky me-2"
                       style="color:var(--clay)"></i>
                    Notes
                </span>
            </div>
            <div class="card-body">

                @if($reservation->notes->count() > 0)
                    <div style="margin-bottom:16px;">
                        @foreach($reservation->notes->sortByDesc('created_at') as $note)
                            <div style="background:var(--bg);border-radius:8px;
                                        padding:10px 12px;margin-bottom:8px;">
                                <div style="font-size:.8rem;line-height:1.5;">
                                    {{ $note->note }}
                                </div>
                                <div style="font-size:.68rem;color:var(--muted);
                                            margin-top:5px;
                                            display:flex;justify-content:space-between;">
                                    <span>{{ $note->user?->name ?? 'Staff' }}</span>
                                    <div style="display:flex;gap:8px;align-items:center;">
                                        <span>{{ $note->created_at->diffForHumans() }}</span>
                                        <form method="POST"
                                              action="{{ tenant_route('reservations.notes.destroy', ['reservation' => $reservation->id, 'note' => $note->id]) }}">
                                            @csrf @method('DELETE')
                                            <button class="btn btn-xs"
                                                    style="color:var(--muted);border:none;
                                                           background:none;padding:0;
                                                           font-size:.65rem;"
                                                    type="submit">
                                                Remove
                                            </button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                @endif

                <form method="POST"
                      action="{{ tenant_route('reservations.notes.store', ['reservation' => $reservation->id]) }}">
                    @csrf
                    <textarea name="note" rows="2"
                              class="form-control form-control-sm mb-2"
                              placeholder="Add note..."
                              required></textarea>
                    <div class="d-flex align-items-center gap-2">
                        <div class="form-check">
                            <input type="checkbox" name="is_internal"
                                   value="1" id="internal_note"
                                   class="form-check-input" checked>
                            <label class="form-check-label"
                                   for="internal_note"
                                   style="font-size:.75rem;color:var(--muted);">
                                Internal only
                            </label>
                        </div>
                        <button class="btn btn-sm btn-outline-secondary"
                                type="submit">
                            Add Note
                        </button>
                    </div>
                </form>
            </div>
        </div>

    </div>

    {{-- Right --}}
    <div class="col-xl-4">

        {{-- Guest Info --}}
        <div class="card mb-3">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-person me-2"
                       style="color:var(--clay)"></i>
                    Guest
                </span>
                <a href="{{ tenant_route('guests.show', ['guest' => $reservation->guest_id]) }}"
                   style="font-size:.75rem;color:var(--clay);text-decoration:none;">
                    Profile →
                </a>
            </div>
            <div class="card-body">
                <div class="fw-bold" style="font-size:.92rem;margin-bottom:4px;">
                    {{ $reservation->guest?->first_name }}
                    {{ $reservation->guest?->last_name }}
                </div>
                @if($reservation->guest?->email)
                    <div style="font-size:.78rem;margin-bottom:3px;">
                        <i class="bi bi-envelope me-1"
                           style="color:var(--muted)"></i>
                        <a href="mailto:{{ $reservation->guest->email }}"
                           style="color:var(--clay);text-decoration:none;">
                            {{ $reservation->guest->email }}
                        </a>
                    </div>
                @endif
                @if($reservation->guest?->phone)
                    <div style="font-size:.78rem;margin-bottom:3px;">
                        <i class="bi bi-phone me-1"
                           style="color:var(--muted)"></i>
                        {{ $reservation->guest->phone }}
                    </div>
                @endif
                @if($reservation->guest?->nationality)
                    <div style="font-size:.75rem;color:var(--muted);margin-top:6px;">
                        {{ $reservation->guest->nationality }}
                    </div>
                @endif
                @if($reservation->company)
                    <div style="margin-top:10px;padding-top:10px;
                                border-top:1px solid var(--border);">
                        <div style="font-size:.68rem;font-weight:700;
                                    text-transform:uppercase;
                                    letter-spacing:.08em;
                                    color:var(--muted);margin-bottom:3px;">
                            Company
                        </div>
                        <div style="font-size:.82rem;font-weight:600;">
                            {{ $reservation->company->name }}
                        </div>
                    </div>
                @endif
            </div>
        </div>

        {{-- Financials --}}
        <div class="card mb-3">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-cash-coin me-2"
                       style="color:var(--clay)"></i>
                    Financials
                </span>
            </div>
            <div class="card-body">
                <div style="display:flex;flex-direction:column;gap:8px;">

                    <div style="display:flex;justify-content:space-between;
                                font-size:.82rem;">
                        <span style="color:var(--muted);">Total</span>
                        <span class="fw-semibold">
                            {{ $reservation->currency }}
                            {{ number_format($reservation->total_amount, 2) }}
                        </span>
                    </div>

                    <div style="display:flex;justify-content:space-between;
                                font-size:.82rem;">
                        <span style="color:var(--muted);">Deposit Required</span>
                        <span>
                            {{ $reservation->currency }}
                            {{ number_format($reservation->deposit_required, 2) }}
                        </span>
                    </div>

                    <div style="display:flex;justify-content:space-between;
                                font-size:.82rem;">
                        <span style="color:var(--muted);">Deposit Paid</span>
                        <span style="color:var(--success);font-weight:600;">
                            {{ $reservation->currency }}
                            {{ number_format($reservation->deposit_paid, 2) }}
                        </span>
                    </div>

                    <div style="border-top:1px solid var(--border);
                                padding-top:8px;
                                display:flex;justify-content:space-between;
                                font-size:.88rem;">
                        <span class="fw-bold">Balance Due</span>
                        <span class="fw-bold"
                              style="color:{{ $reservation->balance_due > 0 ? 'var(--danger)' : 'var(--success)' }};">
                            {{ $reservation->currency }}
                            {{ number_format($reservation->balance_due, 2) }}
                        </span>
                    </div>

                </div>

                @if($reservation->balance_due > 0 && $reservation->status !== 'cancelled')
                    <div style="margin-top:12px;">
                        <a href="{{ tenant_route('reservations.folio', ['reservation' => $reservation->id]) }}"
                           class="btn btn-primary btn-sm w-100">
                            <i class="bi bi-cash-coin me-1"></i>
                            Record Payment
                        </a>
                    </div>
                @endif
            </div>
        </div>

        {{-- Booking Info --}}
        <div class="card mb-3">
            <div class="card-header">
                <span class="card-title">Booking Info</span>
            </div>
            <div class="card-body">
                <div style="display:flex;flex-direction:column;gap:8px;font-size:.8rem;">
                    <div style="display:flex;justify-content:space-between;">
                        <span style="color:var(--muted);">Reference</span>
                        <span class="fw-semibold" style="color:var(--clay);">
                            {{ $reservation->reference }}
                        </span>
                    </div>
                    <div style="display:flex;justify-content:space-between;">
                        <span style="color:var(--muted);">Source</span>
                        <span>
                            {{ ucfirst(str_replace('_', ' ', $reservation->source)) }}
                        </span>
                    </div>
                    @if($reservation->ratePlan)
                        <div style="display:flex;justify-content:space-between;">
                            <span style="color:var(--muted);">Rate Plan</span>
                            <span>{{ $reservation->ratePlan->name }}</span>
                        </div>
                    @endif
                    @if($reservation->promotional_code)
                        <div style="display:flex;justify-content:space-between;">
                            <span style="color:var(--muted);">Promo Code</span>
                            <span>{{ $reservation->promotional_code }}</span>
                        </div>
                    @endif
                    <div style="display:flex;justify-content:space-between;">
                        <span style="color:var(--muted);">Created</span>
                        <span>{{ $reservation->created_at->format('d M Y H:i') }}</span>
                    </div>
                    @if($reservation->confirmed_at)
                        <div style="display:flex;justify-content:space-between;">
                            <span style="color:var(--muted);">Confirmed</span>
                            <span>{{ $reservation->confirmed_at->format('d M Y H:i') }}</span>
                        </div>
                    @endif
                    @if($reservation->checked_in_at)
                        <div style="display:flex;justify-content:space-between;">
                            <span style="color:var(--muted);">Checked In</span>
                            <span>{{ $reservation->checked_in_at->format('d M Y H:i') }}</span>
                        </div>
                    @endif
                    @if($reservation->checked_out_at)
                        <div style="display:flex;justify-content:space-between;">
                            <span style="color:var(--muted);">Checked Out</span>
                            <span>{{ $reservation->checked_out_at->format('d M Y H:i') }}</span>
                        </div>
                    @endif
                </div>

                @if($reservation->internal_notes)
                    <div style="margin-top:12px;padding:10px;
                                background:var(--bg);border-radius:7px;">
                        <div style="font-size:.65rem;font-weight:700;
                                    text-transform:uppercase;
                                    letter-spacing:.08em;
                                    color:var(--muted);margin-bottom:4px;">
                            Internal Notes
                        </div>
                        <div style="font-size:.78rem;color:var(--muted);
                                    line-height:1.5;">
                            {{ $reservation->internal_notes }}
                        </div>
                    </div>
                @endif
            </div>
        </div>

        {{-- Recent Payments --}}
        @if($payments->count() > 0)
            <div class="card">
                <div class="card-header">
                    <span class="card-title">Payments</span>
                </div>
                <div class="card-body" style="padding:0;">
                    @foreach($payments as $payment)
                        <div style="padding:10px 16px;
                                    border-bottom:1px solid var(--border);
                                    display:flex;justify-content:space-between;
                                    align-items:center;">
                            <div>
                                <div style="font-size:.78rem;font-weight:600;">
                                    {{ $payment->currency }}
                                    {{ number_format($payment->amount, 2) }}
                                </div>
                                <div style="font-size:.7rem;color:var(--muted);">
                                    {{ ucfirst(str_replace('_', ' ', $payment->payment_method)) }}
                                    · {{ $payment->paid_at?->format('d M Y') }}
                                </div>
                            </div>
                            <span style="font-size:.68rem;background:#d1fae5;
                                         color:#065f46;padding:2px 7px;
                                         border-radius:10px;font-weight:600;">
                                {{ $payment->status }}
                            </span>
                        </div>
                    @endforeach
                </div>
            </div>
        @endif

    </div>
</div>

{{-- Cancel Modal --}}
<div class="modal fade" id="cancelModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST"
                  action="{{ tenant_route('reservations.cancel', ['reservation' => $reservation->id]) }}">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title" style="font-size:.9rem;font-weight:700;">
                        Cancel Reservation
                    </h5>
                    <button type="button" class="btn-close"
                            data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label fw-semibold">
                            Cancellation Reason <span class="text-danger">*</span>
                        </label>
                        <textarea name="cancellation_reason" rows="3"
                                  class="form-control"
                                  required
                                  placeholder="Reason for cancellation..."></textarea>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-semibold">
                            Cancellation Charge
                        </label>
                        <div class="input-group">
                            <span class="input-group-text"
                                  style="font-size:.8rem;">
                                {{ $reservation->currency }}
                            </span>
                            <input type="number" name="cancellation_charge"
                                   class="form-control"
                                   value="0" min="0" step="0.01">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button"
                            class="btn btn-outline-secondary btn-sm"
                            data-bs-dismiss="modal">
                        Keep Reservation
                    </button>
                    <button type="submit"
                            class="btn btn-danger btn-sm">
                        Confirm Cancellation
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection