@extends('layouts.admin')
@section('title', 'Room Types')
@section('content')
<x-page-header title="Room Types" subtitle="Manage accommodation categories">
    <x-slot:actions><a href="{{ route('admin.room-types.create') }}" class="btn btn-hp-primary btn-sm"><i class="bi bi-plus-lg"></i> Add Room Type</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>Name</th><th>Code</th><th>Base Rate</th><th>Rooms</th><th>Status</th><th></th></tr></thead>
<tbody>@foreach($roomTypes as $rt)<tr>
<td>{{ $rt->name }}</td><td>{{ $rt->code }}</td><td>{{ number_format($rt->base_rate, 2) }}</td><td>{{ $rt->rooms_count }}</td>
<td>@if($rt->is_active)<x-status-badge status="active"/>@else<x-status-badge status="inactive"/>@endif</td>
<td class="text-nowrap"><a href="{{ route('admin.room-types.show', $rt) }}" class="btn btn-sm btn-hp-outline">View</a>
<a href="{{ route('admin.room-types.edit', $rt) }}" class="btn btn-sm btn-hp-outline">Edit</a></td></tr>@endforeach</tbody>
</table></div><div class="p-3">{{ $roomTypes->links() }}</div></div>
@endsection