@section('title', '- Addresses')

@extends('layouts.user-profile')

@section('breadcumb')
    @include('layouts.partials.breadcumb', ['page' => 'Addresses'])
@endsection

@section('section-body')

    <div class="col-md-4 box-address box-add">
        <a href="{{ url('/account/address/create') }}">
            <img src="{{ url('/imagenes/add.png') }}" alt="" class="img-responsive">
            <p></p>
            <p>Add Address</p>
        </a>
    </div>
    @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 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
@endsection

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