Store buy : Tabs content

<p class="font-medium tracking-tightened text-text-light">

    Trouvez rapidement votre véhicule d’occasion en stock

</p>

<form action="">

    <div class="form-element text w-full hidden md:block">

        <input name="search" class="form-input form-input--search pr-13 w-full" id="search" type="text" title="Nom" placeholder="Marque, modèle ou mot clé" pattern="\S+">

        <span><?= icon('search', 'text-background-dark w-4.5'); ?></span>

    </div>

    <div x-data="buttonFiltersList" @resize.window="resize()" class="flex items-center gap-3.5 md:gap-2.5 md:mt-4">

        <div x-ref="labelWrapper" class="flex-1 overflow-hidden" :class="{'flex-1': !loadedLabel}">

            <div x-ref="skeleton" :class="{'hidden': loadedLabel}" class="skeleton h-[47px] w-full"></div>

            <div x-ref="labels"

                 :class="{

                    'md:flex': loadedLabel,

                    'md:hidden': !loadedLabel

                 }"

                 class="overflow-hidden relative items-center gap-3.5 md:gap-2.5 hidden md:hidden"

            >

                <button @click="$dispatch('openFilter', 'brand')" class="filter-pill border-ui px-5 hover:bg-ui-light">

                    <span>Marque</span>

                </button>

                <button @click="$dispatch('openFilter', 'model')" class="filter-pill border-ui px-5 hover:bg-ui-light">

                    <span>Modèle</span>

                </button>

                <button @click="$dispatch('openFilter', 'budget')" class="filter-pill border-ui px-5 hover:bg-ui-light">

                    <span>Budget</span>

                </button>

                <button @click="$dispatch('openFilter', 'vehicle-type')" class="filter-pill border-ui px-5 hover:bg-ui-light">

                    <span>Type de véhicule</span>

                </button>

                <button @click="$dispatch('openFilter', 'energy')" class="filter-pill border-ui px-5 hover:bg-ui-light">

                    <span>Energie</span>

                </button>

                <button @click="$dispatch('openFilter', 'year')" class="filter-pill border-ui px-5 hover:bg-ui-light">

                    <span>Année</span>

                </button>

                <button @click="$dispatch('openFilter', 'mileage')" class="filter-pill border-ui px-5 hover:bg-ui-light">

                    <span>Kilométrage</span>

                </button>

                <button @click="$dispatch('openFilter', 'label')" class="filter-pill border-ui px-5 hover:bg-ui-light">

                    <span>Label</span>

                </button>

            </div>

        </div>

        <button @click="$dispatch('openFilter')" class="filter-pill border-ui px-5 hover:bg-ui-light" :class="{'flex-1': loadedLabel}">

            <span class="md:hidden">Filtrer</span>

            <span class="hidden md:block">Tous les filtres</span>

        </button>

        <button class="filter-pill bg-primary-accent text-white hover:bg-primary px-7.5">

            <?= icon('search'); ?>

        </button>

    </div>

</form>

<p class="font-medium tracking-tightened text-text-light">

    Trouvez rapidement votre véhicule neuf en stock dans nos 65 concessions

</p>