@extends('main')
@section('styles')
	{!! Html::style(Theme::current()->assetPath.'/css/contact-2.css') !!}
@endsection
@section('page-title')
	<section class="navigation">
		<div class="breadcrumbs-wrap">
			<div class="container clearfix">
				<div class="row">
					<div class="col-md-12">
						<h2>
							{{ __('Request Order') }}
						</h2>
						<ul class="breadcrumbs ul--inline ul--no-style">
							<li>
								<a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a>
							</li>
							<span>/</span>
							<li class="active">
								{{ __('Request Order') }}
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection
@section('content')
	<section class="we-are">
		<div class="container">
			<div class="contact-us customer-login bg-white">
				<div class="row justify-content-center ">
					<div class="col-lg-6 col-md-6 col-sm-8 col-lg-offset-3 col-md-offset-3 col-sm-offset-2 col-xs-12 mt-xs-30">
						@if(Session::has('send-success'))
							<div class="alert alert-success alert-dismissable fade in">
								<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
								{!! Session::get('send-success') !!}
							</div>
							<div class="clearfix">  </div>
						@endif
						@if(Session::has('send-error'))
							<div class="alert alert-warning alert-dismissable fade in">
								<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
								{!! Session::get('send-error') !!}
							</div>
							<div class="clearfix">  </div>
						@endif
						<div class="section-title">
							<h2 class="title-footer text-center mb-30">{{ __('Request Order') }}</h2>
						</div>
						<div class="send-message ">
							{!! Form::open(array('route' => 'saveRequestOrder', 'class' => 'form-contact','id' => 'contact-form')) !!}
							<input required name="name" type="text"  placeholder="{{ __('Name') }}" />
							<input required name="phone" type="text"  placeholder="{{ __('Phone') }}" />
							<input required name="email" type="email"  placeholder="{{ __('Email') }}" />
							<textarea required name="message" class="custom-textarea" placeholder="{{ __('Message') }}"></textarea>
							<button type="submit" class="au-btn au-btn--pill au-btn--yellow au-btn--big">{{ __('Submit') }}</button>
							{!! Form::close() !!}
						</div>
					</div>
				</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.')}}";
			$("#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