{{--
    Galeria de fotos reutilizável (Tipologias, Restaurantes, Bares).
    Espera: $model (com ->photos carregado), $max, $routeParams (array [$hotel, $model]),
    $routePrefix (ex: 'admin.hotels.room-types.photos').
--}}
<div class="card">
    <h2 class="page-title" style="font-size:1.05rem;">Fotografias ({{ $model->photos->count() }}/{{ $max }})</h2>

    @if ($model->photos->count() < $max)
        <form method="POST" action="{{ route("{$routePrefix}.store", $routeParams) }}" enctype="multipart/form-data">
            @csrf
            <div class="photo-dropzone" data-photo-dropzone>
                <p>Arrasta fotografias para aqui ou escolhe os ficheiros</p>
                <input type="file" name="photos[]" multiple accept="image/*">
                <div data-photo-preview></div>
                <button type="submit" class="secondary" style="margin-top:0.75rem;">Enviar fotografias</button>
            </div>
        </form>
    @else
        <p class="muted">Limite de {{ $max }} fotografias atingido.</p>
    @endif

    @if ($model->photos->isNotEmpty())
        <div class="photo-gallery" data-photo-gallery data-reorder-url="{{ route("{$routePrefix}.reorder", $routeParams) }}">
            @foreach ($model->photos as $photo)
                <div class="photo-thumb" data-photo-id="{{ $photo->id }}">
                    @if ($photo->is_primary)
                        <span class="photo-badge">Principal</span>
                    @endif
                    <img src="{{ Storage::disk('public')->url($photo->path) }}" alt="">
                    <div class="photo-actions">
                        @unless ($photo->is_primary)
                            <form method="POST" action="{{ route("{$routePrefix}.primary", array_merge($routeParams, [$photo])) }}">
                                @csrf
                                <button type="submit" class="secondary" title="Definir como principal"><x-icon name="check-circle" /></button>
                            </form>
                        @endunless
                        <form method="POST" action="{{ route("{$routePrefix}.destroy", array_merge($routeParams, [$photo])) }}" onsubmit="return confirm('Eliminar esta fotografia?')">
                            @csrf @method('DELETE')
                            <button type="submit" class="danger" title="Eliminar"><x-icon name="x" /></button>
                        </form>
                    </div>
                </div>
            @endforeach
        </div>
        <p class="muted" style="margin-top:0.5rem;">Arrasta as fotografias para reordenar.</p>
    @endif
</div>