@extends('layouts.admin')
@section('title', 'Rooms')
@section('content')
<x-page-header title="Rooms"><x-slot:actions><a href="{{ route('admin.rooms.create') }}" class="btn btn-hp-primary btn-sm"><i class="bi bi-plus-lg"></i> Add Room</a></x-slot:actions></x-page-header>
<div class="hp-card"><div class="table-responsive"><table class="table hp-table mb-0"><thead><tr><th>Number</th><th>Type</th><th>Floor</th><th>Status</th><th>HK</th><th></th></tr></thead>
<tbody>@foreach($rooms as $room)<tr><td>{{ $room->number }}</td><td>{{ $room->roomType?->name }}</td><td>{{ $room->floor ?? '—' }}</td>
<td><x-status-badge :status="$room->status"/></td><td><x-status-badge :status="$room->housekeeping_status"/></td>
<td><a href="{{ route('admin.rooms.show', $room) }}" class="btn btn-sm btn-hp-outline">View</a> <a href="{{ route('admin.rooms.edit', $room) }}" class="btn btn-sm btn-hp-outline">Edit</a></td></tr>@endforeach</tbody></table></div><div class="p-3">{{ $rooms->links() }}</div></div>
@endsection