@extends('base')
@section('title', 'Catégories | Plateforme Juridique des PME du Gabon')
@section('content')



    <section class="blocs-download py-5" data-aos="fade-up">
        <div class="container">
            <h1 class="text-center">{{$titre}}</h1>
            <br>
            <nav class="text-center mb-3">
                {{-- <a href="#">Accueil</a> > <a href="#">Sur Les PME EP</a> --}}
            </nav>

            <div class="row" id="document-container">
                @include('website.partials.textes-juridiques-items')
            </div>
            <div class="text-center mt-4">
                @if ($texteJuridiques->hasMorePages())
                    <button id="load-more-{{$id}}" class="btn btn-sm btn-success mt-auto" data-next-page="{{ $texteJuridiques->currentPage() + 1 }}">Voir plus</button>
                @endif
            </div>
        </div>
    </section>



    {{-- <section class="bloc-recherche py-5" data-aos="fade-up">
        <div class="container">
            <div class="search-filter-container text-center">
                <h3>Recherche de Textes Juridiques</h3>
                <div class="search-filter row justify-content-center">
                    <div class="col-md-4 col-6">
                        <input type="text" id="searchInput" class="form-control" placeholder="Rechercher un texte juridique...">
                    </div>
                    <div class="col-md-4 col-6">
                        <select id="categorySelect" class="form-select">
                            <option value="">Sélectionner une catégorie</option>
                            @if(!empty($categories))
                                @foreach($categories as $category)
                                    <option value="{{$category->nom}}">{{$category->nom}}</option>
                                @endforeach
                            @endif

                        </select>
                    </div>
                    <div class="col-md-4 col-12 text-md-start text-center mt-2 mt-md-0">
                        <button id="searchButton" class="btn btn-success w-100">Rechercher</button>
                    </div>
                </div>
                <div id="searchResults" class="row mt-4">
                    <!-- Les résultats filtrés s'affichent ici -->
                </div>
            </div>
        </div>
    </section> --}}



@stop