@extends('main')
@section('styles')
@endsection

@section('content')

		<div class="shop-header bg-color--grey fix-head">
			<div class="container space-y--15">
				<div class="row align-items-center">
					<div class="col-9">
						<h1 class="category-title text-right"><a href="{!! route('mobily.account.address') !!}">{!! __('Delivery addresses') !!}</a></h1>
					</div>
					<div class="col-3 text-left">
						<a href="javascript:history.back()" class="back-link">{!! __('Back') !!} <i class="fa fa-long-arrow-left"></i> </a>
					</div>
				</div>
			</div>
		</div>
	<section class="cart-wrap">
		<div class="section-content">
			<div class="container">
				@if (session()->has('success_message'))
					<div class="alert alert-success">
						{{ session()->get('success_message') }}
					</div>
				@endif
				@if (session()->has('error_message'))
					<div class="alert alert-danger">
						{{ session()->get('error_message') }}
					</div>
				@endif
				<div class="main-container col2-right-layout">
					<div class="container">
						<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('mobily.edit.account.address',[$address->id]) !!}" class="pull-left"> <i class="fa fa-edit"></i>  {!! __('Edit') !!}</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('mobily.new.account.address') !!}" class="pull-left"> <i class="fa fa-map-marker"></i>  {!! __('New') !!}</a>
										</div>
									</div>
								</div>
							@endif
						</div>

					</div>
				</div>
			</div>
		</div>
	</section>
@endsection
@section('scripts')

@endsection