@extends('front.layouts.master')

@section('content')
@include('recaptcha::script')
<div class="banner-alt home-banner">
        <img src="{{asset('root-assets/images/contact-banner.jpg')}}" alt="contact banner">
        <div class="banner-about-txt">
         	<div class="flex flex-wrap col-grid flex-middle">
	            <div class="col s6 banner-conent">
					<h1 class="text-white wow fadeInLeft animated main-heading" data-wow-delay="0.4s">We are here to help</h1>
	                <p class="text-white f-normal wow fadeInLeft animated" data-wow-delay="0.2s">We Tyically Respond within 24 hours.</p>
					<a class="btn btn-green fs-13 wow fadeInLeft animated" data-wow-delay="0.5s" href="https://www.constructiondailyreports.com/user/login" target="_blank">15 Day Free Trial</a>
	            </div>	            
		    </div>
        </div>
    </div>
	<section class="bg-pattern">
		<div class="container">
			<div class="flex flex-wrap col-grid">
				<div class="col w-100">
					<div class="">
						<div class="section-heading">How Can We Help?</div>
						<div class="section-subheading">One of our US based representative will reach out to you as soon as possible!
						</div>
						{{Form::open(['route'=>['contact'],'data-parsley-validate'])}}
						<div class="flex flex-wrap col-grid">						
							<div class="col s6">
								<label>Name</label>
								{!! Form::text('name',Null,['class'=>'form-input','id'=>'name']) !!}
                                    {{ $errors->first('name', ':message') }}
								<!-- <input class="form-input" type="text" name="name"> -->
							</div>
							<div class="col s6">
								<label>Email Address</label>
								{!! Form::email('email',Null,['class'=>'form-input', 'id'=>'email']) !!}
                                    {{ $errors->first('email', ':message') }}
								<!-- <input class="form-input" type="email" name="email-address"> -->
							</div>
							<div class="col s6 mt-15">
								<label>Phone Number</label>
								{!! Form::number('phone',Null,['class'=>'form-input', 'id'=>'phone']) !!}
                                    {{ $errors->first('phone', ':message') }}
							</div>
							<div class="col s6 mt-15">
								<label>Company Name</label>
								{!! Form::text('company',Null,['class'=>'form-input', 'id'=>'company']) !!}
                                    {{ $errors->first('company', ':message') }}
							</div>
							<div class="col s12 mt-15">
								<label>Description</label>
								{!! Form::textarea('description',Null,['class'=>'form-textarea', 'id'=>'description']) !!}
								<!-- <textarea class="form-textarea"></textarea> -->
							</div>
							<div class="col s6 mt-15">
							@include('recaptcha::widget')
                                    {{ $errors->first('g-recaptcha-response', ':message') }}
							</div>
							<div class="col w-100 text-center">
								<button class="btn btn-orange fs-15 box-shadow mt-20">Submit</button>
							</div>
						</div>
						{{Form::close()}}
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="bg-lightgray">
		<div class="container">			
			<div class="flex flex-wrap col-grid flex-middle">
				<div class="col s7 home-features-content">					
					<div class="flex flex-wrap col-grid">
						<div class="col s2">
							<img class="right w-100" src="{{asset('root-assets/images/contact.png')}}" />
						</div>
						<div class="wow col s10 fadeInLeft animated" data-wow-delay="0.2s">
							<p class="section-heading text-orange">Feel free to call us directly at <a class="text-black fs-45 d-block" href="tel:619-631-8820">619-631-8820</a> to speak with a representative for a faster response.</p>
							<p class="text-black f-700">Mon - Fri 7am-4pm PST.</p>
						</div>
					</div>					
				</div>
				<div class="col s5 home-features-img">
					<img class="right" src="{{asset('root-assets/images/graphic-contact.png')}}">
				</div>
			</div>
		</div>
	</section>
@endsection