@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>
							{!! __("Checkout") !!}
						</h2>
						<ul class="breadcrumbs ul--inline ul--no-style">
							<li>
								<a href="{{ Route('site.home.page') }}">{{ __('Home') }}</a>
							</li>
							<span>/</span>
							<li>
								<a href="{{ url('cart') }}">{{ __('Shopping cart') }}</a>
							</li>
							<span>/</span>
							<li class="active">
								{!! __("Checkout") !!}
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection
@section('content')
	<section class="sign-in-page">
		<div class="section-content">
			<div class="">
				@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
			</div>
		</div>
	</section>
@endsection
	@section('scripts')

	    <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