@extends('layouts.public')

@section('titre', 'Annonces — InnerHayti')

@section('content')
<section class="block">
  <div class="wrap">

    {{-- Recherche --}}
    <form class="search" method="GET" action="{{ route('annonces.index') }}">
      @if($categorie)<input type="hidden" name="categorie" value="{{ $categorie }}">@endif
      <input type="text" name="q" value="{{ $q }}" placeholder="Rechercher une annonce…" aria-label="Rechercher">
      <button class="btn btn-solid" type="submit">Rechercher</button>
    </form>

    {{-- Onglets catégories --}}
    <div class="cat-tabs">
      <a class="cat-tab {{ !$categorie ? 'active' : '' }}" href="{{ route('annonces.index', array_filter(['q'=>$q,'tri'=>$tri])) }}">Toutes</a>
      <a class="cat-tab {{ $categorie==='marketplace' ? 'active' : '' }}" href="{{ route('annonces.index', array_filter(['categorie'=>'marketplace','q'=>$q,'tri'=>$tri])) }}">Marketplace</a>
      <a class="cat-tab {{ $categorie==='evenement' ? 'active' : '' }}" href="{{ route('annonces.index', array_filter(['categorie'=>'evenement','q'=>$q,'tri'=>$tri])) }}">Événements</a>
      <a class="cat-tab {{ $categorie==='emploi' ? 'active' : '' }}" href="{{ route('annonces.index', array_filter(['categorie'=>'emploi','q'=>$q,'tri'=>$tri])) }}">Emploi</a>
      <a class="cat-tab {{ $categorie==='annuaire' ? 'active' : '' }}" href="{{ route('annonces.index', array_filter(['categorie'=>'annuaire','q'=>$q,'tri'=>$tri])) }}">Annuaire</a>
    </div>

    {{-- En-tête : nombre de résultats + tris --}}
    <div class="block-head">
      <h2>{{ $annonces->total() }} annonce{{ $annonces->total() > 1 ? 's' : '' }}</h2>
      <div class="sort">
        <a class="sort-btn {{ $tri==='recentes' ? 'active' : '' }}" href="{{ route('annonces.index', array_filter(['categorie'=>$categorie,'q'=>$q,'tri'=>'recentes'])) }}">Récentes</a>
        <a class="sort-btn {{ $tri==='populaires' ? 'active' : '' }}" href="{{ route('annonces.index', array_filter(['categorie'=>$categorie,'q'=>$q,'tri'=>'populaires'])) }}">Populaires</a>
        <a class="sort-btn {{ $tri==='vues' ? 'active' : '' }}" href="{{ route('annonces.index', array_filter(['categorie'=>$categorie,'q'=>$q,'tri'=>'vues'])) }}">Plus vues</a>
      </div>
    </div>

    {{-- Résultats --}}
    @if($annonces->isEmpty())
      <p style="color:#6E6E6E;padding:24px 0">Aucune annonce ne correspond à ta recherche.</p>
    @else
      <div class="grid">
        @foreach($annonces as $a)
          @include('public.partials.carte-annonce', ['a' => $a])
        @endforeach
      </div>

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

  </div>
</section>
@endsection