@extends('layouts.app')
@section('title', 'Facilities')
@section('content')
    <div class="page-header">
        <h1 class="page-title">Facilities</h1>
        <div class="actions"><a href="{{ route('admin.facilities.create', ['scope' => $scope]) }}" class="btn">+ Nova Facility</a></div>
    </div>
    <p class="muted" style="margin-top:-0.5rem;margin-bottom:1rem;">
        Lista central de facilities. Hotéis e tipologias apenas selecionam a partir daqui — não podem criar variantes livres.
    </p>

    <div class="tabs">
        <a href="{{ route('admin.facilities.index', ['scope' => 'hotel']) }}" class="tab {{ $scope === 'hotel' ? 'active' : '' }}">Facilities do Hotel</a>
        <a href="{{ route('admin.facilities.index', ['scope' => 'room']) }}" class="tab {{ $scope === 'room' ? 'active' : '' }}">Facilities de Quarto</a>
    </div>

    <div class="card" style="padding:0.5rem 1rem;">
        <table>
            <thead><tr><th>Ordem</th><th>Ícone</th><th>Nome</th><th>Categoria</th><th>{{ $scope === 'room' ? 'Tipologias' : 'Hotéis' }}</th><th>Estado</th><th style="text-align:right;">Ações</th></tr></thead>
            <tbody>
                @forelse ($facilities as $f)
                    <tr>
                        <td class="muted">{{ $f->sort_order }}</td>
                        <td><x-icon :name="$f->icon" /></td>
                        <td>{{ $f->name }}</td>
                        <td class="muted">{{ $f->category ?: '—' }}</td>
                        <td>{{ $scope === 'room' ? $f->room_types_count : $f->hotels_count }}</td>
                        <td>
                            <form method="POST" action="{{ route('admin.facilities.toggle', $f) }}">
                                @csrf
                                <button type="submit" class="badge {{ $f->active ? 'badge-approved' : 'badge-rejected' }}" style="border:none;cursor:pointer;">
                                    {{ $f->active ? 'Ativa' : 'Inativa' }}
                                </button>
                            </form>
                        </td>
                        <td style="text-align:right;">
                            <div class="tbl-actions">
                                <a href="{{ route('admin.facilities.edit', $f) }}" class="icon-btn" title="Editar"><x-icon name="settings" /></a>
                                <form method="POST" action="{{ route('admin.facilities.destroy', $f) }}" onsubmit="return confirm('Apagar facility?')">@csrf @method('DELETE')<button class="icon-btn danger" title="Apagar"><x-icon name="archive" /></button></form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="muted" style="padding:1.5rem;text-align:center;">Sem facilities {{ $scope === 'room' ? 'de quarto' : 'de hotel' }}.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection