<nav>
    <div class="nav nav-tabs pl-2">
        <a href="#deliveries" data-toggle="tab" class="nav-item nav-link active" role="tab" aria-controls="deliveries"
            aria-selected="true">
            MON MODE D'ACHAT
        </a>
        <a href="#invoices" data-toggle="tab" class="nav-item nav-link" role="tab" aria-controls="invoices"
            aria-selected="false">
            FACTURES ET SUIVI DE COMMANDES
        </a>
    </div>
</nav>

<div class="tab-content">
    <div class="tab-pane fade show active pt-0 pb-0" id="deliveries">
        <x-card classBody="bg-light">
            @include('Shop.Customers.partials.deliveries')
        </x-card>
    </div>
    <div class="tab-pane fade show pt-0 pb-0" id="invoices">
        <x-card classBody="bg-light">
            @include('Shop.Customers.partials.invoices')
        </x-card>
    </div>
</div>
