@extends('templates.landing-page')

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

@section('styles')
  <link rel="stylesheet" href="{{ asset('landing-page/css/cadastro.css') }}">
@endsection

@section('conteudo')
    <section id="cadastro" class="section-padding">
      <div class="container">
        <div class="row align-items-center">
          <div class="container">
            <div class="row">
              <div class="col-sm-12">
                  <div class="form text-center">
                    <div class="wizard" style="text-align: center;">
                        <a class="step-1 current">Dados do cliente</a>
                        <a class="step-2">Sobre</a>
                        <a class="step-3">Conteúdo</a>
                    </div>
                    <div class="content">
                      <section id="form-cadastro">
                        {!! Form::open(['route' => 'encaminhaPreSolicitacao', 'id'=>'preSolicitacao', 'name'=>'preSolicitacao', 'files' => 'true', 'class' => 'form-ligth']) !!}
                          <div class="col-md-12">
                            @if(Session::get("mensagem"))
                            <div class="alert alert-success alert-dismissible text-left">
                              <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                              {{Session::get("mensagem")}}
                            </div>
                            @endif
                            @if ( count($errors) > 0)
                            <div class="alert alert-warning alert-dismissible text-left">
                              <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>
                          <!-- FASE 1 - CADASTRO -->
                          <div class="fieldset fieldset-1">
                            <div class="form-group row">
                              <div class="col-sm-5">
                                <input type="text" class="form-control" id="nome_solicitante" name="nome_solicitante" placeholder="Nome do cliente*">
                              </div>
                              <div class="col-sm-5">
                                <input type="text" class="form-control" id="sobrenome_solicitante" name="sobrenome_solicitante" placeholder="Sobrenome do cliente*">
                              </div>
                              <div class="col-sm-2">
                                  <input type="text" class="form-control" id="oab_solicitante" name="oab_solicitante" placeholder="Nº OAB*">
                              </div>
                            </div>
                            <div class="form-group row">
                              <div class="col-sm-7">
                                <input type="email" class="form-control" id="email_solicitante" name="email_solicitante" placeholder="Email do cliente*">
                              </div>
                              <div class="col-sm-5">
                                <input type="text" class="form-control phone" id="telefone_solicitante" name="telefone_solicitante" placeholder="Telefone do cliente*">
                              </div>
                            </div>
                            
                            <div class="form-group row">
                              <div class="col-sm-12 text-right">
                                <a href="javascript:;" class="btn btn-custom btn-next" data-step="1">Avançar <i class="fa fa-chevron-right"></i></a>
                              </div>
                            </div>
                          </div>
                          <!-- FIM FASE 1 -->

                          <!-- FASE 2 INFORMAÇÕES COMPLEMENTARES -->
                          <div class="fieldset fieldset-2">
                            <div class="form-group row">
                              <div class="col-sm-4">
                                <input type="text" class="form-control" id="nome_comercial" name="nome_comercial" placeholder="Nome do escritório*" value="{{ old('nome_comercial') }}">
                              </div>
                              <div class="col-sm-4">
                                <input type="text" class="form-control phone" id="telefone_comercial" name="telefone_comercial" placeholder="Telefone comercial*" value="{{ old('telefone_comercial') }}">
                              </div>
                              <div class="col-sm-4">
                                <input type="email" class="form-control" id="email_comercial" name="email_comercial" placeholder="Digite o email do escritório*" value="{{ old('email_comercial') }}">
                              </div>
                            </div>

                            <div class="form-group row margin-top">
                              <div class="col-sm-3">
                                <input type="text" class="form-control cep" id="cep_comercial" name="cep_comercial" placeholder="CEP Comercial*" value="{{ old('cep_comercial') }}">
                              </div>
                              <div class="col-sm-4">
                                <input type="text" class="form-control" id="rua_comercial" name="rua_comercial" placeholder="Endereço*" value="{{ old('rua_comercial') }}">
                              </div>
                              <div class="col-sm-2">
                                <input type="text" class="form-control" id="num_comercial" name="num_comercial" placeholder="Nº*" value="{{ old('num_comercial') }}">
                              </div>
                              <div class="col-sm-3">
                                <input type="text" class="form-control" id="complemento_comercial" name="complemento_comercial" placeholder="Complemento" value="{{ old('complemento_comercial') }}">
                              </div>
                            </div>

                            <div class="form-group row">
                              <div class="col-sm-5">
                                <input type="text" class="form-control" id="bairro_comercial" name="bairro_comercial" placeholder="Bairro*" value="{{ old('bairro_comercial') }}">
                              </div>
                              <div class="col-sm-5">
                                <input type="text" class="form-control" id="cidade_comercial" name="cidade_comercial" placeholder="Cidade*" value="{{ old('cidade_comercial') }}">
                              </div>
                              <div class="col-sm-2">
                                <input type="text" class="form-control" id="estado_comercial" name="estado_comercial" placeholder="Estado*" value="{{ old('estado_comercial') }}">
                              </div>
                            </div>

                            <div class="form-group row text-left margin-top">
                            	<div class="col-sm-3">
                                <legend for="areas" class="col-form-legend btn btn-custom-border">Áreas de atuação</legend>
                              </div>
                            	<!-- <div class="col-sm-3">
                            		<h3>Áreas de atuação</h3>	
                            	</div> -->
                            	<div class="col-sm-9">
                            		<div class="row">
                            			
		                            	<div class="col-sm-3">
		                            		
			                            	<div class="form-check">
											    <input type="checkbox" class="form-check-input" name="areas[]" value="publico" id="publico">
											    <label class="form-check-label" for="publico">Direito público</label>
											 </div>
		                            	
		                            	</div>
		                            	<div class="col-sm-3">
		                            		
			                            	<div class="form-check">
											    <input type="checkbox" class="form-check-input" name="areas[]" value="penal" id="penal">
											    <label class="form-check-label" for="penal">Direito penal</label>
											 </div>
		                            	
		                            	</div>
		                            	<div class="col-sm-3">
		                            		
			                            	<div class="form-check">
											    <input type="checkbox" class="form-check-input" name="areas[]" value="civil" id="civil">
											    <label class="form-check-label" for="civil">Direito civil</label>
											 </div>
		                            	
		                            	</div>
		                            	<div class="col-sm-3">
		                            		
			                            	<div class="form-check">
											    <input type="checkbox" class="form-check-input" name="areas[]" value="constitucional" id="constitucional">
											    <label class="form-check-label" for="constitucional">Direito constitucional</label>
											 </div>
		                            	
		                            	</div>
		                            	<div class="col-sm-3">
		                            		
			                            	<div class="form-check">
											    <input type="checkbox" class="form-check-input" name="areas[]" value="empresarial" id="empresarial">
											    <label class="form-check-label" for="empresarial">Direito empresarial</label>
											 </div>
		                            	
		                            	</div>
		                            	<div class="col-sm-3">
		                            		
			                            	<div class="form-check">
											    <input type="checkbox" class="form-check-input" name="areas[]" value="trabalho" id="trabalho">
											    <label class="form-check-label" for="trabalho">Direito do trabalho</label>
											 </div>
		                            	
		                            	</div>
		                            	<div class="col-sm-3">
		                            		
			                            	<div class="form-check">
											    <input type="checkbox" class="form-check-input" name="areas[]" value="previdenciario" id="previdenciario">
											    <label class="form-check-label" for="previdenciario">Direito previdenciário</label>
											 </div>
		                            	
		                            	</div>
		                            	<div class="col-sm-3">
		                            		
			                            	<div class="form-check">
											    <input type="checkbox" class="form-check-input" name="areas[]" value="familia" id="familia">
											    <label class="form-check-label" for="familia">Direito de família</label>
											 </div>
		                            	
		                            	</div>
		                            	<div class="col-sm-3">
		                            		
			                            	<div class="form-check">
											    <input type="checkbox" class="form-check-input" name="areas[]" value="tributario" id="tributario">
											    <label class="form-check-label" for="tributario">Direito tributário</label>
											 </div>
		                            	
		                            	</div>
                            		</div>
                            	</div>
                            </div>
                            
                            <div class="form-group row">
                              <div class="col-sm-6 text-left">
                                <a href="javascript:;" class="btn btn-custom btn-prev" data-step="2"><i class="fa fa-chevron-left"></i> Voltar</a>
                              </div>
                              <div class="col-sm-6 text-right">
                                <a href="javascript:;" class="btn btn-custom btn-next" data-step="2">Avançar <i class="fa fa-chevron-right"></i></a>
                              </div>
                            </div>
                          </div>
                          <!-- FIM FASE 2 - INFORMAÇÕES COMPLEMENTARES -->

                          <!-- FASE 3 - CONFIGURAÇÕES -->
                          <div class="fieldset fieldset-3">
                            <fieldset class="form-group">
                              <div class="text-left">
                                <button class="btn btn-default" style="margin-top: 0;">Escolha seu Tema</button>
                              </div>
                              <div class="temas">
                                <div class="row">
                                  @if(!empty($temas))
                                    @foreach($temas as $key => $tema)
                                      <div class="col-md-4">
                                        <div class="item">
                                          <div class="imagem">
                                            <img src="{{asset($tema->arquivos.'/img/thumb.jpg')}}" alt="">
                                            <label class="form-check-label" for="tema{{$tema->id}}">
                                              <input class="form-check-input" type="radio" name="tema" id="tema{{$tema->id}}" value="{{$tema->id}}" checked>
                                            </label>
                                          </div>
                                          <a href="{{$tema->url}}" class="btn btn-default" target="_blank">Ver Tema <i class="fa fa-external-link"></i></a>
                                        </div>
                                      </div>
                                      @if( ($key+1) % 3 == 0)
                                      </div>
                                      <div class="row">
                                      @endif
                                    @endforeach
                                  @endif
                                </div>
                              </div>
                            </fieldset>
                            
                            <div class="form-group row">
                              <div class="col-sm-3">
                                <legend for="dominio" class="col-form-legend btn btn-custom-border">Domínio*</legend>
                              </div>
                              <div class="col-sm-6">
                                <div class="input-group">
                                  <input type="text" class="form-control" id="dominio" name="dominio" placeholder="Digite o dominio desejado"  value="{{ old('dominio') }}">
                                  <div class="input-group-addon dominio-completar">.advogar.site</div>
                                </div>
                              </div>
                            </div>
                            <div class="form-group row">
                              <div class="col-sm-6 text-left">
                                <a href="javascript:;" class="btn btn-custom btn-prev" data-step="3"><i class="fa fa-chevron-left"></i> Voltar</a>
                              </div>
                              <div class="col-sm-6 text-right">
                                <button type="submit" class="btn btn-succes btn-submit enviar-formulario"><i class="fa fa-check"></i> Finalizar pré-cadastro</button>
                              </div>
                            </div>
                          </div>
                          <!-- FIM FASE 3 - CONFIGURAÇÕES -->
                        {!! Form::close() !!}
                      </section>
                    </div>
                  </div>
              </div>
          </div>
        </div>
      </div>
    </section>
@endsection
@section('scripts')
  <script src="{{ asset('landing-page/js/venda.js') }}"></script>
@endsection