@extends('main',['nobanner' => 1])
@section('styles')
@endsection
@section('content')
	{{-- <section class="full-height-slider type-1">
		<div class="bg bg2 opc7 ready" data-swiper-parallax="50%"></div>
		<div class="table-view mobile-rel-block">
			<div class="table-cell">
				<div class="container no-padd">
					<div class="row vertical-wrap">
						<div class="col-lg-8 col-lg-offset-2 col-sm-12 col-sm-offset-0">
							<div class="empty-lg-80 empty-md-30 empty-sm-20 empty-xs-20"></div>
							<div class="simple-item color-type-1 text-center">
								<div class="main-title">
									<h1 class="h1 caption">{{ __('Book now') }}</h1>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section> --}}
	@php
	$data = get_setting('facility');
@endphp

<section id="slide2-03" class="reservation dark home_2 text-center" >
	<!-- Bg Parallax -->
	<div class="bcg bg8 background33"
	data-center="background-position: 50% 0px;"
	data-bottom-top="background-position: 50% 100px;"
	data-top-bottom="background-position: 50% -100px;"
	data-anchor-target="#slide2-03"
	>
	<!-- Bg Transparent -->
	<div class="bg-transparent padding-100">
		<div class="container">
			<div class="empty-md-60 empty-sm-30 empty-xs-20"></div>
			<div class="empty-md-60 empty-sm-30 empty-xs-20"></div>
			<div class="empty-md-60 empty-sm-30 empty-xs-20"></div>
			<div class="row">
				<div class="main-caption page-style-3 text-center">
					<h1 class="h2 title color-type-1">{!! __('Book your table') !!}</h1>
					<div class="clearfix"></div>
					<img src="{!! asset(theme_url('img/title_sepp_3.png')) !!}" alt="">
					<div class="clearfix"></div>
				</div>
			</div>
			<form class="reserv_form reserv_style2" action="#" method="post">
				<div class="row">
					<div class="col-md-6">
						<div class="form-group">
							<div class="row">
								<div class="col-md-6 col-sm-6 col-sx-12">
									<input name="name2" class="form-control" type="text" placeholder="{!! __('Name') !!} *" required>
									<div class="clearfix"></div>
									<input name="personnum" class="form-control" type="text" placeholder="{!! __('Number of persons') !!}" >
									<div class="clearfix"></div>
									<input name="email2" class="form-control" type="email" placeholder="{!! __('Email') !!}" >
								</div>
								<div class="col-md-6 col-sm-6 col-sx-12">
									<input name="phone" class="form-control" type="tel" placeholder="{!! __('Phone') !!}">
									<div class="clearfix"></div>
									<input name="date" class="form-control" id="datetimepicker" placeholder="{!! __('Booking date') !!}" type="text" /d>
									<i class="fa fa-calendar"></i>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="form-group">
							<textarea name="comment2" placeholder="{!! __('Message') !!}"></textarea>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>
				<div class="row element">
					<div class="clearfix"></div>
					<button class="page-button button-style-1 type-1" name="submit" value="Send" id="reser-submit" type="submit"><span class="txt">{{ __('Book now') }}</span></button>
				</div>
			</form>
			<div class="empty-md-40 empty-sm-30 empty-xs-20"></div>
		</div>
	</div>
</div>
</section>
<section id="slide2-02" class="date-blocks dark text-center">
	<div class="bcg bg4 background31"
	data-center="background-position: 50% 0px;"
	data-bottom-top="background-position: 50% 100px;"
	data-top-bottom="background-position: 50% -100px;"
	data-anchor-target="#slide2-02">
	<div class="bg-transparent ">
		<div class="empty-md-100 empty-sm-30 empty-xs-20"></div>
		<div class="container">
			<div class="row">
				@for ($i=0; $i < 6; $i++)
					<div class="col-md-2 col-sm-6 col-xs-6">
						<div class="block-item">
							<img src="{!! asset(@$data['image'.$i]) !!}" alt="{!! @$data['icon_title'.$i] !!}">
							<h2>{!! @$data['icon_title'.$i] !!}</h2>
							<p>{!! @$data['link_title'.$i] !!}</p>
						</div>
						<div class="empty-md-10 empty-sm-10 empty-xs-10"></div>
					</div>
				@endfor
			</div>
		</div>
		<div class="empty-md-100 empty-sm-30 empty-xs-20"></div>
	</div>
</div>
</section>
@endsection
@section('scripts')
	{!! Html::script(Theme::current()->assetPath.'/js/jquery.validate.js') !!}
	<script type="text/javascript">
		jQuery(document).ready(function($){
			$.validator.messages.required = "{{__('This field is required.')}}";
			$.validator.messages.email = "{{__('Please enter a valid email address.')}}";
			$("#contact-form").validate({
				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