@extends('layouts.app')
@section('title','Infos pratiques')
@section('content')
<div class="h1">Infos pratiques</div>
<div class="sub">Dates, lieu, accès, parking, paiement, accessibilité… Ces cartes s'affichent sur la <a href="/infos" target="_blank"><b>page « Infos pratiques &amp; FAQ »</b></a> et sur l'accueil. Elles sont aussi <b>diffusées aux autres sites</b> de l'écosystème par l'adresse publique <code>/api/v1/infos</code> : corrigé ici, corrigé partout.</div>

<div class="card">
  <b>Ajouter une information</b>
  <form method="post" action="{{ route('admin.infos.store') }}" style="margin-top:10px">@csrf
    <div class="row" style="gap:14px;align-items:flex-start;flex-wrap:wrap">
      <div style="min-width:190px"><label>Icône</label>
        <input name="icon" list="icones" placeholder="calendar_month" value="info">
        <p class="sub" style="margin:6px 0 0">Nom d'icône Material (voir la liste proposée).</p>
      </div>
      <div style="flex:1;min-width:220px"><label>Titre</label><input name="title" placeholder="Ex. Dates &amp; horaires" required></div>
      <div style="align-self:flex-end;padding-bottom:2px"><button class="btn">Ajouter</button></div>
    </div>
    <div style="margin-top:10px"><label>Texte</label>
      <textarea name="body" rows="2" placeholder="Une ou deux phrases. Un retour à la ligne dans le texte est conservé sur le site." required></textarea>
    </div>
    <div class="row" style="gap:14px;margin-top:10px;flex-wrap:wrap">
      <div style="flex:1;min-width:200px"><label>Libellé du bouton (optionnel)</label><input name="link_label" placeholder="Ex. Réserver maintenant"></div>
      <div style="flex:1;min-width:240px"><label>Adresse du bouton</label><input name="link_url" placeholder="https://… ou billetterie"></div>
    </div>
    <p class="sub" style="margin:6px 0 0">Écrivez <code>billetterie</code> dans l'adresse pour pointer vers la billetterie du moment : le lien suivra tout seul si vous la changez dans les paramètres.</p>
  </form>
</div>

@forelse($infos as $i)
  <div class="card">
    <form method="post" action="{{ route('admin.infos.update',$i) }}">@csrf @method('PUT')
      <div class="row" style="gap:14px;align-items:flex-start;flex-wrap:wrap">
        <div style="min-width:190px"><label>Icône</label><input name="icon" list="icones" value="{{ $i->icon }}"></div>
        <div style="flex:1;min-width:220px"><label>Titre</label><input name="title" value="{{ $i->title }}" required></div>
        <div style="min-width:110px"><label>Ordre</label><input name="position" type="number" min="0" value="{{ $i->position }}"></div>
        <div style="align-self:flex-end;padding-bottom:2px">
          <label class="row" style="gap:6px;align-items:center"><input type="checkbox" name="is_published" value="1" @checked($i->is_published)> Publiée</label>
        </div>
      </div>
      <div style="margin-top:10px"><label>Texte</label><textarea name="body" rows="2" required>{{ $i->body }}</textarea></div>
      <div class="row" style="gap:14px;margin-top:10px;flex-wrap:wrap">
        <div style="flex:1;min-width:200px"><label>Libellé du bouton</label><input name="link_label" value="{{ $i->link_label }}"></div>
        <div style="flex:1;min-width:240px"><label>Adresse du bouton</label><input name="link_url" value="{{ $i->link_url }}"></div>
      </div>
      <div class="row" style="gap:10px;margin-top:12px">
        <button class="btn">Enregistrer</button>
      </div>
    </form>
    <form method="post" action="{{ route('admin.infos.destroy',$i) }}" onsubmit="return confirm('Supprimer « {{ $i->title }} » ?')" style="margin-top:8px">@csrf @method('DELETE')
      <button class="btn ghost sm">Supprimer</button>
    </form>
  </div>
@empty
  <div class="card"><p class="sub" style="margin:0">Aucune information pour l'instant : ajoutez-en une ci-dessus.</p></div>
@endforelse

<datalist id="icones">
  @foreach(['calendar_month','location_on','tram','local_parking','restaurant','payments','accessible','do_not_disturb_on','partly_cloudy_day','confirmation_number','info','schedule','pets','wc','stroller','local_hospital','shopping_bag','camera_alt','directions_car','directions_bus'] as $ic)
    <option value="{{ $ic }}">
  @endforeach
</datalist>
@endsection