@php
    $h = $hotelModel ?? null;
    $translationsByLang = $h?->translations->keyBy('language_id') ?? collect();
    $aiGroup = 'hotel-'.($h?->id ?? 'new');
    $hotelAiContext = array_filter([
        'Nome do hotel' => $h?->name,
        'Marca' => $h?->brand?->name,
        'Localização' => collect([$h?->destination?->name, $h?->region?->name, $h?->country?->name])->filter()->implode(', ') ?: null,
        'Nº de quartos' => $h?->room_count,
        'Tipologias de quarto' => $h?->exists ? $h->roomTypes->pluck('name')->filter()->implode(', ') ?: null : null,
        'Restaurantes' => $h?->exists ? $h->restaurants->pluck('name')->filter()->implode(', ') ?: null : null,
        'Bares' => $h?->exists ? $h->bars->pluck('name')->filter()->implode(', ') ?: null : null,
        'Facilities' => ($h?->facilities ?? collect())->pluck('name')->implode(', ') ?: null,
        'Spa' => $h?->has_spa ? 'Sim' : null,
        'MICE / Eventos' => $h?->has_mice ? 'Sim' : null,
    ], fn ($v) => $v !== null && $v !== '');

    $hotelTabs = [
        'geral' => 'Informação Geral',
        'descricoes' => 'Descrições',
        'facilities' => 'Facilities do Hotel',
        'tipologias' => 'Tipologias de Quarto',
        'restaurantes' => 'Restaurantes',
        'bares' => 'Bares',
        'contactos' => 'Contactos',
        'alertas' => 'Alertas',
    ];
@endphp

<div class="tabs">
    @foreach ($hotelTabs as $key => $label)
        <a href="#hotel-tab-{{ $key }}" class="tab {{ $loop->first ? 'active' : '' }}"
            onclick="document.querySelectorAll('.hotel-tab-panel').forEach(p=>p.style.display='none');document.querySelectorAll('.tabs .tab').forEach(t=>t.classList.remove('active'));document.getElementById('hotel-tab-{{ $key }}').style.display='block';this.classList.add('active');return false;">
            {{ $label }}
        </a>
    @endforeach
</div>

<div id="hotel-tab-geral" class="hotel-tab-panel" style="display:block;">
    <div class="card">
        <h2 class="page-title" style="font-size:1.05rem;">Identificação</h2>
        <div class="form-grid">
            <label class="full">Nome<input type="text" name="name" value="{{ old('name', $h?->name) }}" required></label>
            <label>Marca
                <select name="brand_id" required>
                    <option value="">—</option>
                    @foreach ($brands as $b)<option value="{{ $b->id }}" @selected(old('brand_id', $h?->brand_id) == $b->id)>{{ $b->name }}</option>@endforeach
                </select>
            </label>
            <label>País
                <select name="country_id"><option value="">—</option>
                    @foreach ($countries as $c)<option value="{{ $c->id }}" @selected(old('country_id', $h?->country_id) == $c->id)>{{ $c->name }}</option>@endforeach
                </select>
            </label>
            <label>Região
                <select name="region_id"><option value="">—</option>
                    @foreach ($regions as $r)<option value="{{ $r->id }}" @selected(old('region_id', $h?->region_id) == $r->id)>{{ $r->name }}</option>@endforeach
                </select>
            </label>
            <label>Destino
                <select name="destination_id"><option value="">—</option>
                    @foreach ($destinations as $d)<option value="{{ $d->id }}" @selected(old('destination_id', $h?->destination_id) == $d->id)>{{ $d->name }}</option>@endforeach
                </select>
            </label>
            <label>Nº de quartos<input type="number" min="0" name="room_count" value="{{ old('room_count', $h?->room_count) }}"></label>
            <label class="full">Morada<input type="text" name="address" value="{{ old('address', $h?->address) }}"></label>
        </div>
    </div>

    <div class="card">
        <h2 class="page-title" style="font-size:1.05rem;">Localização &amp; horários</h2>
        <div class="form-grid">
            <label>Latitude<input type="text" name="latitude" value="{{ old('latitude', $h?->latitude) }}" placeholder="ex: 38.7223"></label>
            <label>Longitude<input type="text" name="longitude" value="{{ old('longitude', $h?->longitude) }}" placeholder="ex: -9.1393"></label>
            <label>Distância ao aeroporto (km)<input type="text" name="distance_airport_km" value="{{ old('distance_airport_km', $h?->distance_airport_km) }}"></label>
            <label>Distância ao centro (km)<input type="text" name="distance_center_km" value="{{ old('distance_center_km', $h?->distance_center_km) }}"></label>
            <label>Check-in<input type="time" name="checkin_time" value="{{ old('checkin_time', $h?->checkin_time) }}"></label>
            <label>Check-out<input type="time" name="checkout_time" value="{{ old('checkout_time', $h?->checkout_time) }}"></label>
        </div>
    </div>

    <div class="card">
        <h2 class="page-title" style="font-size:1.05rem;">Imagens</h2>
        <div class="form-grid">
            <label>Logótipo
                <input type="file" name="logo" accept="image/*">
                @if ($h?->logo_path)<span class="muted" style="font-size:0.8rem;">Atual: {{ basename($h->logo_path) }}</span>@endif
            </label>
            <label>Imagem de capa
                <input type="file" name="cover_image" accept="image/*">
                @if ($h?->cover_image_path)<span class="muted" style="font-size:0.8rem;">Atual: {{ basename($h->cover_image_path) }}</span>@endif
            </label>
        </div>
    </div>
