@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">
							<section class="col-sm-9 col-xs-12">
								<div class="dashboard">
									<div class="recent-orders">
										<div class="cart-collaterals container-row clearfix">
											<div class="totals col-sm-12 col-xs-12">
												<h3>{!! __('Modify Access Address') !!}</h3>
											</div>

										</div>
									</div>
								</div>
								<div class="col-main">
									<div class="row">
										<div class="col-md-12">

											<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>

						</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