@section('title', '- Select a shipping address')

@extends('layouts.user-profile')

@section('breadcumb')
    <ol class="breadcrumb">
        <li><a href="/">Home</a></li>
        <li class="active">Select address shipping</li>
    </ol>
@endsection

@section('section-body')
    <h3>Select the delivery address</h3>
    <hr class="hr_user">
    <div class="row">
        @foreach ($addresses->addresses as $address)
            <div class="col-md-4 box-address">
                <h4>{{ $address->address }}</h4>
                <p>{{ $address->zip_code }} {{ $address->city }}. {{ $address->state }}</p>
                <p>{{ $address->street }}</p>
                <p>
                    <a href="{{ url("/shopping-cart/$address->id") }}" class="btn btn-ebit-noborder">Use this address</a>
                </p>
                <p class="buttons">
                    <a href="{{ url("/account/address/edit/$address->id") }}">Edit</a> | <a
                        href="{{ url("/account/address/delete/$address->id") }}">Delete</a>
                </p>
            </div>
        @endforeach
        <div class="col-md-4 box-add">
            <a href="{{ url('/account/address/create') }}">
                <img src="{{ url('/imagenes/add.png') }}" alt="" class="img-responsive">
                <p></p>
                <p>Or you can add a new address</p>
            </a>
        </div>
    </div>
@endsection

@push('js')
    <script src="{{ url('js/user.js') }}"></script>
@endpush