@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/banner-photo.jpg')}}" alt="banner-photo">
	<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">Photo Management automated</h1>
				<p class="text-white f-normal wow fadeInLeft animated" data-wow-delay="0.2s">Simply add photos to your reports. Our photo gallery makes jobsite photos easy to view and download.</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>
				<p class="text-white f-normal wow fadeInLeft animated mt-20 cursor-pointer" data-popup-open="youtube-video" data-wow-delay="0.2s"><img src="{{asset('root-assets/images/you-t.png')}}" style="width: 50px" class="mr-10">Watch: Photo Management</p>
			</div>	            
		</div>
	</div>
</div>
<section class="home-features">
	<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/photo.png')}}" />
					</div>
					<div class="wow col s10 fadeInLeft animated" data-wow-delay="0.2s">
						<p class="section-heading">Capture and Upload</p>
						<p>Take pictures with your device or load images saved on your device to your notes. All images saved on a project can be viewed and downloaded by logging into our web portal and viewing that project’s photo gallery.</p>				
						<p class="f-normal wow fadeInLeft animated mt-20 cursor-pointer" data-popup-open="youtube-video" data-wow-delay="0.2s"><img src="{{asset('root-assets/images/you-t.png')}}" style="width: 30px" class="mr-10">Watch: Mobile App Overview</p>
					</div>
				</div>
				<div class="daily-report-points">
					<ul>
						<li>								
							
						</li>							
					</ul>
				</div>
			</div>
			<div class="col s5 home-features-img">
				<img class="right" src="{{asset('root-assets/images/photo-graphic.png')}}">
			</div>
		</div>
	</div>
</section>

<section class="home-request">
	<div class="container">
		<div class="flex flex-wrap col-grid">
			<div class="col w-100">
				<div class=" request-demo">
					<div class="section-heading text-white">Request a Demo</div>
					<div class="section-subheading text-white">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">
							<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">
							<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 bg-white fs-13 box-shadow text-orange mt-20">Submit</button>
						</div>
					</div>
					{{Form::close()}}
				</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">Photo Management Explainer Video</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/TgXcdybzooU" 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