@extends('main')
@section('styles')
@endsection
@section('page-title')
@endsection

	@section('content')
		<div class="breadcrumbs">
			<div class="container">
				<div class="row">
					<div class="col-xs-12">
						<ul>
							<li class="home">
								<a href="{{ Route('site.home.page') }}">{{ __('Home') }} <span>/</span></a>
							</li>
							<li>
								{!! __('Delivery addresses') !!}
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="main-container col2-right-layout">
			<div class="main container">
				<div class="row">
					@if (isDesktop())
						<div class="col-right sidebar col-sm-3 col-xs-12">
							@include('block.account.sidebar')
						</div>
					@endif
					<div class="col-sm-9 col-xs-12">
						<div class="col-main">
							<div class="dashboard">
								@if (session()->has('success'))
									<div class="alert alert-success">
										{{ session()->get('success') }}
									</div>
								@endif
								@if (session()->has('error'))
									<div class="alert alert-danger">
										{{ session()->get('error') }}
									</div>
								@endif
								<h2 class="page-heading">
									{!! __('My account') !!} <small> {!! __('Delivery addresses') !!}</small>
								</h2>
								<div class="row">
									@foreach (\Auth::user()->addresses as $key => $address)
										<div class="col-md-4">
											<div class="block block-compare" for="delivery-address{!! $key !!}" data-id="{!! Optional($address->destination)->amount+ rand(10,50) !!}" data-city="{!! Optional($address->destination)->title !!}">
												<div class="block-title">
													<span>{!! $address->region !!}</span>
												</div>
												<div class="block-content sam">
													<div class="blktxt">
														<i class="fa fa-check chk"></i>
														<span>{!! Optional($address->destination)->title !!}</span>
														<br>
														{!! $address->address !!}
													</div>
													<a href="{!! route('edit.account.address',[$address->id]) !!}" class="pull-left"> <i class="fa fa-edit"></i>  {!! __('Edit') !!}</a>
													{{-- <a href="{!! route('delete.account.address',[$address->id]) !!}" class="pull-right remove"> <i class="fa fa-trash-o"></i> {!! __('Remove') !!}</a> --}}
												</div>
											</div>
										</div>
									@endforeach
									@if (count(\Auth::user()->addresses) < 4 )
										<div class="col-md-4">
											<div class="block cks block-compare">
												<div class="block-title "><span>{!! __('New address') !!}</span></div>
												<div class="block-content sam">
													<div class="blktxt">
														<i class="fa fa-check chk"></i>
														{!! __('Add new address') !!}
													</div>
													<a href="{!! route('new.account.address') !!}" class="pull-left"> <i class="fa fa-map-marker"></i>  {!! __('New') !!}</a>
												</div>
											</div>
										</div>
									@endif
								</div>
							</div>
						</div>
					</div>
				</div>
				@if (!isDesktop())
					<div class="col-right sidebar col-sm-3 col-xs-12">
						@include('block.account.sidebar')
					</div>
				@endif
			</div>
		</div>
	@endsection
	@section('scripts')
		<script type="text/javascript">
			jQuery(document).ready(function($){
				$('.blktxt').matchHeight({
					byRow: true,
					property: 'height',
					target: null,
					remove: false
				});
			});
		</script>
	@endsection