{{-- resources/views/reservations/arrivals.blade.php --}}
@extends('layouts.app')
@section('title', 'Arrivals')
@section('page_title', 'Arrivals')
@section('page_subtitle', 'Guests checking in ' . $date->format('l, d F Y'))

@section('content')

<div class="d-flex align-items-center gap-2 mb-3 flex-wrap">
    <form method="GET" class="d-flex align-items-center gap-2">
        <input type="date" name="date"
               class="form-control form-control-sm"
               style="width:auto;"
               value="{{ $date->toDateString() }}"
               onchange="this.form.submit()">
    </form>

    <div class="ms-auto d-flex gap-2">
        <a href="{{ tenant_route('reservations.departures') }}"
           class="btn btn-sm btn-outline-secondary">
            Departures
        </a>
        <a href="{{ tenant_route('reservations.in-house') }}"
           class="btn btn-sm btn-outline-secondary">
            In House
        </a>
        <a href="{{ tenant_route('reservations.create') }}"
           class="btn btn-primary btn-sm">
            <i class="bi bi-plus-lg me-1"></i>New Reservation
        </a>
    </div>
</div>

@if($arrivals->isEmpty())
    <div class="card">
        <div class="card-body text-center py-5">
            <i class="bi bi-calendar-check"
               style="font-size:2.5rem;color:var(--muted)"></i>
            <p class="fw-semibold mt-3 mb-1">No arrivals today</p>
            <p class="text-muted" style="font-size:.82rem;">
                No guests are scheduled to check in on {{ $date->format('d F Y') }}
            </p>
        </div>
    </div>
@else
    <div class="card">
        <div class="card-header">
            <span class="card-title">
                <i class="bi bi-box-arrow-in-right me-2"
                   style="color:var(--clay)"></i>
                {{ $arrivals->count() }}
                {{ Str::plural('Arrival', $arrivals->count()) }}
            </span>
        </div>
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>Reference</th>
                        <th>Guest</th>
                        <th>Rooms</th>
                        <th>Nights</th>
                        <th>Check Out</th>
                        <th>Balance</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($arrivals as $res)
                        <tr>
                            <td style="font-size:.8rem;font-weight:600;
                                       color:var(--clay);">
                                {{ $res->reference }}
                            </td>
                            <td>
                                <div class="fw-semibold" style="font-size:.82rem;">
                                    {{ $res->guest?->first_name }}
                                    {{ $res->guest?->last_name }}
                                </div>
                                <div style="font-size:.7rem;color:var(--muted);">
                                    {{ $res->adults }} adult{{ $res->adults > 1 ? 's' : '' }}
                                    @if($res->children > 0) + {{ $res->children }}C @endif
                                </div>
                            </td>
                            <td style="font-size:.78rem;">
                                @foreach($res->rooms as $rr)
                                    <span style="background:var(--bg);padding:2px 7px;
                                                 border-radius:4px;margin-right:3px;
                                                 font-size:.72rem;">
                                        {{ $rr->room?->number }}
                                    </span>
                                @endforeach
                            </td>
                            <td style="font-size:.8rem;color:var(--muted);">
                                {{ $res->nights }}
                            </td>
                            <td style="font-size:.8rem;white-space:nowrap;">
                                {{ $res->check_out_date->format('d M Y') }}
                            </td>
                            <td>
                                @if($res->balance_due > 0)
                                    <span style="font-size:.78rem;font-weight:600;
                                                 color:var(--danger);">
                                        {{ $res->currency }}
                                        {{ number_format($res->balance_due, 2) }}
                                    </span>
                                @else
                                    <span style="font-size:.75rem;color:var(--success);">
                                        Paid
                                    </span>
                                @endif
                            </td>
                            <td>
                                @if($res->status === 'checked_in')
                                    <span style="font-size:.7rem;background:#d1fae5;
                                                 color:#065f46;padding:2px 8px;
                                                 border-radius:20px;font-weight:600;">
                                        Checked In
                                    </span>
                                @else
                                    <span style="font-size:.7rem;background:#dbeafe;
                                                 color:#1e40af;padding:2px 8px;
                                                 border-radius:20px;font-weight:600;">
                                        Confirmed
                                    </span>
                                @endif
                            </td>
                            <td>
                                <div class="d-flex gap-1">
                                    <a href="{{ tenant_route('reservations.show', ['reservation' => $res->id]) }}"
                                       class="btn btn-xs btn-outline-secondary">
                                        View
                                    </a>
                                    @if($res->status === 'confirmed')
                                        <form method="POST"
                                              action="{{ tenant_route('reservations.check-in', ['reservation' => $res->id]) }}">
                                            @csrf
                                            <button class="btn btn-xs btn-success"
                                                    type="submit">
                                                Check In
                                            </button>
                                        </form>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endif

@endsection