@extends('layouts.dashboard')

@section('content')
@php
use App\Models\Reservation;
/**
 * Admin → Reservations → one booking. The operator's read-only view of a single reservation:
 * who it is for, when and where, the table and occasion, the guest's requests and the internal
 * staff note, plus the booking's status history. Built from the shared dashboard components
 * (.qm-od-topbar / .qm-card / .qm-ops-head / .qm-tbl-id / .qm-table / row g-3) — the same
 * language as the restaurant detail page, no new styles. Management (edit / status changes)
 * stays in the vendor panel; the only write offered here is the admin cancel already on the list.
 *
 * @var array $reservation the booking row (+ rest_*, cuisine_*, label_*, table_label, customer_*)
 * @var array $history     status-history rows, newest first, each with its actor
 */
$r = $reservation;
$status = (string) $r['status'];
$srcKey = (string) ($r['source'] ?? 'staff');
$isCancellable = in_array($status, ['pending', 'confirmed', 'seated', 'waitlisted'], true);
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
@php /* Only Back lives in the page chrome. Everything you can DO to this booking
         moved into the header band with it, the way the restaurant page arranges them. */
@endphp
<div class="qm-od-topbar gap-2">
    <a href="{{ route('admin.reservations') }}" class="qm-btn qm-btn-outline qm-btn-sm"><i class="fas fa-arrow-left me-1" aria-hidden="true"></i> {{ t_raw('admin.reservationdetail.back') }}</a>
</div>

<div class="qm-card">
    @php /* Same header the restaurant and user detail pages wear: the venue's cover
             leads, the guest's mark straddles its lower edge, standing rides the cover,
             and the booking's facts sit below as one divided rail. */
@endphp
    <div class="qm-billing-plan qm-rdh qm-resh">
        <div class="qm-rdh-cover">
            <img src="{{ media((string) ($r['rest_cover'] ?? ''), 'assets/client/covers/shop-1.png') }}" alt="" loading="lazy">
            @php $resFlag = function_exists('cuisine_flag') ? cuisine_flag((string) ($r['cuisine_slug'] ?? '')) : null;
@endphp
            @if ($resFlag)<img class="qm-rdh-flag" src="{{ $resFlag }}" alt="{{ (string) ($r['cuisine_name'] ?? '') }}">@endif
            <div class="qm-rdh-badges">
                <span class="qm-pill {{ Reservation::statusPill($status) }}">{{ Reservation::statusLabel($status) }}</span>
                <span class="qm-src-pill qm-src-{{ $srcKey }}"><i class="fas {{ Reservation::sourceIcon($srcKey) }}" aria-hidden="true"></i> {{ Reservation::sourceLabel($srcKey) }}</span>
                @if (!empty($r['label_name']))<span class="qm-occasion-chip"><span class="qm-occasion-dot qm-swatch" style="--qm-sw: {{ $r['label_color'] }}"></span>{{ $r['label_name'] }}</span>@endif
            </div>
        </div>
        <div class="qm-billing-plan-name">
        <div class="qm-tbl-id">
            <span class="qm-rdh-mark">{!! brandmark_html($r['avatar'] ?? null, (string) ($r['guest_name'] ?? t_raw('admin.reservations.fallback_guest_name')), 'lg', 'qm-brandmark--round') !!}</span>
            <div class="qm-tbl-id-text">
                <h2 class="mb-1">{{ $r['guest_name'] }}</h2>
                @php /* The venue carries its own mark here, as it does in the list this page
                         opens from - a cover photograph does not name a restaurant, and the
                         reader arrives having just seen that mark in the row they clicked.
                         Its flag is left off: the cover above already flies one. */
@endphp
                <p class="qm-rdh-cuisine mb-0">
                    {!! restaurant_logo_html(['logo' => $r['rest_logo'] ?? '', 'name' => $r['rest_name'] ?? '', 'cuisine_slug' => $r['cuisine_slug'] ?? ''], 'sm', 'qm-brandmark--round') !!}
                    <span>{{ trim((string) ($r['rest_name'] ?? '') . ' · ' . (string) ($r['cuisine_name'] ?? ''), ' ·') }}</span>
                </p>
            </div>
        </div>
        <div class="qm-status-form d-flex gap-2 flex-wrap">
            @if (($r['rest_status'] ?? '') === 'approved' && !empty($r['rest_slug']))
            <a href="{{ url('/restaurant/' . rawurlencode((string) $r['rest_slug'])) }}" class="qm-btn qm-btn-xs qm-btn-outline" target="_blank" rel="noopener"><i class="fas fa-external-link-alt" aria-hidden="true"></i> {{ t_raw('admin.restaurants.aria_view_public') }}</a>
            @endif
            @if ($isCancellable)
            <form method="post" action="{{ route('admin.reservations.cancel') }}" class="m-0" data-confirm="{{ t_raw('admin.reservations.confirm_cancel_body') }}">
                @csrf
                <input type="hidden" name="id" value="{{ (int) $r['id'] }}">
                <input type="hidden" name="restaurant_id" value="{{ (int) $r['restaurant_id'] }}">
                <button type="submit" class="qm-btn qm-btn-xs"><i class="fas fa-ban" aria-hidden="true"></i> {{ t_raw('admin.reservations.action_cancel') }}</button>
            </form>
            @endif
        </div>
        </div>

        @php /* Every fact the old grid carried, in one rail: the booking itself first,
                 then - past the heavier rule - who it is for. The optional two (deposit,
                 customer account) hold their cells and show a dash, so the rail keeps one
                 shape whatever a given booking happens to have. */
