@extends('layouts.public')
@section('title', $hotel->name)
@section('content')
    @php
        $meta = array_filter([
            $hotel->brand?->name,
            $hotel->country?->name,
            $hotel->room_count ? $hotel->room_count.' quartos' : null,
        ]);
    @endphp

    <style>
        @media print {
            .no-print { display: none !important; }
        }
        .fs-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem 1.5rem; }
        .fs-fact dt { font-size: 0.75rem; color: var(--color-text-subtle, #667085); margin: 0; }
        .fs-fact dd { margin: 0 0 0.6rem; font-weight: 600; }
    </style>

    <div class="card no-print" style="margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;">
        <div class="links" style="display:flex;gap:0.75rem;">
            @foreach ($availableLanguages as $lang)
                <a href="{{ route('factsheet.show', [$hotel, 'lang' => $lang->iso_code]) }}" class="chip {{ $currentLanguage?->id === $lang->id ? 'badge-approved' : '' }}">{{ $lang->name }}</a>
            @endforeach
        </div>
        <div class="actions">
            <a href="{{ route('factsheet.pdf', array_filter(['hotel' => $hotel->id, 'lang' => $currentLanguage?->iso_code])) }}" class="btn secondary"><x-icon name="upload" /> Download PDF</a>
            <button onclick="window.print()" class="btn secondary">Versão para impressão</button>
        </div>
    </div>

    @if ($hotel->cover_image_path)
        <img src="{{ Storage::disk('public')->url($hotel->cover_image_path) }}" alt="{{ $hotel->name }}" style="width:100%;max-height:340px;object-fit:cover;border-radius:0.75rem;margin-bottom:1rem;">
    @endif

    <div class="card" style="margin-bottom:1.25rem;">
        <div style="display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;">
            <div>
                <h1 style="margin-top:0;margin-bottom:0.15rem;">{{ $hotel->name }}</h1>
                <p class="muted" style="margin:0;">{{ implode(' · ', $meta) }}</p>
            </div>
            @if ($hotel->logo_path)
                <img src="{{ Storage::disk('public')->url($hotel->logo_path) }}" alt="logo" style="height:48px;">
            @endif
        </div>

        @if ($translation?->short_description)
            <p style="font-size:1.05rem;margin:1rem 0 0;">{{ $translation->short_description }}</p>
        @endif
        @if ($translation?->usp)
            <p class="chip" style="margin-top:0.75rem;display:inline-block;">✨ {{ $translation->usp }}</p>
        @endif
    </div>

    <div class="card fs-fact" style="margin-bottom:1.25rem;">
        <h2 class="page-title" style="font-size:1.05rem;">Dados rápidos</h2>
        <dl class="fs-grid">
            @if ($hotel->address)<div><dt>Morada</dt><dd>{{ $hotel->address }}</dd></div>@endif
            @if ($hotel->distance_airport_km)<div><dt>Distância ao aeroporto</dt><dd>{{ $hotel->distance_airport_km }} km</dd></div>@endif
            @if ($hotel->distance_center_km)<div><dt>Distância ao centro</dt><dd>{{ $hotel->distance_center_km }} km</dd></div>@endif
            @if ($hotel->checkin_time)<div><dt>Check-in</dt><dd>{{ $hotel->checkin_time }}</dd></div>@endif
            @if ($hotel->checkout_time)<div><dt>Check-out</dt><dd>{{ $hotel->checkout_time }}</dd></div>@endif
            @if ($hotel->room_count)<div><dt>Quartos</dt><dd>{{ $hotel->room_count }}</dd></div>@endif
        </dl>
        <div class="links" style="margin-top:0.5rem;flex-wrap:wrap;">
            @if ($hotel->has_spa)<span class="chip">Spa</span>@endif
            @if ($hotel->has_pool)<span class="chip">Piscina</span>@endif
            @if ($hotel->has_parking)<span class="chip">Parking</span>@endif
            @if ($hotel->has_mice)<span class="chip">MICE / Eventos</span>@endif
        </div>
        @if ($hotel->latitude && $hotel->longitude)
            <p style="margin-top:0.75rem;"><a href="https://www.google.com/maps?q={{ $hotel->latitude }},{{ $hotel->longitude }}" target="_blank" rel="noreferrer">Ver localização no mapa ↗</a></p>
        @endif
    </div>

    @if ($translation?->description)
        <div class="card" style="margin-bottom:1.25rem;">
            <h2 class="page-title" style="font-size:1.05rem;">Sobre o hotel</h2>
            <p style="white-space:pre-line;">{{ $translation->description }}</p>
        </div>
    @endif

    @if ($hotel->facilities->isNotEmpty())
        <div class="card" style="margin-bottom:1.25rem;">
            <h2 class="page-title" style="font-size:1.05rem;">Facilities</h2>
            @foreach ($hotel->facilities->groupBy(fn ($f) => $f->category ?: 'Outras') as $category => $items)
                <div style="margin-bottom:0.5rem;">
                    <span class="muted" style="font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.02em;">{{ $category }}</span>
                    <div class="links" style="margin-top:0.35rem;flex-wrap:wrap;">
                        @foreach ($items as $f)
                            <span class="chip"><x-icon :name="$f->icon" /> {{ $f->name }}</span>
                        @endforeach
                    </div>
                </div>
            @endforeach
        </div>
    @endif

    @if (! empty($hotel->room_types))
        <div class="card" style="margin-bottom:1.25rem;">
            <h2 class="page-title" style="font-size:1.05rem;">Tipologias de quarto</h2>
            <table>
                <thead><tr><th>Tipologia</th><th>Nº quartos</th><th>Descrição</th></tr></thead>
                <tbody>
                    @foreach ($hotel->room_types as $rt)
                        <tr><td>{{ $rt['name'] ?? '' }}</td><td>{{ $rt['count'] ?? '—' }}</td><td class="muted">{{ $rt['description'] ?? '' }}</td></tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif

    @if (! empty($hotel->restaurants) || ! empty($hotel->bars))
        <div class="card" style="margin-bottom:1.25rem;">
            <h2 class="page-title" style="font-size:1.05rem;">Restaurantes &amp; Bares</h2>
            <div class="fs-grid">
                @foreach (($hotel->restaurants ?? []) as $r)
                    <div><dt style="font-weight:600;">{{ $r['name'] ?? '' }}</dt><dd class="muted" style="margin:0;">{{ $r['description'] ?? '' }}</dd></div>
                @endforeach
                @foreach (($hotel->bars ?? []) as $b)
                    <div><dt style="font-weight:600;">{{ $b['name'] ?? '' }}</dt><dd class="muted" style="margin:0;">{{ $b['description'] ?? '' }}</dd></div>
                @endforeach
            </div>
        </div>
    @endif

    @if (! empty($hotel->contacts))
        <div class="card" style="margin-bottom:1.25rem;">
            <h2 class="page-title" style="font-size:1.05rem;">Contactos</h2>
            <div class="fs-grid">
                @foreach ($hotel->contacts as $c)
                    <div><dt>{{ $c['label'] ?? '' }}</dt><dd>{{ $c['value'] ?? '' }}</dd></div>
                @endforeach
            </div>
        </div>
    @endif

    <h2 class="page-title">Materiais</h2>
    <div class="grid-cards">
        @forelse ($materials as $m)
            <div class="card tile">
                <span class="chip tile-type">{{ strtoupper($m->file_type ?: 'file') }}</span>
                <span class="tile-title">{{ $m->title }}</span>
                <span class="tile-meta">{{ $m->category?->name }}</span>
            </div>
        @empty
            <p class="muted">Sem materiais publicados para este hotel.</p>
        @endforelse
    </div>
@endsection