@extends('layouts.app')
@section('title','Liens publicitaires')
@section('content')
<div class="h1">Liens publicitaires</div>
<div class="sub">Donnez ces liens à vos partenaires (affiches, posts, newsletters…) : ils redirigent vers le site en comptant chaque passage. Les statistiques sont mesurées <b>côté serveur</b> (aucun bloqueur de publicité ne les fausse) et <b>anonymes par conception</b> : jamais d'adresse IP, hachage quotidien non réversible, robots exclus, Do Not Track respecté.</div>

<div class="card">
  <b>Créer un lien</b>
  <form method="post" action="{{ route('admin.promo.store') }}" class="row" style="gap:10px;flex-wrap:wrap;align-items:flex-end;margin-top:10px">@csrf
    <div style="flex:1;min-width:200px">
      <label>Libellé interne</label>
      <input name="name" value="{{ old('name') }}" placeholder="ex. Affiche chez Cultura" required>
    </div>
    <div style="min-width:180px">
      <label>Nom du lien (URL)</label>
      <input name="slug" value="{{ old('slug') }}" placeholder="auto : ex. cultura" pattern="[a-z0-9-]*">
    </div>
    <div>
      <label>Redirige vers</label>
      <select name="destination">
        <option value="accueil">L'accueil du site</option>
        <option value="billetterie">La billetterie</option>
      </select>
    </div>
    <button class="btn">Créer</button>
  </form>
  <p class="sub" style="margin:8px 0 0">Le lien à distribuer sera : <b>{{ url('/go') }}/<i>nom-du-lien</i></b></p>
</div>

@if($links->count())
<div class="card">
  <table>
    <thead><tr><th>Lien</th><th>Destination</th><th>Clics</th><th>Visiteurs</th><th>7 jours</th><th>Aujourd'hui</th><th>Actif</th><th></th></tr></thead>
    <tbody>
    @foreach($links as $l)
      <tr>
        <td>
          <b>{{ $l->name }}</b><br>
          <code style="font-size:.85em">{{ $l->url() }}</code>
          <button type="button" class="btn ghost sm copy" data-url="{{ $l->url() }}" title="Copier le lien"><i data-lucide="copy"></i></button>
        </td>
        <td>{{ $l->destination === 'billetterie' ? 'Billetterie' : 'Accueil' }}</td>
        <td><b>{{ $l->clicks_count }}</b></td>
        <td>{{ $uniques[$l->id] ?? 0 }}</td>
        <td>{{ $l->clicks_7j }}</td>
        <td>{{ $l->clicks_jour }}</td>
        <td><span class="badge {{ $l->active ? 'handled' : 'new' }}">{{ $l->active ? 'Actif' : 'Inactif' }}</span></td>
        <td class="row" style="gap:6px">
          <a class="btn ghost sm" href="{{ route('admin.promo.show', $l) }}"><i data-lucide="bar-chart-3"></i> Statistiques</a>
        </td>
      </tr>
    @endforeach
    </tbody>
  </table>
</div>
@endif

<script>
document.querySelectorAll('.copy').forEach(function(b){
  b.addEventListener('click',function(){
    navigator.clipboard.writeText(b.dataset.url).then(function(){
      var avant=b.innerHTML;b.textContent='Copié';
      setTimeout(function(){b.innerHTML=avant;},1200);
    });
  });
});
</script>
@endsection