@extends('main')
@section('styles')
	<style media="screen">
	</style>
@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') }}</a>
								<span>/</span>
							</li>
							<li>
								<a href="{{ Route('product.index') }}">{{ __('Products') }}</a>
								<span>/</span>
							</li>
							<li >
								{{ __('Shopping cart') }}
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<section class="main-container col1-layout">
			<div class="main container">
				<div class="block-title">
					<h2>{{ __('Shopping cart') }} </h2>
				</div>
				<div class="col-main">
					<div class="cart">
						@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
						@if (sizeof(Cart::instance('default')->content()) > 0)
							<div class="cart-collaterals row">
								<div class="col-sm-4">
									<h3>{!! __('Purchases') !!}</h3>
									@widget('Sidebar\ReceiptCart')
								</div>
								<div class="col-sm-4">
									<div class="shipping">
										<h3>{!! __('Place of delivery') !!}</h3>
										<div class="shipping-form">
											{!! Form::open(array('route' => 'checkout.save', 'method' => 'POST','class' => 'mb-0','id' => 'add-form')) !!}
											<div class="row">
												<div class="col-md-12">
													<div class="col-main">
														<div class="page-title2">
															{!! __('Delivery address') !!}
														</div>
													</div>
													<ol class="one-page-checkout" id="checkoutSteps">
														<li id="opc-billing" class="section allow ">
															@foreach (\Auth::user()->addresses as $key => $address)
																<div class="step a-item" data-id="{!! $address->id !!}" data-amount="{!! Optional($address->destination)->amount !!}">
																	<label class="form-check-label" for="delivery-address{!! $key !!}">
																		<p class="one_page_heading">{!! $address->region !!}</p>
																		<b>{!! $address->phone !!}</b>
																		<br>
																		<b>{!! $address->address !!}</b>
																	</label>
																	<input class="radio check-input" type="radio" name="delivery_address" id="delivery-address{!! $key !!}" @if ($loop->first)
																		checked
																	@endif value="{!! @$address->id !!}" data-id="{!! Optional($address->destination)->amount !!}" data-city="{!! @$address->destination->title !!}">
																</div>
															@endforeach
															<div class="step a-item">
																<label class="form-check-label" for="delivery-addres00">
																	<p class="one_page_heading">{!! __('Place New Delivery') !!}</p>
																</label>
																<input class="radio check-input" type="radio" name="delivery_address" id="delivery-addres00" value="0">
																<div class="new-address" style="display:none">
																	<div class="row">
																		<div class="col-md-12">
																			<input class="form-control unicase-form-control text-input" required name="phone" type="text" placeholder="{{ __('Mobile number') }}" />
																		</div>
																		<div class="col-md-12">
																			<input class="form-control unicase-form-control text-input" required name="city" type="text" placeholder="{{ __('City / District') }}" />
																		</div>
																		<div class="col-md-12">
																			<label for="city">{{ __('Destination') }}</label>
																		</div>
																		<div class="col-md-12">
																			<select class="form-control unicase-form-control text-input" name="destination_id" id="destination_id" required>
																				<option value="">{{ __('Select destination') }}</option>
																				@foreach ($destinations as $destination)
																					<option value="{{ $destination->id }}" data-amount="{{ $destination->amount }}">{{ $destination->title }}</option>
																				@endforeach
																			</select>
																		</div>
																		<div class="col-md-12">
																			<textarea name="address" rows="3" cols="80" class="form-control unicase-form-control text-input" required placeholder="{{ __('Detailed address') }}"></textarea>
																		</div>
																	</div>
																</div>
															</div>
														</li>
													</ol>
												</div>
												<div class="col-md-12">
													<div class="col-main">
														<div class="page-title2">
															{!! __('Payment method') !!}
														</div>
													</div>
													<ol class="one-page-checkout" id="checkoutSteps">
														<li id="pay-billing" class="section allow ">
															<div class="step a-item">
																<label class="form-check-label">
																	{!! __('Cash on delivery') !!}
																</label>
																<input class="radio check-input" type="radio" name="delivery_pay" checked>
															</li>
															<li id="pay-billing" class="section allow ">
																<div class="step a-item">
																	<label class="form-check-label">
																		{!! __('Pay using visa') !!}
																	</label>
																	<input disabled class="radio check-input" type="radio" name="delivery_pay" >
																</li>
															</ol>
															<div class="text-center">
																<span><img src="{!! asset('images/cash-delivery.png') !!}" width="100"></span>
																<span><img src="{!! asset('images/visa.png') !!}" width="100"></span>
																<span><img src="{!! asset('images/master.png') !!}" width="100"></span>
															</div>
														</div>
														<input type="hidden" name="location" id="location" value="">
														<button class="button btn-proceed-checkout" title="Proceed to Checkout" type="submit"><span>{!! __('Proceed to Checkout') !!}</span></button>
														{!! Form::close() !!}
													</div>
												</div>
											</div>
										</div>
										<div class="col-left sidebar col-sm-4">
											@widget('Sidebar\DeliveryReturns')
										</div>
									@else
										<div class="cart-collaterals row">
											<div class="totals col-sm-4 col-sm-offset-4">
												<h3>{{ __('You have no items in your Shopping cart') }}</h3>
												<div class="inner-30">
													<ul class="checkout">
														<li >
															<a href="{{ Route('product.index') }}" class="button btn-proceed-checkout">{{ __('Continue Shopping') }} </a>
														</li>
													</ul>
												</div>
											</div>
										</div>
									@endif
								</div>
							</div>
						</div>
					</section>
				@endsection
				@section('scripts')
					{!! Html::script(Theme::current()->assetPath.'/js/jquery.validate.js') !!}
					<script type="text/javascript">
						jQuery(document).ready(function($){
							$('#destination_id').on("change",function(){
								var amount = $(':selected', this).data('amount');
								var city = $(':selected', this).text();
								$('#amount_id').html(amount);
								$('#city_id').html(" ({!! __('To') !!} "+city + " )");
								$('#delivery').val(amount);
								var sum = {{ floatval(Cart::instance('default')->subtotal(false,false,false)) }} ;
								sum +=amount;
								$('.span-total').html(sum+ ' ' + "{{ __('EGP') }}");
							});
							$('input[type="radio"]').click(function(){
								if ($(this).is(':checked'))
								{
									if ($(this).val() == 0) {
										$('.new-address').show();
										$('.unicase-form-control').prop('required',true);
									}
									else {
										$('.new-address').hide();
										$('#amount_id').html($(this).data('id'));
										var city = $(this).data('city');
										$('#city_id').html(" ({!! __('To') !!} "+city + " )");
										$('.unicase-form-control').prop('required',false);
									}
								}
							});
							$.validator.messages.required = "{{__('This field is required.')}}";
							$.validator.messages.email = "{{__('Please enter a valid Email.')}}";
							$("#add-form").validate({
								rules: {
									delivery_address: { // <- NAME of every radio in the same group
										required: true
									}
								},
								invalidHandler: function(event, validator) {
									// 'this' refers to the form
									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