@if (!empty($client['biographie']['intro']) || !empty($client['biographie']['items']))
    <section id="biographie" class="about section light-background">
        <div class="container">
            <div class="row gy-4">

                @if ($photoBio)
                    <div class="col-lg-5 position-relative align-self-start" data-aos="fade-up" data-aos-delay="200">
                        <img
                            src="{{ $clientImg }}/{{ $photoBio }}"
                            alt="{{ $client['photos_accueil'][1]['alt'] ?? ($client['prenom'] . ' ' . $client['nom']) }}"
                            class="img-fluid"
                        >
                    </div>
                @endif

                <div class="col-lg-7 content" data-aos="fade-up" data-aos-delay="100">

                    <div class="container section-title" data-aos="fade-up">
                        <h3>Formation et parcours</h3>
                    </div>

                    @if (!empty($client['biographie']['intro']))
                        <p class="section-intro">{!! $client['biographie']['intro'] !!}</p>
                    @endif

                    @foreach ($client['biographie']['items'] ?? [] as $n => $item)
                        @if (!empty($item['titre']))
                            <div class="accordion-item">
                                <div
                                    class="accordion-title-container"
                                    role="button"
                                    aria-expanded="false"
                                    aria-controls="accordion-bio-content-{{ $n }}"
                                    tabindex="0"
                                >
                                    <h4 class="accordion-title">{{ $item['titre'] }}</h4>
                                    <i class="accordion-toggle bi bi-chevron-right"></i>
                                </div>
                                @if (!empty($item['texte']))
                                    <p id="accordion-bio-content-{{ $n }}" class="accordion-content">
                                        {!! $item['texte'] !!}
                                    </p>
                                @endif
                            </div>
                        @endif
                    @endforeach

                </div>

            </div>
        </div>
    </section>
@endif