@foreach ($addresses ?? [] as $address)
    <div class="row mt-3">
        <div class="col-1">
            <x-form.radios.icheck name="address_id" val="{{ $address['id'] }}" id="address_{{ $address['id'] }}"/>
        </div>
        <div class="col-11">
            {{ $address['address'] }}<br/>
            @if ($address['address2'])
                {{ $address['address2'] }}<br/>
            @endif
            {{ $address['zipcode'] }} {{ $address['city'] }}
        </div>
    </div>
@endforeach

<div id="add_address_container" class="green-dark d-none mb-3 mt-3">
    <x-card classBody="bg-green-dark yellow" title="Nouvelle adresse">
        @include('Shop.Customers.partials.address', [
            'prefix' => 'deliveries',
            'with_country' => false,
            'with_tab' => true,
            'label' => 'Adresse',
        ])
    </x-card>
</div>

<div class="row">
    <div class="col-12 text-right">
        <x-form.button id="add_address" icon="fa-plus" txt="Ajouter une adresse" class="btn-warning btn-sm" />
    </div>
</div>

@push('js')
    <script>
        $('#add_address').click(function() {
            $('#add_address_container').toggleClass('d-none');
        })
    </script>
@endpush