@extends('layouts.app')

@section('title', 'Présence locale')

@section('content')
<main class="page-wrapper pt-5">
  <section class="container pt-5 mt-5 pb-5">
    <style>
      /* Hover couleur primaire sur la liste de liens locale */
      .local-list .nav-link { color: var(--bs-body-color); }
      .local-list .nav-link:hover { color: var(--bs-primary) !important; }
    </style>
    <h1 class="display-4 mb-4">Présence locale</h1>
    @if (empty($items))
      <p>Aucune page trouvée.</p>
    @else
      <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-2 local-list">
        @foreach ($items as $p)
          <div class="col">
            <a class="d-block py-2 nav-link" href="{{ route('local.pages.show', ['slug' => $p['slug']]) }}">{{ $p['title'] }}</a>
          </div>
        @endforeach
      </div>
    @endif
  </section>
  </main>
@endsection