@if(isset($domainSelected))
    <div class="d-flex flex-column align-items-center justify-content-center">
        <div class="h-auto d-flex w-75 justify-content-center align-items-center flex-column mt-5 mb-5 pt-5 pb-5">
            <x-charts.topTenSuppliersChart/>
        </div>
        <div class="d-flex flex-row w-75 justify-content-around">
            @if(!empty($totalOfSuppliers) && $totalOfSuppliers != 0)
                <h3 class="bg-primary w-25 d-flex justify-content-center text-white p-4 rounded">
                    {{$totalOfSuppliers }} Fournisseurs
                </h3>
            @else
                <h3 class="bg-primary w-25 d-flex justify-content-center text-white p-4 rounded">
                    Aucun fournisseur
                </h3>
            @endif
            @if($averageAmountSuppliersByDomain != null)
                @if (number_format($averageAmountSuppliersByDomain->montant_ht, 2, ',', ' ') > 0)
                    <h3 class="bg-primary w-50 d-flex justify-content-center text-white p-4 rounded">
                        {{number_format($averageAmountSuppliersByDomain->montant_ht, 2, ',', ' ')}} € Montant moyen par
                        fournisseurs
                    </h3>
                    @else
                    <h3 class="bg-primary w-50 d-flex justify-content-center text-white p-4 rounded">
                        Aucun montant moyen par fournisseur
                @endif
            @else
                <h3 class="bg-primary w-50 d-flex justify-content-center text-white p-4 rounded">
                    Aucun fournisseur
                </h3>
            @endif
        </div>
        <div class="h-auto d-flex w-75 justify-content-center align-items-center flex-column mt-5 mb-5 pt-5 pb-5">
            <x-charts.suppliersOffMarketByDomainTab/>
        </div>
    </div>
@else
    <div class="d-flex flex-column align-items-center justify-content-center">
        <h3 class="w-75 d-flex justify-content-center p-4 rounded">
            Merci de choisir un domaine pour afficher les données
        </h3>
    </div>
@endif