@extends('layouts.public')

@section('titre', 'Liv509 — La vitrine du livre haïtien')

@section('content')

<section class="liv-hero">
  <div class="wrap">
    <span class="eyebrow">Liv509</span>
    <h1>La vitrine du livre haïtien</h1>
    <p class="lead">Romans, essais, poésie — découvrez les ouvrages d'auteurs d'ici et soutenez la création littéraire haïtienne.</p>
  </div>
</section>

<section class="block">
  <div class="wrap">
    @if($livres->isEmpty())
      <p style="color:#6E6E6E;padding:24px 0">Aucun livre pour le moment. Revenez bientôt.</p>
    @else
      <div class="book-grid">
        @foreach($livres as $livre)
          <a class="book" href="{{ route('annonce.show', $livre) }}">
           <div class="cover">
              @if($livre->couverture)
                <img src="{{ asset('storage/'.$livre->couverture) }}" alt="{{ $livre->titre }}">
              @endif
            </div>
            <h3>{{ $livre->titre }}</h3>
            @if($livre->livreDetail?->auteur)
              <div class="author">{{ $livre->livreDetail->auteur }}</div>
            @endif
            @if($livre->livreDetail?->prix)
              <div class="price">{{ number_format($livre->livreDetail->prix, 0, ',', ' ') }} HTG</div>
            @endif
          </a>
        @endforeach
      </div>

      @if($livres->hasPages())
      <div class="pagination">
        @if($livres->previousPageUrl())
          <a class="btn btn-ghost" href="{{ $livres->previousPageUrl() }}">← Précédent</a>
        @endif
        <span>Page {{ $livres->currentPage() }} sur {{ $livres->lastPage() }}</span>
        @if($livres->nextPageUrl())
          <a class="btn btn-ghost" href="{{ $livres->nextPageUrl() }}">Suivant →</a>
        @endif
      </div>
      @endif
    @endif
  </div>
</section>
@endsection