@extends('layouts.app3')

@section('head-title')
    <title>Covet Foundation Contact</title>
@endsection

@section('head-style')
<link rel="stylesheet" type="text/css" href="{{ URL::asset('css/style.css')}}">
{{-- <link rel="stylesheet" type="text/css" href="{{ URL::asset('css/header-styles.css')}}"> --}}
<link rel="stylesheet" type="text/css" href="{{ URL::asset('css/hover-min.css')}}">
@endsection

@section('content')
<div class="container-fluid nopadding">
	<div class="first-section-press-contact">
	  <div class="firs-section-overlay">
	    <h2>CONTACTS</h2>
	  </div>
	</div>
</div>

<div class="container-fluid">

	<div class="container">
		<div class="row">
			<div class="col-xs-12 nopadding marg-bottom-50 marg-top-60">
				<div class="col-xs-12 col-md-6">
					
					<div class="centerbloks">
						<div class="col-xs-12 col-md-7 form-div">

							<p style="margin-bottom: 28px; font-family: 'Montserrat';"><b>SEND US A MESSAGE</b></p>
							<form class="form-validate" id="contact-form" action="{{route('form-process.contact.new')}}" method="post" accept-charset="utf-8">
								{{ csrf_field() }}
				                <input type="hidden" name="origin" class="origin"/>
				                <input type="hidden" name="referrer" class="referrer"/>
				                <input type="hidden" name="lead_path" class="lead_path"/>
								<div class="form-group">
									<input type="text" data-parsley-required="true" name="name" placeholder="Name" class="form-control">
								</div>
								<div class="form-group">
									<input type="email" data-parsley-required="true" data-parsley-type="email" name="email" placeholder="Email" class="form-control">
								</div>
								<div class="form-group textarea-val">
									<label>Message</label>
									<textarea data-parsley-required="true" name="message-contact" class="form-control"></textarea>
								</div>
								<button type="submit" class="btn-form-contact">SUBMIT</button>
							</form>
							@if (Session::has('status') || $errors->any())
								<div id="alert-box">
									@if ( session('status') == 'Error' || $errors->any())
										<div class="alert alert-danger alert-dismissible" role="alert">
											<strong>ERROR!</strong> Check the email fields, if the problem continue please try again later!.
										</div>
									@else
										<div class="alert alert-success alert-dismissible" role="alert" style="clear: both;">
											<strong>Success!</strong>&nbsp; &nbsp;Thank you. Our team will contact you soon!
										</div>
									@endif
								</div>
							@endif
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-md-6 decription-contact">
					<div class="centerbloks">
						<div class="col-xs-12 col-md-9">
							<p><b>FOR FURTHER INFORMATION PLEASE REACH US AT</b><br>
								<i class="far fa-envelope"></i> &nbsp;<a href="mailto: info@covetfoundation.com">info@covetfoundation.com</a>
							</p>
							<p><b>PRESS OFFICE</b><br>

								<i class="far fa-envelope"></i> &nbsp;<a href="mailto:press@covetfoundation.com" target="_blank">press@covetfoundation.com</a>
							</p>
							<p><b>ADDRESS</b><br>
								Rua Padre Dehon 101<br>
								4435-371 Gondomar<br>
								Portugal
							</p>
							<p style="margin-bottom: 5px;"><b>FOLLOW US</b></p>
							<div class="social-contact">
								<ul>
									<li><a href="https://www.facebook.com/CovetFoundation/" target="_blank"><i class="fab fa-facebook"></i></a></li>
									<li><a href="https://www.instagram.com/covet.foundation/" target="_blank"><i class="fab fa-instagram"></i></a></li>
									<li><a href="https://www.pinterest.pt/covetfoundation/" target="_blank"><i class="fab fa-pinterest"></i></a></li>
									<li><a href="https://www.youtube.com/channel/UCD1WD4PW3nFaQbCgFAeb1NQ" target="_blank"><i class="fab fa-youtube"></i></a></li>
									<li><a href="https://www.linkedin.com/company/covet-foundation/" target="_blank"><i class="fab fa-linkedin"></i></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</div>

<div class="container-fluid nopadding">
  <a class="link-to-images-paralax" href="{{url('press-room')}}" target="_blank">
	<div class="section-contact">
	    <div class="section-contact-title">
	    	<a class="a-new hvr-underline-from-left" href="{{url('press-room')}}" target="_blank">
	      		<h2 class="text-center">SEE OUR NEWS</h2>
			</a>
	    </div>
	  </div>
	</a>
</div>

@endsection

@section('foot')
<script type="text/javascript">
$(".no-login-scroll").click(function() {
    var offset = -40; //Offset of 20px
    $('.modal').modal("hide");

    $('html, body').animate({
        scrollTop: $("#sign-in").offset().top + offset
    }, 1000);
});
  $(window).scroll(function(){
    if ($("nav").hasClass("affix")) {
      $(".navbar-default .navbar-nav li a").css("color","black");
    }else{
      $(".navbar-default .navbar-nav li a").css("color","white");
    }
  })

  $(document).ready(function() {
		if($('#alert-box').length >0 ){
			$('html, body').animate({
		        scrollTop: $("#contact-form").offset().top -200
		    }, 1000);
	        $("#alert-box").fadeTo(5000, 500).slideUp(500, function(){
	            $("#alert-box").slideUp(500);
	        });
	    }
	});
</script>

@endsection