@extends('layouts.master')

@section('body')
@section('content')
<!--=================================
 inner-intro -->
<section class="inner-intro bg-1 bg-overlay-white-70">
	<div class="container">
		<div class="row text-center intro-title">
			<div class="col-md-6 text-md-left d-inline-block">
				<h1 class="text-black">Contact Us </h1>
			</div>
			<div class="col-md-6 text-md-right float-right">
				<ul class="page-breadcrumb">
					<li><a href="#"><i class="fa fa-home"></i> Home</a> <i class="fa fa-angle-double-right"></i></li>
					<li><a href="#">pages</a> <i class="fa fa-angle-double-right"></i></li>
					<li><span>Conatct us 01</span> </li>
				</ul>
			</div>
		</div>
	</div>
</section>

<!--=================================
 inner-intro -->


<!--=================================
 contact -->

<section class="contact page-section-ptb white-bg">
	<div class="container">
		<div class="row">
			<div class="col-md-12" id="submitmsg">
				@if(session()->has('success'))
				<div class="alert alert-success">
										<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>

					{{-- <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> --}}
					<ul class="list list-check">
						<li>Data Submitted</li>{{ session()->get('sucess') }}
					</ul>
				</div>
				@endif
			</div>
			<div class="col-md-12">
				<div class="section-title">
					<span>We’d Love to Hear From You</span>
					<h2>LET'S GET IN TOUCH!</h2>
					<div class="separator" style="display:none;"></div>
				</div>
			</div>
		</div>
		<div class="row">
			{{-- <div class="col-lg-4 col-md-6">
				<div class="contact-box text-center">
					<i class="fa fa-map-marker"></i>
					<h5>Address</h5>
					<p></p>
				</div>
			</div> --}}
			<div class="col-lg-6 col-md-6">
				<div class="contact-box text-center">
					<i class="fa fa-phone"></i>
					<h5>Phone</h5>
					<p>+971 5 CARSBEAT (22772328)</p>
				</div>
			</div>
			<div class="col-lg-6 col-md-6">
				<a href="mailto:contactus@carsbeat.com">
				    <div class="contact-box text-center">
					    <i class="fa fa-envelope-o"></i>
					    <h5>Email</h5>
					    <p> contactus@carsbeat.com</p>
				    </div>
				</a>
			</div>

		</div>
		<div class="page-section-ptb">
			<div class="row">
				<div class="col-lg-12 col-sm-12">

					<div class="row clearfix">

						@if (isset($errors) and $errors->any())
						<div class="col-xl-12">
							<div class="alert alert-danger">
								<button type="button" class="close" data-dismiss="alert"
									aria-hidden="true">&times;</button>
								<h5><strong>{{ t('Oops ! An error has occurred. Please correct the red fields in the form') }}</strong>
								</h5>
								<ul class="list list-check">
									@foreach ($errors->all() as $error)
									<li>{{ $error }}</li>
									@endforeach
								</ul>
							</div>
						</div>
						@endif

						@if (Session::has('flash_notification'))
						<div class="col-xl-12" id="successMessage">
							<div class="row">
								<div class="col-xl-12">
									@include('flash::message')
								</div>
							</div>
						</div>
						@endif

						<div class="col-md-12">
							<div class="contact-form">
								<h5 class="list-title gray mt-0">
									<strong>{{ t('Contact Us') }}</strong>
								</h5>

								<form class="form-horizontal" method="post"
									action="{{ lurl(trans('routes.contact')) }}">
									{!! csrf_field() !!}
									<fieldset>
										<div class="row">

                                                                                        <div class="d-none">
												<input type="text" name="webform">
											</div>

											<div class="col-md-6">
																								<div class="form-group required">
													<input id="first_name" name="first_name" type="text"
														placeholder="{{ t('First Name') }}*"
														class="form-control{{ $firstNameError }}"
														value="{{ old('first_name') }}">
												</div>
											</div>

											<div class="col-md-6">
																								<div class="form-group required">
													<input id="last_name" name="last_name" type="text"
														placeholder="{{ t('Last Name') }}*"
														class="form-control{{ $lastNameError }}"
														value="{{ old('last_name') }}">
												</div>
											</div>

											<div class="col-md-6">
																								<div class="form-group required">
													<input id="phone" name="phone" type="text"
														placeholder="{{ t('Phone') }}*"
														class="form-control{{ $companyNameError }}"
														value="{{ old('phone') }}">
												</div>
											</div>

											<div class="col-md-6">
																								<div class="form-group required">
													<input id="email" name="email" type="text"
														placeholder="{{ t('Email Address') }}*"
														class="form-control{{ $emailError }}"
														value="{{ old('email') }}">
												</div>
											</div>

											<div class="col-md-12">
																								<div class="form-group required">
													<textarea class="form-control{{ $messageError }}" id="message"
														name="message" placeholder="{{ t('Message') }}*"
														rows="7">{{ old('message') }}</textarea>
												</div>

												<div class="g-recaptcha" data-sitekey="{{ env("RECAPTCHA_SITE_KEY") }}"></div>

												<div class="form-group">
													<button type="submit" style="background-color: #db2d2e"
														class="btn btn-danger btn-lg button red">Send your
														message</button>
												</div>
											</div>
										</div>
									</fieldset>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
	</div>
</section>

<!--=================================
 contact -->


<!--=================================
 contact-map -->

<!-- <section class="contact-map">
	<div class="container-fluid">
		<iframe
			src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3224.017231421863!2d-79.43780268425046!3d36.09306798010035!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88532bae09664ccb%3A0xaa6b8f98d3fb8135!2s220+E+Front+St%2C+Burlington%2C+NC+27215%2C+USA!5e0!3m2!1sen!2sin!4v1475045272926"
			allowfullscreen></iframe>
	</div>
</section> -->

<!--=================================
 contact-map -->

@endsection
@section("after_scripts")
<script>
	$(document).ready(function () {
      /* Submit Form */
      $("#submitBtn").click(function () {
        $("#submitmsg").show();
      });
    });
</script>
<script>
setTimeout(function() {
    $('#successMessage').fadeOut('fast');
}, 5000); 

</script>

@endsection