@extends('layouts.admin')

@section('title', 'Quartos e UHs')

@section('breadcrumb')
    <a class="breadcrumb-item" href="#">Cadastros</a>
    <span class="breadcrumb-separator">/</span>
    <span class="breadcrumb-current">Quartos/UHs</span>
@endsection

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Unidades Habitacionais</h1>
        <p class="page-subtitle">Configure e gerencie o inventário físico de quartos do hotel.</p>
    </div>
    <div class="flex gap-sm">
        <a href="{{ route('admin.registers.rooms.create') }}" class="btn btn-primary">
            <i data-lucide="plus" style="width:16px;height:16px;"></i> Nova UH
        </a>
    </div>
</div>

<div class="card mb-lg">
    <div class="card-header flex-between" style="flex-wrap: wrap; gap: var(--space-md);">
        <form method="GET" action="{{ route('admin.registers.rooms.index') }}" class="flex gap-sm" style="flex:1; min-width:300px; max-width:600px;">
            <input type="text" name="search" class="form-input" placeholder="Buscar por UH ou Andar..." value="{{ request('search') }}" style="flex:1;">
            
            <select name="category_id" class="form-select" style="max-width: 200px;">
                <option value="">Todas Categorias</option>
                @foreach($categories as $cat)
                    <option value="{{ $cat->id }}" {{ request('category_id') == $cat->id ? 'selected' : '' }}>
                        {{ $cat->short_code ? $cat->short_code.' - ' : '' }}{{ $cat->name }}
                    </option>
                @endforeach
            </select>

            <button type="submit" class="btn btn-secondary">
                <i data-lucide="filter" style="width:16px;height:16px;"></i> Filtrar
            </button>
            @if(request('search') || request('category_id'))
                <a href="{{ route('admin.registers.rooms.index') }}" class="btn btn-ghost" title="Limpar Filtros">
                    <i data-lucide="x" style="width:16px;height:16px;"></i>
                </a>
            @endif
        </form>
    </div>
    
    <div class="table-wrapper">
        <table class="table">
            <thead>
                <tr>
                    <th>UH (Quarto)</th>
                    <th>Categoria</th>
                    <th>Andar</th>
                    <th>Status Físico</th>
                    <th>Permissão</th>
                    <th class="text-right">Ações</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($rooms as $room)
                <tr>
                    <td>
                        <div style="font-weight: var(--weight-bold); font-size: var(--text-lg); color: var(--color-primary-dark);">
                            <i data-lucide="door-closed" style="width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:4px;"></i> 
                            {{ $room->name }}
                        </div>
                    </td>
                    <td>
                        <span class="badge badge-neutral">{{ $room->category->name }}</span>
                    </td>
                    <td>
                        {{ $room->floor ?? '--' }}
                    </td>
                    <td>
                        @switch($room->status)
                            @case('available') <span class="badge badge-success">Disponível (Limpo)</span> @break
                            @case('occupied') <span class="badge badge-primary">Ocupado</span> @break
                            @case('dirty') <span class="badge badge-warning">Sujo (Limpeza)</span> @break
                            @case('maintenance') <span class="badge badge-danger">Manutenção</span> @break
                            @case('out_of_order') <span style="color:var(--color-text-muted); text-decoration:line-through;">Bloqueado</span> @break
                        @endswitch
                    </td>
                    <td>
                        @if($room->is_active)
                            <span style="color:var(--color-success);font-size:var(--text-xs);">Aberto para o Mapa</span>
                        @else
                            <span style="color:var(--color-danger);font-size:var(--text-xs);">Oculto do Mapa</span>
                        @endif
                    </td>
                    <td class="text-right">
                        <div class="flex gap-sm" style="justify-content: flex-end;">
                            <a href="{{ route('admin.registers.rooms.edit', $room) }}" class="btn btn-sm btn-secondary" title="Editar">
                                <i data-lucide="edit-2" style="width:14px;height:14px;"></i>
                            </a>
                            <form action="{{ route('admin.registers.rooms.destroy', $room) }}" method="POST" onsubmit="return confirm('ATENÇÃO: Deseja apagar esta UH do banco de dados?');" style="display:inline;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-danger" title="Excluir">
                                    <i data-lucide="trash-2" style="width:14px;height:14px;"></i>
                                </button>
                            </form>
                        </div>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="6" class="text-center" style="padding: var(--space-2xl);">
                        <div style="color: var(--color-text-muted); margin-bottom: var(--space-md);">
                            <i data-lucide="layout-list" style="width:48px;height:48px;opacity:0.5;"></i>
                        </div>
                        <p>Nenhuma UH cadastrada. O Mapa de Reservas ficará vazio.</p>
                        @if(!request('search'))
                            <a href="{{ route('admin.registers.rooms.create') }}" class="btn btn-primary mt-md">Gerar Inventário</a>
                        @endif
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if($rooms->hasPages())
    <div class="card-footer">
        {{ $rooms->links() }}
    </div>
    @endif
</div>
@endsection