@extends('admin.layouts.app')

@section('title', 'Accueil')

@section('content')
    <h1 class="page-title">Bonjour {{ auth()->user()->name }}.</h1>
    <p class="lead">Gérez le contenu de votre site Atelier Funfrock — en toute simplicité.</p>

    <div class="form-note">
        <strong>Comment ça marche ?</strong> Chaque page est composée de « blocs » (une bannière, un texte,
        une image, une grille…). Cliquez sur une page pour modifier son contenu, réorganiser ou masquer des blocs,
        puis « Aperçu » pour voir le résultat en ligne. Vos modifications sont enregistrées en toute sécurité
        et n'altèrent jamais la mise en page d'origine.
    </div>

    <div class="btn-row" style="margin-bottom: 30px;">
        <a href="{{ route('admin.pages.index') }}" class="btn btn-gold">Gérer mes pages</a>
        <a href="{{ url('/') }}" target="_blank" rel="noopener" class="btn">Voir le site en ligne ↗</a>
    </div>

    <div class="card">
        <h2>Vos pages <span style="color: var(--ff-muted); font-weight: 400;">· {{ $pages->count() }}</span></h2>
        <p class="hint">Cliquez sur « Modifier » pour éditer le contenu, ou « Aperçu » pour voir la page en ligne.</p>

        @if ($pages->isEmpty())
            <div class="empty">Aucune page pour le moment.</div>
        @else
            <table class="tbl">
                <thead>
                    <tr><th>Page</th><th>Statut</th><th></th></tr>
                </thead>
                <tbody>
                    @foreach ($pages as $p)
                        <tr>
                            <td>{{ $p->title }} <span class="ro">/{{ $p->slug }}</span></td>
                            <td>
                                @if ($p->status === 'published')
                                    <span class="badge badge-pub">En ligne</span>
                                @else
                                    <span class="badge badge-draft">Brouillon</span>
                                @endif
                            </td>
                            <td>
                                <div class="btn-row">
                                    <a href="{{ route('admin.pages.edit', $p) }}" class="btn btn-sm">Modifier</a>
                                    <a href="{{ url('/' . $p->slug) }}" target="_blank" rel="noopener" class="btn btn-sm">Aperçu ↗</a>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        @endif
    </div>
@endsection