@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('components.address', ['prefix' => 'deliveries', 'with_country' => false, 'with_tab' => true])
    </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