@extends('layouts.main')

@section('content')
	<div id="intro">
			<div class="container">
				<div class="intro-text">
					<h1 class="hd-h1">Contact Us</h1>
				</div>
			</div>
		</div>
		<!--END: Intro-->
		<section id="content">
			<div class="contact-content">
				<div class="box-bg">
					<div class="container">
						<div class="row justify-content-center">
							<div class="col-lg-4 col-md-12 col-sm-12 contact-box">
								<i class="fa fa-volume-control-phone"></i>
								<div class="details">
									<h3>@lang('messages.phone')</h3>
									<p>+91-712-2725117, 2726148 <br>
										Fax +91-712-2729030</p>
								</div>
							</div>
							<div class="col-lg-4 col-md-12 col-sm-12 contact-box">
								<i class="fa fa-envelope"></i>
								<div class="details">
									<h3>@lang('messages.email_us')</h3>
									<p>(+0445) 1223567888</p>
								</div>
							</div>
							<div class="col-lg-4 col-md-12 col-sm-12 contact-box">
								<i class="fa fa-map-marker"></i>
								<div class="details">
									<h3>@lang('messages.address')</h3>
									<p>27, New Cotton Market Layout,Nagpur 440018 Maharashtra.</p>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="contact-form-map">
					<div class="container">
						<div class="row">
							<div class="col-lg-6 col-md-6 col-sm-12">
								<div style="width: 100%;position: relative;"><iframe width="562" height="393"
										src="https://maps.google.com/maps?width=562&amp;height=393&amp;hl=en&amp;q=Ankur%20Seeds%20Pvt.%20Ltd.%2027%2C%20New%20Cotton%20Market%20Layout%2C%20Nagpur%20440018%20Maharashtra%20(India)+(Ankur%20Seeds%20Pvt.%20Ltd.%2027%2C%20New%20Cotton%20Market%20Layout%2C%20Nagpur%20440018%20Maharashtra%20(India))&amp;ie=UTF8&amp;t=&amp;z=10&amp;iwloc=B&amp;output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
								<div style="position: absolute;width: 80%;bottom: 10px;left: 0;right: 0;margin-left: auto;margin-right: auto;color: #000;text-align: center;">
								<small style="line-height: 1.8;font-size: 2px;background: #fff;">Powered by <a
												href="http://www.googlemapsgenerator.com/ja/">gmapgen jp</a> & <a
												href="https://energiawiatru.eu/">bio gas</a></small></div>
								<style>
									#gmap_canvas img {
										max-width: none !important;
										background: none !important
									}
								</style>
								</div>
							</div>

							<div class="col-lg-6 col-md-6 col-sm-12">
								@if ($message = Session::get('success'))
								<div class="alert alert-success alert-block">
									<button type="button" class="close" data-dismiss="alert">×</button>	
										<strong>{{ $message }}</strong>
								</div>
								@endif
								<form action="{{ url('/contact-us') }}" class="form" id="myform" enctype="" method="post" name="myform">
									{{csrf_field()}}
									<div class="row">
										<div class="form-group col-lg-6">
											<input type="text" name="name" id="name" class="form-control" placeholder="@lang('messages.name_label')*"  required="required">
										</div>
										<div class="form-group col-lg-6">
											<input type="email" name="email" id="email" class="form-control" placeholder="@lang('messages.email_label')*"  required="required">
										</div>
									</div>
									<div class="form-group row">
										<div class="col-sm-12">
											<input type="text" name="mobile" id="mobile" class="form-control"	placeholder="@lang('messages.mobile_label')*"  required="required">
										</div>
									</div>
									<div class="form-group row">
										<div class="col-sm-12">
											<textarea name="comments" id="message" cols="60" rows="10" placeholder="@lang('messages.message_label')*" class="form-control" required="required"></textarea>
										</div>
									</div>

									<div class="form-group submit">
										<input id="submit" type="submit" class="btn btn-rounded green" value="@lang('messages.submit_btn')">
									</div>
								</form>

							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
	</div>
	<!--END: Container-->
@endsection