@extends('templates.theme-four')

@section('titulo-pagina')
	@if(!empty($site->informacao->nome_comercial))
		{{ $site->informacao->nome_comercial }} - Contato
	@else
		Contato
	@endif
@endsection

@section('styles')
<script src='https://www.google.com/recaptcha/api.js?hl=pt-BR'></script>
@endsection

@section('menu-contato')
active
@endsection

@section('header')
	<header class="intro-header">
		<div class="container">
			<div class="intro-message" style="padding: 5% 0;">
				<h1>Fale conosco</h1>
			</div>
		</div>
	</header>
@endsection

@section('conteudo')	

	<section class="content-section-a">

		<div class="container">
			<div class="row">
				<div class="col-md-4">
					<div class="box-contatos">
						<p style="width: 100%;color: #302624; margin-bottom: 30px; text-align: center;">Preencha o formulário ao lado que entraremos em contato com você!</p>
						<div class="item">
							<i class="fa fa-phone"></i>
							<p>{!!$site->informacao->telefone_comercial!!}</p>
						</div>
						<div class="item">
							<i class="fa fa-envelope-o"></i>
							<p>{{$site->informacao->email_comercial}}</p>
						</div>
						<div class="item">
							<i class="fa fa-map-marker"></i>
							<p>{{$site->informacao->rua_comercial}}, {{$site->informacao->num_comercial}}
	                                @if($site->informacao->complemento_comercial != null)
	                                    - {{$site->informacao->complemento_comercial}}
	                                @endif, {{$site->informacao->bairro_comercial}}<br/>
							{{$site->informacao->cidade_comercial}}<br/>
							{{$site->informacao->cep_comercial}}</p>
						</div>
					</div>
				</div>
				<div class="col-md-8">
					<div class="row contact-info">
				
						<div class="col-md-12">
							
							@if ( count($errors) > 0)
							<div class="alert alert-warning alert-dismissible">
								<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
								Erros encontrados:<br />
								<ul>
									@foreach ($errors->all() as $e)
									<li>{{ $e }}</li>
									@endforeach
								</ul>
							</div>
							@endif
						</div>

						<div class="col-md-12">
							 {!! Form::open( ['route' => ['salvarMensagem', 'subdominio' => Route::input('subdominio') ] , 'method' => 'POST', 'class'=>'contact-form row', 'id' => 'mensagem'] ) !!} 
	                                
	                            {!! Form::hidden('id_solicitacao', $site->id, ['class'=>'form-control']) !!}
							<div class="col-md-12 col-sm-12">
								
								<div class="form-group">
									<input name="nome" type="text" class="form-control" id="nome" required="required" placeholder="Seu Nome *">
								</div>
							</div>
							
							<div class="col-md-6 col-sm-6">
								<div class="form-group">
									<input name="telefone" type="telefone" class="form-control" id="telefone" required="required" placeholder="Seu Telefone *">
								</div>
							</div>

							<div class="col-md-6 col-sm-6">
								<div class="form-group">
									<input name="email" type="email" class="form-control" id="email" required="required" placeholder="Seu Email *">
								</div>
							</div>

							<div class="col-md-12 col-sm-12">
								<textarea name="mensagem" type="text" class="form-control" id="message" rows="4" required="required" placeholder="Sua Mensagem *"></textarea>
							</div>
							<div class="col-md-12 col-sm-12">
	                        	<div class="form-group" style="margin-top: 20px;">
	                        </div>
	                            <div class="g-recaptcha" id="captcha" data-sitekey="6LfxLZ0UAAAAABbZxZKZh14q-uVxQZK5-sY52dWC"></div>
	                        </div>
							
							<div class="col-md-12 col-xs-12">
								<button type="submit" id="cfsubmit" class="btn-block">Enviar Mensagem</button> 
							</div>
							<div  class="col-md-8 col-xs-12"></div>
							
							{!! Form::close() !!}
						</div>
					</div>
				</div>
			</div>

		</div>
		<!-- /.container -->
	</section>

@endsection
@section('scripts')
	<script src="{{asset('theme-four/js/cadastro.js')}}"></script> 
@endsection