@extends('main')
@section('styles')
	<style media="screen">
	</style>
@endsection
@section('body_class') class="shopping-cart-page" @endsection
	@section('content')
		<div class="breadcrumbs">
			<div class="container">
				<div class="row">
					<div class="col-xs-12">
						<ul>
							<li class="home">
								<a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a>
								<span>/</span>
							</li>
							<li>
								<a href="{{ Route('mobily.product.index') }}">{{ __('Products') }}</a>
								<span>/</span>
							</li>
							<li>
								<a href="{{ Route('mobily.cart.index') }}">{{ __('Cart') }}</a>
								<span>/</span>
							</li>
							<li >
								{{ __('Checkout') }}
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="main-container col2-right-layout">
			<div class="container">
				<div class="row">
					<div class="col-sm-9 col-xs-12">
						<div class="col-main">
							<div class="block-title">
								<h2>{!! __('Checkout') !!} </h2>
							</div>

							<div class="cart-collaterals row">
								<div class="totals col-sm-4">
									<div class="inner">
										<table class="table shopping-cart-table-total" id="shopping-cart-totals-table">
											<tbody>
												<tr>
													<th class="a-left" > {!! __('Subtotal') !!} </th>
													<td class="a-right" ><span class="price pull-right">{{ Cart::instance('default')->subtotal(false,false,false) }}</span></td>
													<td>{{ __('EGP') }}</td>
												</tr>
												<tr>
													<th class="a-left" > {{ __('Delivery') }} </th>
													<td class="a-right" ><span class="pull-right text-right" id="amount_id">{{ $location->amount }}</span></td>
													<td>{{ __('EGP') }}</td>
												</tr>

												<tr>
													<th class="a-left" > {{ __('Order Total') }} </th>
													<td class="a-right" ><span class="pull-right text-right span-total" id="span-total" data-cart="">{{ floatval(Cart::instance('default')->subtotal(false,false,false)+$location->amount) }} </span></td>
													<td>{{ __('EGP') }}</td>
												</tr>
												<tr>
													<th class="a-left" > {!! __('Destination') !!} </th>
													<td class="a-right" ><span class="pull-right text-right">{{ $location->title }}</span></td>
													<td class="a-left">&nbsp;</td>

												</tr>
											</tbody>
											
										</table>

									</div>
								</div>
								<div class="totals col-sm-8">
									<div class="inner">
										<h3>{!! __('Send data request') !!}</h3>
										<div class="static-contain">
											{!! Form::open(array('route' => 'checkout.cart', 'method' => 'POST','class' => 'mb-0','id' => 'address-form')) !!}
											<fieldset class="group-select">
												<ul>
													<li>
														<fieldset>
															<input type="hidden" name="location" id="location" value="{{ $location->id }}">
															<input type="text" class="form-control input-text" id="name" name="name" placeholder="{{ __('Name') }}:" required />

															<input type="text" class="form-control input-text" id="phone" name="phone" placeholder="{{ __('Phone') }}:" required />

															<input type="email" class="form-control input-text" id="email" name="email" placeholder="{{ __('Email') }}:" />

															<textarea class="form-control input-text" id="address" name="address" rows="2" placeholder="{{ __('Detailed address') }}" required></textarea>

														</fieldset>
													</li>
													<div class="buttons-set">
														<button type="submit" title="Submit" class="button "> <span> {!! __('Send the request') !!} </span> </button>
													</div>
												</ul>
											</fieldset>
											{!! Form::close() !!}
										</div>






									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-right sidebar col-sm-3 col-xs-12">
						<div class="widget_wrapper13">

							@widget('ListCategoriesMenu')

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

	{!! Html::script(Theme::current()->assetPath.'/js/jquery.validate.min.js') !!}
 {!! Html::script(Theme::current()->assetPath.'/js/jquery.validate.ar.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') }}";
				$("#address-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