@extends('main')
@section('styles')
@endsection
@section('page-title')
@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') }} <span>/</span></a>
							</li>
							<li>
								{{ __('Contact us') }}
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="main-container col2-right-layout">
			<div class="main container">
				<div class="row">
					<div class="col-sm-8 col-xs-12">
						<div class="col-main">
							<h2 class="page-heading">{{ __('Contact us') }} <span class="page-heading-title">( {{ __('Support 24/7') }} )</span> </h2>
							<div class="blog-wrapper" id="main">
								<div class="site-content" id="primary">
									<div role="main" id="content">
										<div class="entry-content">
											{!! @$article->content !!}
										</div>
										{!! Form::open(array('route' => 'save.contact', 'class' => 'form-contact','id' => 'contact-form')) !!}
										<article class="blog_entry">
											<div class="row">
												<div class="col-md-6 col-sm-12 col-xs-12">
													<input class="input-text" required name="name" type="text"  placeholder="{{ __('Name') }}" />
													<input class="input-text" required name="email" type="email"  placeholder="{{ __('Email') }}" />
													<input class="input-text" required name="phone" type="text"  placeholder="{{ __('Phone') }}" />
												</div>
												<div class="col-md-6 col-sm-12 col-xs-12">
													<textarea required name="message" class="custom-textarea" placeholder="{{ __('Message') }}"></textarea>
													<button type="submit" title="Submit" class="button view-cart"> <span> {{ __('Submit') }} </span> </button>
												</div>
											</div>
										</article>
										{!! Form::close() !!}
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-right sidebar col-sm-4 col-xs-12">
						<h2 class="page-heading"><span class="page-heading-title">{{ __('Contact Info') }}</span> </h2>
						<ul class="footer-contact dark">
							<li><i class="fa fa-location-arrow"></i>{{ @$data['address'] }}</li>
							<li><i class="fa fa-envelope-o"></i><a href="mailto:{{ Html::email(@$data['email']) }}">{!! Html::email(@$data['email']) !!}</a></li>
							<li><i class="fa fa-mobile"></i><a href="tel:{{ @$data['mobile']}}">
								{{ @$data['phone']}}
							</a></li>
							<li><i class="fa fa-phone"></i><a href="tel:{{ @$data['phone']}}">
								{{ @$data['phone']}}
							</a></li>
						</ul>
						<div class="social-footer">
							@widget('SocialMedia')
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="widget_wrapper13">
						@if (@$data['gmap'])
							{!! @$data['gmap'] !!}
						@endif
					</div>
				</div>
			</div>
		</div>
	@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