<x-portal-layout>

    <section id="breadcrumbs" class="breadcrumbs">
        <div class="container">

            <div class="d-flex justify-content-between align-items-center">
                <h2>Publications</h2>
                <ol>
                    <li><a href="{{ route('portal.home') }}">Accueil</a></li>
                    <li>Publications</li>
                </ol>
            </div>

        </div>
    </section>

    <section id="document" class="pricing">
        <div class="container" data-aos="fade-up">
            <div class="d-flex gap-3 mb-4">
                <div class="col-lg-6"></div>
                <select name="forum_id" class="form-select" onchange="window.location.assign('{{ route('portal.publications').'/forum/' }}'+this.value)">
                    <option value="">Tous les forums</option>
                    @foreach ($forums as $forum)
                        <option value="{{ $forum->id }}" @if($type=='forum' and $forum->id==$id) selected @endif>{{ $forum->annee}}</option>
                    @endforeach
                </select>
                <select name="commune_id" class="form-select" onchange="window.location.assign('{{ route('portal.publications').'/commune/' }}'+this.value)">
                    <option value="">Toutes les communes</option>
                    @foreach ($communes as $commune)
                        <option value="{{ $commune->id }}" @if($type=='commune' and $commune->id==$id) selected @endif>{{ $commune->name}}</option>
                    @endforeach
                </select>
            </div>
            
            <div class="col-lg-12">
                <div class="row m-0">
                    @foreach ($participations as $participation)

                        @foreach($participation->publications as $publication)
                        <div class="col-lg-4 d-flex flex-column mb-4">
                            <div class="box h-100 bg-light p-3">
                                <div class="d-flex gap-2 mb-3">
                                    <div class="col-4"><a href="{{ route('portal.forums.show', $publication->participation->forum) }}">{{ $publication->participation->forum->annee }}</a></div>
                                    <div class="col-8"><a href="{{ route('portal.communes.show', $publication->participation->commune) }}">{{ $publication->participation->commune->name }}</a></div>
                                </div>
                                <iframe src="{{ asset('storage/publications/' . $publication->filename) }}" frameBorder="0"></iframe>

                                <div class="py-3">
                                    <a class="btn-buy" href="{{ asset('storage/publications/' . $publication->filename) }}">Télécharger</a>
                                </div>
                                <p class="mb-0">{{ $publication->title }}</p>
                            </div>
                        </div>
                        @endforeach

                    @endforeach
                </div>
            </div>

        </div>
    </section>


</x-portal-layout>