@extends('admin.layouts.app')

@section('title', 'Modifier — ' . $page->title)

@section('content')
    <div class="btn-row" style="justify-content: space-between; align-items: flex-start;">
        <div>
            <h1 class="page-title">{{ $page->title }}</h1>
            <p class="lead">Adresse : <span class="ro">/{{ $page->slug }}</span></p>
        </div>
        <div class="btn-row">
            <a class="btn" href="{{ route('admin.pages.index') }}">← Toutes les pages</a>
            <a class="btn" href="/{{ $page->slug }}" target="_blank" rel="noopener">Aperçu</a>
        </div>
    </div>

    {{-- Page settings --}}
    <form class="card" method="POST" action="{{ route('admin.pages.update', $page) }}">
        @csrf
        @method('PUT')
        <h2>Réglages de la page</h2>
        <p class="hint">Titre, visibilité, menu et référencement (SEO).</p>

        <div class="field">
            <label>Nom de la page</label>
            <input type="text" name="title" value="{{ old('title', $page->title) }}" required>
            <p class="help">Repère dans l'admin + titre par défaut de l'onglet/Google. <strong>Ne s'affiche pas comme texte sur la page</strong> — pour le contenu visible, modifiez les blocs plus bas.</p>
        </div>

        <div class="field">
            <label>Statut</label>
            <select name="status">
                <option value="published" @selected(old('status', $page->status) === 'published')>Publié (visible par tous)</option>
                <option value="draft" @selected(old('status', $page->status) === 'draft')>Brouillon (caché du public)</option>
            </select>
        </div>

        <div class="field">
            <label>Titre SEO</label>
            <input type="text" name="meta_title" value="{{ old('meta_title', $page->meta_title) }}">
            <p class="help">Affiché dans l'onglet du navigateur et sur Google. Laisser vide pour utiliser le titre de la page.</p>
        </div>

        <div class="field">
            <label>Description SEO</label>
            <textarea name="meta_description">{{ old('meta_description', $page->meta_description) }}</textarea>
            <p class="help">Le court texte affiché sous le titre dans les résultats Google (≈ 150 caractères).</p>
        </div>

        <div class="field">
            <label>Groupe de menu</label>
            <select name="nav_group">
                <option value="">— Aucun —</option>
                <option value="savoir-faire" @selected(old('nav_group', $page->nav_group) === 'savoir-faire')>Savoir-Faire</option>
                <option value="expertise" @selected(old('nav_group', $page->nav_group) === 'expertise')>Expertise</option>
                <option value="atelier" @selected(old('nav_group', $page->nav_group) === 'atelier')>Atelier Workshop</option>
            </select>
        </div>

        <div class="field">
            <label>Libellé dans le menu</label>
            <input type="text" name="nav_label" value="{{ old('nav_label', $page->nav_label) }}">
            <p class="help">Texte affiché dans le menu (laisser vide pour utiliser le nom de la page).</p>
        </div>

        <div class="field">
            <label><input type="checkbox" name="show_in_nav" value="1" @checked(old('show_in_nav', $page->show_in_nav))> Afficher cette page dans le menu</label>
        </div>

        <div class="form-actions">
            <button class="btn btn-gold" type="submit">Enregistrer les réglages</button>
        </div>
    </form>

    @if ($page->hasDefaultSettings())
        <form method="POST" action="{{ route('admin.pages.reset-settings', $page) }}" data-confirm="Êtes-vous sûr de bien vouloir remettre le nom, le SEO et le menu de cette page à la version d’origine ?" data-confirm-variant="danger" data-confirm-yes="Oui, réinitialiser" style="margin: -14px 0 24px;">
            @csrf
            <button class="btn btn-sm" type="submit">↺ Réinitialiser les réglages de la page</button>
        </form>
    @endif

    {{-- Blocks --}}
    <div class="card">
        <h2>Blocs de contenu</h2>
        <p class="hint">Le contenu de la page, dans l'ordre d'affichage. Modifiez, réordonnez (▲ ▼), masquez ou supprimez chaque bloc.</p>

        @forelse ($page->blocks as $block)
            <div class="block-row {{ $block->is_active ? '' : 'is-off' }}">
                <div class="block-order">
                    <form class="inline-form" method="POST" action="{{ route('admin.blocks.move', [$page, $block]) }}">
                        @csrf<input type="hidden" name="dir" value="up">
                        <button class="btn btn-sm" type="submit" @disabled($loop->first)>▲</button>
                    </form>
                    <form class="inline-form" method="POST" action="{{ route('admin.blocks.move', [$page, $block]) }}">
                        @csrf<input type="hidden" name="dir" value="down">
                        <button class="btn btn-sm" type="submit" @disabled($loop->last)>▼</button>
                    </form>
                </div>
                <div class="block-main">
                    <div class="block-type">{{ \App\Blocks\BlockRegistry::label($block->type) }}@unless($block->is_active) · masqué @endunless</div>
                    <div class="block-summary">{{ $block->summary() }}</div>
                </div>
                <div class="btn-row">
                    @if (\App\Blocks\BlockRegistry::fields($block->type) !== [])
                        <a class="btn btn-sm" href="{{ route('admin.blocks.edit', [$page, $block]) }}">Modifier</a>
                    @elseif (\App\Blocks\BlockRegistry::exists($block->type))
                        <span class="hint" style="margin: 0; align-self: center;">design fixe — rien à modifier</span>
                    @endif
                    <form class="inline-form" method="POST" action="{{ route('admin.blocks.toggle', [$page, $block]) }}">
                        @csrf
                        <button class="btn btn-sm" type="submit">{{ $block->is_active ? 'Masquer' : 'Afficher' }}</button>
                    </form>
                    @if ($block->hasDefault())
                        <form class="inline-form" method="POST" action="{{ route('admin.blocks.reset', [$page, $block]) }}" data-confirm="Êtes-vous sûr de bien vouloir remettre ce bloc à sa version d’origine ? Les modifications de ce bloc seront perdues." data-confirm-variant="danger" data-confirm-yes="Oui, réinitialiser">
                            @csrf
                            <button class="btn btn-sm" type="submit">↺ Réinitialiser</button>
                        </form>
                    @endif
                    <form class="inline-form" method="POST" action="{{ route('admin.blocks.destroy', [$page, $block]) }}" data-confirm="Êtes-vous sûr de bien vouloir supprimer ce bloc ? Cette suppression est définitive." data-confirm-variant="danger" data-confirm-yes="Oui, supprimer">
                        @csrf
                        @method('DELETE')
                        <button class="btn btn-sm btn-danger" type="submit">Supprimer</button>
                    </form>
                </div>
            </div>
        @empty
            <div class="empty">Cette page n'a pas encore de blocs : elle s'affiche pour l'instant avec son ancien gabarit. Ajoutez un bloc pour commencer à la composer.</div>
        @endforelse

        @php
            // Group the picker by block family, and only offer the home-only
            // blocks ("Accueil") on the home page — they render sections that
            // belong to the landing design.
            $pickerGroups = collect(\App\Blocks\BlockRegistry::all())
                ->filter(fn ($def) => $page->is_home || ($def['group'] ?? '') !== 'Accueil')
                ->map(fn ($def, $key) => ['key' => $key, 'label' => $def['label'], 'group' => $def['group'] ?? 'Contenu'])
                ->groupBy('group')
                ->sortKeys();
        @endphp
        <form class="btn-row" method="POST" action="{{ route('admin.blocks.store', $page) }}" style="margin-top: 18px;">
            @csrf
            <select name="type" style="padding: .5rem .6rem; border: 1px solid rgba(35,33,30,.2); border-radius: 8px; font: inherit; font-size: .85rem;">
                @foreach ($pickerGroups as $groupLabel => $defs)
                    <optgroup label="{{ $groupLabel }}">
                        @foreach ($defs->sortBy('label') as $def)
                            <option value="{{ $def['key'] }}">{{ $def['label'] }}</option>
                        @endforeach
                    </optgroup>
                @endforeach
            </select>
            <button class="btn btn-gold btn-sm" type="submit">+ Ajouter un bloc</button>
        </form>
        <p class="hint" style="margin-top: 8px;">Le nouveau bloc est ajouté en bas de la page — utilisez ▲ pour le remonter.</p>
    </div>
@endsection