@extends('layouts.app')
@section('title','Paramètres du site')
@section('content')
<div class="h1">Paramètres du site</div>
<div class="sub">Billetterie et mode d'attente du site vitrine. Pour les liens du menu « Pro », voir <a href="{{ route('admin.links.index') }}">Liens</a>.</div>

<form method="post" action="{{ route('admin.site.update') }}" enctype="multipart/form-data">@csrf @method('PUT')
  <div class="card">
    <b>Logo du back-office</b>
    <p class="sub" style="margin:6px 0 12px">Affiché en haut du menu (à la place du texte « Yggdrasil / Back-office »). Un clic dessus ramène au tableau de bord. PNG ou WebP recommandé pour la transparence.</p>
    @if(!empty($s['admin_logo']))
      <div style="display:flex;align-items:center;gap:16px;flex-wrap:wrap">
        <img src="{{ $s['admin_logo'] }}" alt="Logo actuel" style="max-height:56px;background:#1c2350;padding:8px 12px;border-radius:8px">
        <label style="display:flex;gap:8px;align-items:center;font-weight:500;margin:0"><input type="checkbox" name="admin_logo_remove" value="1" style="width:auto"> Retirer le logo (revenir au texte)</label>
      </div>
    @endif
    <label>{{ !empty($s['admin_logo']) ? 'Remplacer le logo' : 'Choisir un logo' }} (PNG, JPG ou WebP, 2 Mo max)</label>
    <input name="admin_logo" type="file" accept="image/png,image/jpeg,image/webp">
  </div>

  <div class="card">
    <b>Logo du site public</b>
    <p class="sub" style="margin:6px 0 12px">Affiché dans l'en-tête de toutes les pages du site vitrine, à la place de la couronne ♛ <b>et</b> du texte « Fort Fort Lointain » (prévoyez donc un logo qui contient le nom). PNG ou SVG transparent recommandé — il s'affiche sur fond bleu nuit. Format horizontal conseillé (~48 px de haut à l'écran).</p>
    @if(!empty($s['site_logo']))
      <div style="display:flex;align-items:center;gap:16px;flex-wrap:wrap">
        <img src="{{ $s['site_logo'] }}" alt="Logo actuel du site" style="max-height:56px;background:#10153a;padding:8px 12px;border-radius:8px">
        <label style="display:flex;gap:8px;align-items:center;font-weight:500;margin:0"><input type="checkbox" name="site_logo_remove" value="1" style="width:auto"> Retirer le logo (revenir à la couronne)</label>
      </div>
    @endif
    <label>{{ !empty($s['site_logo']) ? 'Remplacer le logo' : 'Choisir un logo' }} (PNG, JPG, WebP ou SVG, 2 Mo max)</label>
    <input name="site_logo" type="file" accept="image/png,image/jpeg,image/webp,image/svg+xml">
  </div>

  <div class="card">
    <b>Billetterie</b>
    <label>URL de la billetterie (Billetweb)</label>
    <input name="billetterie_url" type="url" value="{{ old('billetterie_url',$s['billetterie_url']) }}" placeholder="https://www.billetweb.fr/...">
    <p class="sub" style="margin:6px 0 0">Tous les boutons « Réserver » du site pointent vers cette adresse.</p>
  </div>

  <div class="card">
    <b>Bandeau « l'appli du festival »</b>
    <label style="display:flex;gap:8px;align-items:center;font-weight:500;margin-top:10px"><input type="checkbox" name="app_banner" value="1" @checked($s['app_banner'] === null ? true : $s['app_banner']) style="width:auto"> Afficher le bandeau en haut de toutes les pages du site</label>
    <label style="margin-top:10px">Adresse de l'application</label>
    <input name="app_banner_url" type="url" value="{{ old('app_banner_url',$s['app_banner_url']) }}" placeholder="https://mobile.festyggdrasil.fr">
    <p class="sub" style="margin:6px 0 0">« Tout le festival dans votre poche : programme, plan et invités. » Le visiteur peut fermer le bandeau, il ne le revoit alors pas avant un mois.</p>
  </div>

  <div class="card">
    <b>Mode « en construction »</b>
    <label style="display:flex;gap:8px;align-items:center;font-weight:500;margin-top:10px"><input type="checkbox" name="site_construction" value="1" @checked($s['site_construction']) style="width:auto"> Activer la page d'attente (le site public est masqué au profit d'une page « bientôt disponible »)</label>
    <label>Accroche</label>
    <input name="construction_slogan" value="{{ old('construction_slogan',$s['construction_slogan']) }}">
    <label>Note d'attente</label>
    <textarea name="construction_note" rows="2">{{ old('construction_note',$s['construction_note']) }}</textarea>
  </div>

  <div class="card">
    <b>Référencement (SEO) & partage</b>
    <p class="sub" style="margin:6px 0 12px">Utilisé pour Google et les aperçus de partage (Facebook, Instagram, WhatsApp). Chaque page garde son propre titre / description.</p>
    <div class="grid g2">
      <div>
        <label>URL publique du site</label>
        <input name="site_url" type="url" value="{{ old('site_url',$s['site_url']) }}" placeholder="https://fort-fort-lointain.festyggdrasil.fr">
        <p class="sub" style="margin:4px 0 0">Sert aux liens canoniques, au sitemap et aux aperçus.</p>
      </div>
      <div>
        <label>Image de partage (Open Graph)</label>
        <input name="seo_image" value="{{ old('seo_image',$s['seo_image']) }}" placeholder="img/ffl-header.jpg">
        <p class="sub" style="margin:4px 0 0">Chemin dans <code>public/</code> (idéal 1200×630). Défaut : <code>img/ffl-header.jpg</code>.</p>
      </div>
      <div><label>Page Facebook</label><input name="social_facebook" type="url" value="{{ old('social_facebook',$s['social_facebook']) }}" placeholder="https://facebook.com/..."></div>
      <div><label>Compte Instagram</label><input name="social_instagram" type="url" value="{{ old('social_instagram',$s['social_instagram']) }}" placeholder="https://instagram.com/..."></div>
      <div><label>Chaîne YouTube</label><input name="social_youtube" type="url" value="{{ old('social_youtube',$s['social_youtube']) }}" placeholder="https://youtube.com/@..."></div>
      <div><label>Début de l'événement</label><input name="event_start" type="date" value="{{ old('event_start',$s['event_start']) }}"></div>
      <div><label>Fin de l'événement</label><input name="event_end" type="date" value="{{ old('event_end',$s['event_end']) }}"></div>
      <div><label>Lieu</label><input name="event_place" value="{{ old('event_place',$s['event_place']) }}" placeholder="Hippodrome de Parilly"></div>
      <div><label>Vérification Google Search Console</label><input name="google_site_verification" value="{{ old('google_site_verification',$s['google_site_verification']) }}" placeholder="code de la balise meta"></div>
    </div>
    <p class="sub" style="margin:12px 0 0">Outils : <a href="/sitemap.xml" target="_blank">sitemap.xml</a> · <a href="/robots.txt" target="_blank">robots.txt</a> — à soumettre dans Google Search Console.</p>
  </div>

  <button class="btn">Enregistrer</button>
</form>
@endsection