</div>

<div id="hotel-tab-descricoes" class="hotel-tab-panel" style="display:none;">
    <div class="card">
        <h2 class="page-title" style="font-size:1.05rem;">Descrições por idioma</h2>
        <div class="tabs">
            @foreach ($languages as $l)
                <a href="#lang-{{ $l->id }}" class="tab" onclick="document.querySelectorAll('.lang-panel').forEach(p=>p.style.display='none');document.getElementById('lang-{{ $l->id }}').style.display='block';return false;">{{ $l->name }}</a>
            @endforeach
        </div>
        @foreach ($languages as $i => $l)
            @php $t = $translationsByLang->get($l->id); @endphp
            <div id="lang-{{ $l->id }}" class="lang-panel" style="{{ $i === 0 ? '' : 'display:none;' }}margin-top:1rem;">
                <div class="form-grid">
                    <label class="full">Descrição curta ({{ $l->name }})
                        <input type="text" id="short-{{ $l->id }}" name="translations[{{ $l->id }}][short_description]" maxlength="255"
                            value="{{ old("translations.{$l->id}.short_description", $t?->short_description) }}">
                    </label>
                    <x-ai-assist target="#short-{{ $l->id }}" :context="$hotelAiContext" field-hint="Descrição curta do hotel (máx. 255 caracteres, {{ $l->name }})"
                        :group="$aiGroup" field="short_description" :language="$l->name" />

                    <label class="full">USP — o que torna este hotel único ({{ $l->name }})
                        <textarea id="usp-{{ $l->id }}" name="translations[{{ $l->id }}][usp]" rows="2">{{ old("translations.{$l->id}.usp", $t?->usp) }}</textarea>
                    </label>
                    <x-ai-assist target="#usp-{{ $l->id }}" :context="$hotelAiContext" field-hint="USP — o que torna este hotel único ({{ $l->name }})"
                        :group="$aiGroup" field="usp" :language="$l->name" />

                    <label class="full">Descrição completa ({{ $l->name }})
                        <textarea id="desc-{{ $l->id }}" name="translations[{{ $l->id }}][description]" rows="6">{{ old("translations.{$l->id}.description", $t?->description) }}</textarea>
                    </label>
                    <x-ai-assist target="#desc-{{ $l->id }}" :context="$hotelAiContext" field-hint="Descrição completa do hotel ({{ $l->name }})"
                        :group="$aiGroup" field="description" :language="$l->name" :languages="$languages->pluck('name')" bulk-translate />
                </div>
            </div>
        @endforeach
    </div>
</div>

