@extends('welcome')

@section('content')

<section class="switchable bg--secondary space--md backgroundBdy">
			<div class="contact-info">
				<div class="container">
				<div class="row">
					<div class="col-md-12"> 
						<h2 class="title-head pdB-00">Contact   <span> - US 	</span></h2>
						<div class="seperator">
							<span><i class="fa fa-clipboard"></i></span>
						</div>		
					</div> 		
				 
					<div class="contact-info-wrapper clearfix">
						<div class="col-md-4 col-sm-4 col-xs-12">
							<div class="contact-item-wrapper">
								<h4>Address</h4>
								<div class="info">
									<div class="icon">
										<i class="fa fa-map-marker"></i>
									</div>
									<p>H NO 34, VILLAGE REHNWA, MANESAR, GURGAON, HARYANA - 122502, INDIA</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-sm-4 col-xs-12">
							<div class="contact-item-wrapper">
								<h4>Help-line</h4>
								<div class="info">
									<div class="icon">
										<i class="fa fa-phone"></i>
									</div>
									<p>Phone:+91- 8447533315, 9650199931<br>
										<br></p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-sm-4 col-xs-12">
							<div class="contact-item-wrapper">
								<h4>E-mail</h4>
								<div class="info">
									<div class="icon">
										<i class="fa fa-paper-plane"></i>
									</div>
									<p>support@bhashalekhan.com
										<br> info@bhashalekhan.com</p>
								</div>
							</div>
						</div>
					</div>
					
				</div>
				</div>
			</div>
			<div class="contact-form-wrapper">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<form id="contactForm" action="{{route('ContactEmailSend')}}" method="post" class="contact-form" data-toggle="validator" novalidate="true">
								 {{ csrf_field() }}
								@if (count($errors) > 0)
								<div class="alert alert-danger">
									<strong>Whoops!</strong> There were some problems with your input.								
											@foreach ($errors->all() as $error)
												<p>{{ $error }}</p>
											@endforeach								
								</div>
								@endif

								@if(session()->has('message'))
								    <div class="alert alert-success">
								        {{ session()->get('message') }}
								    </div>
								@endif

								<div class="row">
									<div class="col-md-6 col-xs-12">
										<div class="row">
										
											<div class="col-md-12">
												<div class="form-group">
												      <label for="sel1">Select type :</label>
														  <select class="form-control" id="sel1" name="query_type">
															<option value="1">Contact Us</option>
															<option value="2">Complaint</option>
														  </select>
												</div>
											</div>
											
											<div class="col-md-12">
												<div class="form-group">
													<input type="text" class="form-control" id="name" name="name" placeholder="Full Name" required="" data-error="Please enter your name">
													 
												</div>
											</div>
											<div class="col-md-12">
												<div class="form-group">
													<input type="email" class="form-control" id="email" name="email" placeholder="Email" required="" data-error="Please enter your email">
													 
												</div>
											</div>
											<div class="col-md-12">
												<div class="form-group">
													<input type="text" class="form-control" id="msg_subject" name="subject" placeholder="Subject" required="" data-error="Please enter your subject">
													 
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-6 col-xs-12">
										<div class="row">
											<div class="col-md-12">
												<div class="form-group">
													<textarea class="form-control" name="message" id="message" placeholder="Message" rows="9" data-error="Write your message" required=""></textarea>
													 
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-12 col-xs-12">
										<button type="submit" id="submit" class="btn btn-common" style="pointer-events: all; cursor: pointer;">Send Message</button>
										<div id="msgSubmit" class="h3 text-center hidden"></div>
										<div class="clearfix"></div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</section>	
		<iframe src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d1751.787902902971!2d77.3209583080665!3d28.582498045609416!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sa82+near+Sector+4%2C+Noida%2C+Uttar+Pradesh!5e0!3m2!1sen!2sin!4v1540024321205" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen=""></iframe>
      

@endsection