@php
    $isShowSection = isset($isShow)
        ? ($isShow ? (isset($eventTracks) && count($eventTracks)) : false)
        : false;
@endphp

@if ($isShowSection)

    <section class="bg-light py-9" id="tracksSection">
        <div class="container">
            <div class="mb-9">
                <div class="d-flex">
                    <div class="bg-primary text-uppercase text-white radius-start-end-50 fs-28 fw-bold px-3">
                        {{ __('app.Interesting Content in') }}
                        <span class="px-2"></span>
                    </div>
                </div>

                <div class="d-flex">
                    <div class="bg-event-color text-uppercase text-white radius-end-end-50 fs-26 px-3 pe-7">
                        {{ count($eventTracks) }} {{ __('app.Different tracks') }}!
                        <span class="px-2"></span>
                    </div>
                </div>
            </div>

            <div class="d-flex flex-wrap justify-content-center gap-3">
                @foreach ($eventTracks as $track)
                    <div class="text-center one-track mb-3">
                        @if ($track->icon)
                            <div class="mb-3 img-container">
                                <img class="img-fluid mx-auto" src="{{ asset('storage/'.$track->icon) }}" alt="{{ $track->name }}" />
                            </div>
                        @endif

                        <div class="color1 text-capitalize text-wrap fs-16 lh-sm">{{ $track->name }}</div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>

@endif