<x-portal-layout>

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

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

        </div>
    </section>

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

            <div class="row row-cols-2">
                @foreach($communes as $commune)
                <div class="col mb-3 d-flex">
                    <div class="col-lg-4 d-flex section-bg">
                        <img src="{{ asset('images/communes/logos/' . Str::slug($commune->name, '-') . '.jpg') }}" class="rounded-circle commune-img">
                        <div class="mt-2 align-middle">
                            <a href="{{route('portal.communes.show', $commune)}}" class="ms-2">{{ $commune->name }}</a>
                        </div>
                    </div>
                    <div class="col-lg-8 section-bg">
                        <div class="d-flex ">
                            @foreach ($forums as $forum)
                                @if(in_array($commune->id, $forum->getConfirmedParticipations()->pluck('commune_id')->toArray()))
                                    <div class="col-2 ms-1 bg-secondary">
                                        <a class="btn btn-secondary  w-100 h-100" href="{{ route('portal.forums.show', $forum) }}">{{ $forum->annee }}</a>
                                    </div>
                                @else
                                    <div class="col-2 ms-1"></div>
                                @endif
                            @endforeach
                        </div>
                    </div>
                </div>
                @endforeach
            </div>

        </div>
    </section>

</x-portal-layout>