@extends('layouts.admin')
@section('title', $roomType->name)
@section('content')
<x-page-header :title="$roomType->name" :subtitle="$roomType->code">
    <x-slot:actions>
        <a href="{{ route('admin.room-types.edit', $roomType) }}" class="btn btn-hp-primary btn-sm">Edit</a>
        <form action="{{ route('admin.room-types.destroy', $roomType) }}" method="POST" data-confirm="Delete this room type?" class="d-inline">@csrf @method('DELETE')<button class="btn btn-hp-outline btn-sm text-danger">Delete</button></form>
    </x-slot:actions>
</x-page-header>
<div class="row g-4">
<div class="col-lg-5"><div class="hp-card"><div class="hp-card-header">Details</div><div class="hp-card-body">
<p><strong>Base Rate:</strong> {{ number_format($roomType->base_rate, 2) }}</p>
<p><strong>Occupancy:</strong> {{ $roomType->max_adults }} adults, {{ $roomType->max_children }} children (max {{ $roomType->max_occupants }})</p>
<p><strong>Status:</strong> <x-status-badge :status="$roomType->is_active ? 'active' : 'inactive'"/></p>
@if($roomType->description)<p>{{ $roomType->description }}</p>@endif
@if($roomType->amenities->isNotEmpty())<p><strong>Amenities:</strong> {{ $roomType->amenities->pluck('name')->join(', ') }}</p>@endif
</div></div></div>
<div class="col-lg-7"><div class="hp-card"><div class="hp-card-header">Rooms ({{ $roomType->rooms->count() }})</div><div class="table-responsive"><table class="table hp-table mb-0"><thead><tr><th>#</th><th>Floor</th><th>Status</th></tr></thead><tbody>@foreach($roomType->rooms as $room)<tr><td><a href="{{ route('admin.rooms.show', $room) }}">{{ $room->number }}</a></td><td>{{ $room->floor ?? '—' }}</td><td><x-status-badge :status="$room->status"/></td></tr>@endforeach</tbody></table></div></div></div>
</div>
@endsection