@extends('main')
@section('styles')
@endsection
@section('page-title')
	<section class="navigation">
		<div class="breadcrumbs-wrap">
			<div class="container clearfix">
				<div class="row">
					<div class="col-md-12">
						<h2>
							{{ __('Shopping Cart') }}
						</h2>
						<ul class="breadcrumbs ul--inline ul--no-style">
							<li>
								<a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a>
							</li>
							<span>/</span>
							<li>
								<a href="{{ Route('mobily.product.index') }}">{{ __('Products') }}</a>
							</li>
							<span>/</span>
							<li class="active">
								{{ __('Shopping Cart') }}
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection
@section('content')
	<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">
							<section class="col-sm-9 col-xs-12">
								<h2 class="page-heading">
									{!! __('My Account') !!} <small> {!! __('Delivery addresses') !!}</small>
								</h2>
								<div class="col-main">
									<div class="row">
										<div class="col-md-12">
											<div class="block-title">
												<h2>{!! __('Modify Access Address') !!}
												</h2>
											</div>
											<div class="new-address" >
												<form class="chk-form"  role="form" method="POST" action="{{ Route('mobily.client.save.address') }}">
													{{ csrf_field() }}
													<input type="hidden" name="id" value="{{ $address->id }}">
													<div class="row">
														<div class="col-md-3">
															<label for="phone">{{ __('Mobile number') }}</label>
														</div>
														<div class="col-md-6">
															<input class="input-text placeh2" required name="phone" type="text" placeholder="{{ __('Mobile number') }}" value="{!! $address->phone !!}" />
														</div>
													</div>
													<div class="row">
														<div class="col-md-3">
															<label for="city">{{ __('City / District') }}</label>
														</div>
														<div class="col-md-6">
															<input class="input-text placeh2" required name="city" type="text" placeholder="{{ __('City / District') }}" value="{!! $address->region !!}"/>
														</div>
													</div>
													<div class="row">
														<div class="col-md-3">
															<label for="city">{{ __('Destination') }}</label>
														</div>
														<div class="col-md-6">
															<select class="input-text" name="destination_id" id="destination_id" required>
																<option value="">{{ __('Select destination') }}</option>
																@foreach ($destinations as $destination)
																	<option @if ($destination->id == $address->destination_id)
																		selected
																	@endif value="{{ $destination->id }}" data-amount="{{ $destination->amount }}">{{ $destination->title }}</option>
																@endforeach
															</select>
														</div>
													</div>
													<div class="row">
														<div class="col-md-3">
															<label for="address">{{ __('Detailed address') }}</label>
														</div>
														<div class="col-md-6">
															<textarea name="address" rows="3" cols="80" class="input-text placeh2" required placeholder="{{ __('Detailed address') }}">{!! $address->address !!}</textarea>
														</div>
													</div>
													<div class="row">
														<div class="col-md-4 col-md-offset-3">
															<button type="submit" class="btn btn-info">{{ __('Save') }}</button>
														</div>
													</div>
												</form>
											</div>
										</div>
										<div class="divider-br"></div>
									</div>
								</div>
							</section>
							<aside class="col-right sidebar col-sm-3 col-xs-12">
								@include('block.account.sidebar')
							</aside>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection
@section('scripts')
	{!! Html::script(Theme::current()->assetPath.'/js/jquery.validate.js') !!}
	<script type="text/javascript">
		(function(){
			$.validator.messages.required = "{{ __('This field is required.') }}";
			$.validator.messages.digits 	= "{{ __('Please enter only digits') }}";
			$.validator.messages.email 		= "{{ __('Please enter a valid email address.') }}";
			$.validator.messages.equalTo 	= "{{ __('Passwords do not match') }}";
			$(".register-form").validate({
				invalidHandler: function(event, validator) {
					var errors = validator.numberOfInvalids();
					if (errors) {
						var message = errors == 1
						? 'You missed 1 field. It has been highlighted'
						: 'You missed ' + errors + ' fields. They have been highlighted';
						$("div.error span").html(message);
						$("div.error").show();
					} else {
						$("div.error").hide();
					}
				}
			});
			$(".chk-form").validate({
				invalidHandler: function(event, validator) {
					var errors = validator.numberOfInvalids();
					if (errors) {
						var message = errors == 1
						? 'You missed 1 field. It has been highlighted'
						: 'You missed ' + errors + ' fields. They have been highlighted';
						$("div.error span").html(message);
						$("div.error").show();
					} else {
						$("div.error").hide();
					}
				}
			});
		})();
	</script>
@endsection