@extends('front.layouts.master')
<!-- @section('title', 'Daily Reports') -->

@section('content')
@include('recaptcha::script')
<div class="banner-alt home-banner">
	<img src="{{asset('root-assets/images/demo-banner.jpg')}}" alt="demo 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">Request a Demo</h1>
				<p class="text-white f-normal wow fadeInLeft animated" data-wow-delay="0.2s">Schedule a live, personalized product demonstration with one of our US based team members.</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="home-features">
	<div class="container">
		<div class="flex flex-wrap col-grid">
			<div class="col w-100">
				<div class="">
					<div class="section-heading">Request a Live Web Demo</div>
					<div class="section-subheading">One of our US based representatives 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') }}
							<!-- <input class="form-input" type="text" name="p-number"> -->
						</div>
						{{ Form::hidden('invisible', Request::url()) }}
						<div class="col s6 mt-15">
							<label>Company Name</label>
							{!! Form::text('company',Null,['class'=>'form-input', 'id'=>'company']) !!}
                                    {{ $errors->first('company', ':message') }}
							<!-- <input class="form-input" type="email" name="c-name"> -->
						</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-pattern short-video-sec">
	<div class="container">			
		<div class="flex flex-wrap col-grid flex-middle">
			<div class="col s7">
				<div class="short-video-text">
					<p>Rather Watch a Short Video?</p>
					<h3>Here is a Quick Mobile App Demo</h3>
				</div>
			</div>
			<div class="col s5">
				<div class="video-mask" data-popup-open="youtube-video">
					<div class="video-img">
						<a href="https://www.youtube.com/watch?v=OIN36K_D-KI&t=" target="_blank">
							<img src="{{asset('root-assets/images/mobile-application-overview.jpg')}}" alt="" />
							<div class="video-icon">
								<img src="{{asset('root-assets/images/you-t.png')}}" alt="" />
							</div>
						</a>
					</div>
				</div>
			</div>			
		</div>
	</div>
</section>

@endsection
@section('js')
<script>
    $(document).ready(function(){
        $(".triel").on('click',function(){
            $('#myanchor').get(0).click();
        })
    	new WOW().init();             
    })
</script>
<!-- youtube-video Popup -->
<div class="popup popup-type-one" data-popup="youtube-video">
	<div class="popup-inner">
		<div class="popup-header"><h2 class="mt-0 mb-0 text-green f-black text-center mb-20">Mobile application overview</h2></div>
		<div class="popup-max-hgt scrollbar-dynamic">
			<div class="popup-hgt-padding">
				<iframe width="100%" height="315" src="https://www.youtube.com/embed/OIN36K_D-KI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			</div>
		</div>
		<a class="popup-close" data-popup-close="youtube-video" href="#"><img src="{{asset('root-assets/images/cancel.png')}}" alt="" width="12"/><i class="icon-cross"></i></a>
	</div>
	<div class="overlay black overlay-click" data-popup-close="youtube-video"></div>
</div>
@endsection