<div id="hotel-tab-facilities" class="hotel-tab-panel" style="display:none;">
    <div class="card">
        <h2 class="page-title" style="font-size:1.05rem;">Facilities em destaque</h2>
        <p class="muted" style="margin-top:-0.5rem;">Estas 4 aparecem sempre em destaque no topo da Fact Sheet.</p>
        <div class="form-grid">
            <label class="checkbox-row"><input type="checkbox" name="has_spa" value="1" @checked(old('has_spa', $h?->has_spa))> Spa</label>
            <label class="checkbox-row"><input type="checkbox" name="has_pool" value="1" @checked(old('has_pool', $h?->has_pool))> Piscina</label>
            <label class="checkbox-row"><input type="checkbox" name="has_parking" value="1" @checked(old('has_parking', $h?->has_parking))> Parking</label>
            <label class="checkbox-row"><input type="checkbox" name="has_mice" value="1" @checked(old('has_mice', $h?->has_mice))> MICE / Eventos</label>
        </div>
    </div>

    <div class="card">
        <h2 class="page-title" style="font-size:1.05rem;">Facilities</h2>
        <p class="muted" style="margin-top:-0.5rem;">
            Seleciona a partir da lista central. Falta alguma?
            <a href="{{ route('admin.facilities.create') }}" target="_blank" rel="noreferrer">Pede ao SuperAdmin para a criar</a>.
        </p>
        @php $selected = old('facilities', $selectedFacilities); @endphp
        @foreach ($allFacilities->groupBy(fn ($f) => $f->category ?: 'Outras') as $category => $items)
            <div style="margin-bottom:0.75rem;">
                <span class="muted" style="font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.02em;">{{ $category }}</span>
                <div class="form-grid" style="margin-top:0.35rem;">
                    @foreach ($items as $f)
                        <label class="checkbox-row">
                            <input type="checkbox" name="facilities[]" value="{{ $f->id }}" @checked(in_array($f->id, $selected))>
                            <x-icon :name="$f->icon" /> {{ $f->name }}
                        </label>
                    @endforeach
                </div>
            </div>
        @endforeach
        @if ($allFacilities->isEmpty())
            <p class="muted">Ainda não existem facilities configuradas. <a href="{{ route('admin.facilities.create') }}">Criar a primeira</a>.</p>
        @endif
    </div>
</div>

@foreach ([
    'tipologias' => ['label' => 'Tipologias de Quarto', 'route' => 'admin.hotels.room-types.index', 'count' => fn () => $h?->roomTypes->count()],
    'restaurantes' => ['label' => 'Restaurantes', 'route' => 'admin.hotels.restaurants.index', 'count' => fn () => $h?->restaurants->count()],
    'bares' => ['label' => 'Bares', 'route' => 'admin.hotels.bars.index', 'count' => fn () => $h?->bars->count()],
    'contactos' => ['label' => 'Contactos', 'route' => 'admin.hotels.contacts.index', 'count' => fn () => $h?->contacts->count()],
    'alertas' => ['label' => 'Alertas', 'route' => 'admin.hotels.alerts.index', 'count' => fn () => $h?->alerts->count()],
] as $key => $section)
    <div id="hotel-tab-{{ $key }}" class="hotel-tab-panel" style="display:none;">
        <div class="card">
            @if ($h?->exists)
                <h2 class="page-title" style="font-size:1.05rem;">{{ $section['label'] }} ({{ $section['count']() }})</h2>
                <p class="muted" style="margin-top:-0.5rem;">Gerido como coleção própria, com fotos e descrições multilíngue.</p>
                @if (Route::has($section['route']))
                    <a class="btn" href="{{ route($section['route'], $h) }}">Gerir {{ $section['label'] }}</a>
                @endif
            @else
                <p class="muted">Grava o hotel primeiro — depois podes gerir {{ $section['label'] }} aqui.</p>
            @endif
        </div>
    </div>
@endforeach

<div class="form-actions">
    <button type="submit">{{ $submitLabel }}</button>
    <a href="{{ route('admin.hotels.index') }}" class="btn secondary">Cancelar</a>
</div>