<div id="registred">
    <x-layout.collapse id="delivery_mode" title="Mode de livraison" class="rounded-lg mb-3" uncollapsed=true>
        @include('Shop.Orders.partials.deliveries')
    </x-layout.collapse>

    <x-layout.collapse id="delivery_addresses" title="Adresse de livraison" class="rounded-lg mb-3 d-none"
        uncollapsed=true>
        @include('Shop.Customers.partials.addresses', [
            'addresses' => $customer['delivery_addresses'] ?? [],
            'prefix' => 'deliveries',
            'inputName' => 'delivery_address_id',
            'with_name' => true,
            'selected' => $customer['delivery_address_id'] ?? null,
        ])
        @include('Shop.Orders.partials.shipping')
    </x-layout.collapse>

    <x-layout.collapse id="invoice_addresses" title="Adresse de facturation" class="rounded-lg mb-3" uncollapsed=true>
        @include('Shop.Customers.partials.addresses', [
            'addresses' => $customer['invoice_addresses'] ?? [],
            'prefix' => 'invoices',
            'inputName' => 'invoice[invoice_address_id]',
            'with_name' => true,
            'selected' => $customer['invoice_address_id'] ?? null,
        ])
    </x-layout.collapse>

    <x-layout.collapse id="payment" title="Paiement" class="rounded-lg mb-3" uncollapsed=true>
        @include('Shop.Orders.partials.payments')
    </x-layout.collapse>
</div>