@endphp
        <dl class="qm-billing-meta">
            <div><dt>{{ t_raw('admin.reservations.col_when') }}</dt><dd>
                {!! fmt_datetime($r['reserved_at']) !!}
                <span class="qm-cell-sub">{{ t_raw('admin.reservationdetail.duration', [':n' => (int) $r['duration_minutes']]) }}</span>
            </dd></div>
            <div><dt>{{ t_raw('admin.reservations.col_party') }}</dt><dd>{{ (int) $r['party_size'] }}</dd></div>
            <div><dt>{{ t_raw('admin.reservations.col_table') }}</dt><dd>{!! or_dash($r['table_label'] ?? null) !!}</dd></div>
            <div class="qm-rdh-contact"><dt>{{ t_raw('admin.reservationdetail.deposit') }}</dt><dd>{!! !empty($r['deposit_amount']) ? money($r['deposit_amount']) : dash() !!}</dd></div>
            <div><dt>{{ t_raw('common.phone') }}</dt><dd>{!! or_dash($r['guest_phone'] ?? null) !!}</dd></div>
            <div><dt>{{ t_raw('common.email') }}</dt><dd class="text-break">{!! or_dash($r['guest_email'] ?? null) !!}</dd></div>
            <div><dt>{{ t_raw('admin.reservationdetail.customer_account') }}</dt><dd>
                @if (!empty($r['customer_account_id']))
                <a class="qm-tbl-link" href="{{ url('/admin/users/' . (int) $r['customer_account_id']) }}">{{ (string) ($r['customer_account_name'] ?? '') }}</a>
                @else{!! dash() !!}@endif
            </dd></div>
            @php /* The rail closes on the click-through an operator actually wants from a
                     booking: the venue it was made at. */
@endphp
            <div class="qm-rdh-ctacell">
                <a class="qm-rdh-cta" href="{{ url('/admin/restaurants/' . (int) $r['restaurant_id']) }}">{{ t_raw('admin.reservations.aria_view_restaurant') }} <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
            </div>
        </dl>
    </div>
</div>

@if (!empty($r['special_requests']) || !empty($r['staff_notes']))
<div class="qm-card">
    <div class="qm-ops-head"><h2 class="mb-0">{{ t_raw('admin.reservationdetail.sec_notes') }}</h2></div>
    <div class="row g-3 mt-1">
        @if (!empty($r['special_requests']))
        <div class="col-md-6">
            <div class="text-muted small mb-1">{{ t_raw('admin.reservationdetail.special_requests') }}</div>
            <div class="qm-cell-body">{{ $r['special_requests'] }}</div>
        </div>
        @endif
        @if (!empty($r['staff_notes']))
        <div class="col-md-6">
            <div class="text-muted small mb-1"><i class="fas fa-lock" aria-hidden="true"></i> {{ t_raw('admin.reservationdetail.staff_notes') }}</div>
            <div class="qm-cell-body">{{ $r['staff_notes'] }}</div>
        </div>
        @endif
    </div>
</div>
@endif

<div class="qm-card">
    <div class="qm-ops-head"><h2 class="mb-0">{{ t_raw('admin.reservationdetail.sec_history') }}</h2></div>
    @php /* The booking's own audit trail — status transitions and lifecycle events, newest first. */
@endphp
    <div class="table-responsive">
    <table class="qm-table">
        <thead><tr><th scope="col">{{ t_raw('admin.reservationdetail.col_change') }}</th><th scope="col">{{ t_raw('admin.restaurantdetail.col_by') }}</th><th scope="col">{{ t_raw('common.description') }}</th><th scope="col" class="text-end">{{ t_raw('common.when') }}</th></tr></thead>
        <tbody>
            @if ($history)
@foreach ($history as $h)
            <tr>
                <td class="qm-nowrap">
                    @if (!empty($h['from_status']) && !empty($h['to_status']) && (string) $h['from_status'] !== (string) $h['to_status'])
                    <span class="qm-pill {{ Reservation::statusPill((string) $h['from_status']) }}">{{ Reservation::statusLabel((string) $h['from_status']) }}</span>
                    <i class="fas fa-arrow-right mx-1 text-muted" aria-hidden="true"></i>
                    <span class="qm-pill {{ Reservation::statusPill((string) $h['to_status']) }}">{{ Reservation::statusLabel((string) $h['to_status']) }}</span>
                    @else
                    <span class="qm-pill qm-pill-grey" title="{{ (string) $h['action'] }}">{{ activity_label((string) $h['action']) }}</span>
                    @endif
                </td>
                <td>
                    @if (!empty($h['actor_name']))
                    <div class="qm-tbl-id">
                        {!! brandmark_html($h['actor_avatar'] ?? null, (string) $h['actor_name'], 'sm', 'qm-brandmark--round') !!}
                        <div class="qm-tbl-id-text"><strong>{{ $h['actor_name'] }}</strong></div>
                    </div>
                    @else<span class="text-muted">{{ t_raw('admin.reservationdetail.by_system') }}</span>@endif
                </td>
                <td class="qm-maxw-420"><div class="qm-cell-body">{!! or_dash(history_detail($h['detail'] ?? null) ?: null) !!}</div></td>
                <td class="qm-cell-body qm-nowrap text-end" title="{!! fmt_datetime($h['created_at']) !!}">{{ time_ago($h['created_at']) }}</td>
            </tr>
            @endforeach
@else
            @partial('table-empty', ['colspan' => 4, 'icon' => 'fa-history', 'msg' => t('admin.reservationdetail.no_history')])
            @endif
        </tbody>
    </table>
    </div>
</div>

</div>@php /* /.qm-d2 */
@endphp
@endsection