@extends('layouts.app')
@section('content')
<script type="text/javascript">
	var check = false;
</script>
<div class="template-about-us">	
	<div class="title">
	    <div class="image-background">
	        <img src="{{ url('/') }}/images/banner_about@2x.png" alt="{{ __('messages.about') }}">
	    </div>
	    <div class="container">
	    	<div class="row">
	    		<div class="col-12 col-sm-10 offset-sm-1">
	    			<h1 class="text-center">{{ __('messages.about') }}</h1>
    			</div>
			</div>
		</div>
	</div>
	<div class="content">
	    <div class="container">
	    	<div class="row">
	    		<div class="offset-sm-3 col-sm-6">
	    			<img data-original="{{ url('/') }}/images/img_about@2x.png" alt="">
    			</div>
	    		<div class="col-12 col-sm-10 offset-sm-1">
	    			<p class="desc">
	    			{{ \App\Common\Helper::returnMessage("At Website.com, we believe everyone deserves to have a website or online store. Innovation and simplicity makes us happy: our goal is to remove any technical or financial barriers that can prevent business owners from making their own website. We're excited to help you on your journey!") }}</p>
    			</div> 
			</div>
			<form action="" method="post">
		    	<div class="row">
    				<div class="col-12 offset-sm-1 col-sm-5 form-group">
    					<input type="text" class="form-control" name="name" placeholder="{{ \App\Common\Helper::returnMessage('Your Name') }}" @if ($errors->has('name')) autofocus  @else  value="{{ old('name') }}" @endif>
					    @if($errors->has('name'))
					        <p class="alert-error">{{ $errors->first('name') }}</p>
					        <script type="text/javascript">
					        	if (check == false) {
					        		check = true;
									var top_scroll = 0;
									top_scroll = $("input[name=name]").offset().top - 10
									$('html,body').animate({
										scrollTop: top_scroll -70
									}, 'slow');
					        	}
					        </script>
					    @endif
    				</div>	
    				<div class="col-12 col-sm-5 form-group">
    					<input type="email" class="form-control" name="email" placeholder="{{ \App\Common\Helper::returnMessage('Your Email') }}" @if ($errors->has('email')) autofocus  @else  value="{{ old('email') }}" @endif>
					    @if($errors->has('email'))
					        <p class="alert-error">{{ $errors->first('email') }}</p>
					        <script type="text/javascript">
					        	if (check == false) {
					        		check = true;
									var top_scroll = 0;
									top_scroll = $("input[name=email]").offset().top - 10
									$('html,body').animate({
										scrollTop: top_scroll -70
									}, 'slow');
					        	}
					        </script>
					    @endif
    				</div>	
    				<div class="col-12 col-sm-10 offset-sm-1 form-group">
    					<textarea name="comment" cols="30" rows="8" class="form-control" placeholder="{{ \App\Common\Helper::returnMessage('Your Feedback') }}" @if ($errors->has('comment')) autofocus @endif>{{ old('comment') }}</textarea>
					    @if($errors->has('comment'))
					        <p class="alert-error">{{ $errors->first('comment') }}</p>
					        <script type="text/javascript">
					        	if (check == false) {
					        		check = true;
									var top_scroll = 0;
									top_scroll = $("textarea[name=comment]").offset().top - 10
									$('html,body').animate({
										scrollTop: top_scroll -70
									}, 'slow');
					        	}
					        </script>
					    @endif
    				</div>
    				<div class="col-12 col-sm-10 offset-sm-1">
						@if( session('flash_message_succ') )
						  <div class="alert alert-success">
						    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
						    {{ session('flash_message_succ')  }}
						  </div>
					        <script type="text/javascript">
					        	if (check == false) {
					        		check = true;
									var top_scroll = 0;
									top_scroll = $(".alert-success").offset().top - 10
									$('html,body').animate({
										scrollTop: top_scroll -70
									}, 'slow');
					        	}
					        </script>
						@endif
                        <div class="btn-detail text-center">
                            <button type="submit" class="btn btn-primary text-uppercase toh">{{ \App\Common\Helper::returnMessage('Send') }}</button>
                        </div>
    				</div>
				</div>
				{{ csrf_field() }}
	    	</form>
		</div>
	</div>
</div>
<script type="text/javascript">
	$("form button.toh").click(function(){
		$('.ajax_waiting').addClass('loading');
	    $("form").submit();
	});

	$(document).ready(function(){
		$('.ajax_waiting').removeClass("loading");
	});
</script>
@endsection