@extends('frontend.layout.master')

@section('title')
FSBM | {{ucfirst($slug->title)}}
@endsection

@section('keyword')
{!!strip_tags($slug->meta_keyword)!!}
@endsection

@section('description')
{!!strip_tags($slug->meta_desc)!!}
@endsection

@section('content')

<!--Breadcrumb-->
		<div>
			<div class="bannerimg cover-image bg-background3" data-image-src="{{ asset('images/banners/banner_new.png') }}">
				<div class="header-text mb-0">
					<div class="container">
						<div class="text-center text-white ">
							<h1 class="">{{$cms->cms_title}}</h1>
							<ol class="breadcrumb text-center">
								<li class="breadcrumb-item">
									@if(Auth::user())
										<a href="{{route('front.profile')}}">Home</a>
									@else
										<a href="{{route('front.dashboard')}}">Home</a>
									@endif
								</li>
								<li class="breadcrumb-item active text-white" aria-current="page">Contact</li>
							</ol>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--/Breadcrumb-->
		

		<!--Contact-->
		<div class="sptb">
			<div class="container">
				<div class="row">
					<div class="col-lg-4  col-md-12 mx-auto d-block">
						<div class="card mb-0">
							<div class="card-body">
								@if(Session::has('success'))

									<div class="alert alert-primary">
										<p>{{ Session::get('success') }}</p>
									</div>

								@endif

								@if(Session::has('errors'))

									<div class="alert alert-danger">
										<p>{{ Session::get('errors') }}</p>
									</div>

								@endif
								<form action="{{route('front.send')}}" method="post" onsubmit="return valid()">
									@csrf
								<div class="form-group">
									<input type="text" class="form-control" id="name1" placeholder="Your Name" name="name1">
									<span><p id="name1check" class="invalid-feedback" style="display: none;"></p></span>
								</div>
								<div class="form-group">
									<input type="text" class="form-control" id="email" placeholder="Email Address" name="email">
									<span><p id="email1check" class="invalid-feedback" style="display: none;"></p></span>
								</div>
								<div class="form-group">
									<textarea class="form-control" name="example-textarea-input" rows="6" placeholder="Message" id="msg"></textarea>
								</div>
								<span><p id="msg1check" class="invalid-feedback" style="display: none;"></p></span>
								
								<div class="form-group">
									
								   <div class="g-recaptcha" data-sitekey="{{ '6LcoD6wUAAAAAJ7QeKZVbgc-To73eYDloZD-Azfc' }}"></div>
							        @if ($errors->has('g-recaptcha-response'))
							            <span class="invalid-feedback" style="display: block;">
							                <strong>{{ $errors->first('g-recaptcha-response') }}</strong>
							            </span>
							        @endif
								    
								</div>
								
								<input type="submit" class="btn btn-primary btn-lg" name="send" value="Send Message">
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--Contact-->

		<!--Statistics-->
		<section class="sptb bg-white">
			<div class="container">
				<div class="section-title center-block text-center">
					<h1>Contact Info</h1>
				</div>
				<div>
					<p>{!!$cms->cms_desc!!}</p>
				</div>
				<div class="support">
					<div class="row text-white">
						<div class="col-xl-6 col-lg-12 col-md-12">
							<div class="support-service bg-primary br-2 mb-4 mb-xl-0">
								<i class="fa fa-envelope-o"></i>
								<h6>yourdomain@gmail.com</h6>
								<P>Support us!</P>
							</div>
						</div>
						
						
						<!-- <div class="col-xl-6 col-lg-12  col-md-12">
							<div class="support-service bg-warning br-2">
								<i class="fa fa-envelope-o"></i>
								<h6>yourdomain@gmail.com</h6>
								<p>Support us!</p>
							</div>
						</div> -->
					</div>
				</div>
			</div>
		</section>
		<!--/Statistics-->

@endsection
@section('scripts')

<script type="text/javascript">
	function valid() {
		
		var name = $('#name1').val();
		var email = $('#email').val();
		var msg = $('#msg').val();

		if(name == '')
		{
			$('#name1check').show();
			$('#name1check').html('** Please Insert Your Name');
			setTimeout(function(){
				  $('#name1check').hide();
				}, 3000);

			return false;
		}

		else if(email == '')
		{
			$('#email1check').show();
			$('#email1check').html('** Please Insert Your Email');
			setTimeout(function(){
				  $('#email1check').hide();
				}, 3000);

			return false;
		}

		else if(email.indexOf('@') <= 0)
		{
			$('#email1check').show();
			$('#email1check').html('** Please Insert Your Valid Email ');
			setTimeout(function(){
				  $('#email1check').hide();
				}, 3000);

			return false;
		}

		else if((email.charAt(email.length-4) != '.') && (email.charAt(email.length-3) != '.'))
		{
			$('#email1check').show();
			$('#email1check').html('** Please Insert Valid Email Address');
			setTimeout(function(){
				  $('#email1check').hide();
				}, 3000);

			return false;
		}

		else if(msg == '')
		{
			$('#msg1check').show();
			$('#msg1check').html('** Please Insert Your Message');
			setTimeout(function(){
				  $('#msg1check').hide();
				}, 3000);

			return false;
		}
		else
		{
			// $('form').submit();
			return true;
		}

	}
</script>
@endsection