@extends('layouts.admin')
@section('title', 'Room '.$room->number)
@section('content')
<x-page-header :title="'Room '.$room->number" :subtitle="$room->roomType?->name">
<x-slot:actions><a href="{{ route('admin.rooms.edit', $room) }}" class="btn btn-hp-primary btn-sm">Edit</a></x-slot:actions>
</x-page-header>
<div class="row g-4">
<div class="col-md-4"><div class="hp-card"><div class="hp-card-header">Status</div><div class="hp-card-body">
<p>Room: <x-status-badge :status="$room->status"/></p>
<p>Housekeeping: <x-status-badge :status="$room->housekeeping_status"/></p>
<p>Maintenance: <x-status-badge :status="$room->maintenance_status ?? 'none'"/></p>
</div></div></div>
<div class="col-md-8"><div class="hp-card"><div class="hp-card-header">Recent Reservations</div><div class="table-responsive"><table class="table hp-table mb-0"><thead><tr><th>#</th><th>Guest</th><th>Dates</th><th>Status</th></tr></thead>
<tbody>@forelse($room->reservations as $r)<tr><td><a href="{{ route('admin.reservations.show', $r) }}">{{ $r->number }}</a></td><td>{{ $r->guest?->first_name }} {{ $r->guest?->last_name }}</td><td>{{ $r->check_in_date?->format('M j') }} - {{ $r->check_out_date?->format('M j') }}</td><td><x-status-badge :status="$r->status"/></td></tr>@empty<tr><td colspan="4" class="text-muted">No reservations</td></tr>@endforelse</tbody></table></div></div></div>
</div>
@endsection