@extends('layouts.front.app')

@section('content')
<!-- Main content -->

<section class="container content mt-5">
	<!-- /.Menu Superior -->
	<div class="content container dark-grey-text">
		<!-- Heading -->
		<nav aria-label="breadcrumb">
			<ol class="breadcrumb blue-grey lighten-4">
				<li><a href="{{ route('home') }}"> <i class="fa fa-home"></i> Home</a><i class="fas fa-angle-double-right mx-2"
					aria-hidden="true"></i></li>
					<li class="active">Fale conosco </li>
				</ol>
			</nav>
			<!--Card-->
			<div class="card pb-2">
				@include('layouts.errors-and-messages')
				<!--Section heading-->
				<h2 class="h1-responsive font-weight-bold text-center my-4">Fale conosco</h2>
				<!--Section description-->
				<p class="text-center w-responsive mx-auto mb-5">Você tem alguma pergunta? Por favor, não hesite em nos contatar diretamente. Nossa equipe irá responder para você dentro de algumas de horas para ajudá-lo.</p>

				<div class="row">

					<!--Grid column-->
					<div class="col-md-8 ml-2 mb-md-0 mb-5">
						<form id="contact-form" name="contact-form" action="{{ route('envie.contato') }}" method="POST">
							{{ csrf_field() }}
							<input type="hidden" name="_method" value="post">
							<!--Grid row-->
							<div class="row">

								<!--Grid column-->
								<div class="col-md-6">
									<div class="md-form mb-0">
										<input type="text" id="name" name="name" class="form-control" value="{!! (auth()->check()) ? auth()->user()->name : '' !!}">
										<input type="hidden" name="id_customer" value="{!! (auth()->check()) ? auth()->user()->id : '' !!}">
										<label for="name" class="">Seu nome</label>
									</div>
								</div>
								<!--Grid column-->

								<!--Grid column-->
								<div class="col-md-6">
									<div class="md-form mb-0">
										<input type="text" id="email" name="email" class="form-control" value="{!! (auth()->check()) ? auth()->user()->email : '' !!}" require>
										<label for="email" class="">Seu email <span class="text-danger">*</span></label>
									</div>
								</div>
								<!--Grid column-->

							</div>
							<!--Grid row-->

							<!--Grid row-->
							<div class="row">
								<div class="col-md-12">
									<div class="md-form mb-0">
										<input type="text" id="subject" name="subject" class="form-control">
										<label for="subject" class="">Assunto</label>
									</div>
								</div>
							</div>
							<!--Grid row-->

							<!--Grid row-->
							<div class="row">

								<!--Grid column-->
								<div class="col-md-12">

									<div class="md-form">
										<textarea type="text" id="message" name="message" rows="2" class="form-control md-textarea" require></textarea>
										<label for="message">Sua mensagem <span class="text-danger">*</span></label>
									</div>

								</div>
							</div>
							<!--Grid row-->
							<div class="row">
								<div class="col-md-12">
									<p>{!! captcha_img('flat') !!}</p>
									<div class="md-form mb-0">
										<input type="text" id="captcha" name="captcha" class="form-control" require>
										<label for="subject" class="">Informe o conteúdo da imagem acima</label>
									</div>
								</div>
							</div>
						</form>

						<div class="text-center text-md-left">
							<a class="btn btn-primary" onclick="document.getElementById('contact-form').submit();">Enviar</a>
						</div>
						<div class="status"></div>
					</div>
					<!--Grid column-->

					<!--Grid column-->
					<div class="col-md-3 text-center">
						<ul class="list-unstyled mb-0">
							<li><a href="https://goo.gl/maps/sTYwkoK2muk7pa5VA" class="everesst-white" target="_blank"><i class="fas fa-map-marker-alt fa-2x"></i>
								<p>Boqueirão, Curitiba - PR <br> 81730-030</p></a>
							</li>

							<li>
								<h3 class="font-weight-bold everesst-text">CONTATO</h3>
								<p class="font-weight-bolder"><i class="fas fa-phone" ></i> (41) 3666-3636</p>
							</li>
							<li><i class="fas fa-envelope mt-4 fa-2x"></i>
								<p><a href="mailto:contato@everesst.com.br" class="font-weight-bolder">contato@everesst.com.br</a></p>
							</li>
						</ul>
					</div>
					<!--Grid column-->

				</div>
			</div>
		</div>

	</section>
	<!--Section: Contact v.2-->
	@endsection