@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="">
	<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="content">
								<section id="form-cadastro">
									{!! Form::open(['route' => 'encaminhaSolicitacaoExpress', 'id'=>'solicitacao', 'name'=>'solicitacao', 'class' => '']) !!}
									
									<div class="col-md-12">
										@if(Session::get("mensagem"))
										<div class="alert alert-success alert-dismissible">
											<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">
											<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="form-group col-sm-7">
												<input type="text" class="form-control" id="nome_solicitante" name="nome_solicitante" placeholder="Seu nome*">
											</div>

											<div class="form-group col-sm-5">
												<input type="email" class="form-control" id="email_solicitante" name="email_solicitante" placeholder="Seu email*">
											</div>
												
											<div class="form-group col-sm-7">
												<input type="text" class="form-control" id="nome_comercial" name="nome_comercial" placeholder="Nome do escritório*" value="{{ old('nome_comercial') }}">
											</div>

											<div class="form-group col-sm-5">
												<input type="text" class="form-control phone" id="telefone_solicitante" name="telefone_solicitante" placeholder="Celular (whatsapp)*">
											</div>
										</div>

										<div class="form-group row text-left">
											<div class="form-group col-sm-12">
												<h5>Áreas de atuação</h5>
											</div>
 
		                            		<div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">
	                            				<label for="publico">
		                            				<input type="checkbox" name="areas[]" value="publico" id="publico">
		                            				Direito público
		                            			</label>
		                            		</div>

		                            		<div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">
	                            				<label for="penal">
		                            				<input type="checkbox" name="areas[]" value="penal" id="penal">
		                            				Direito penal
		                            			</label>
		                            		</div>
			                            		
		                            		<div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">
	                            				<label for="civil">
		                            				<input type="checkbox" name="areas[]" value="civil" id="civil">
		                            				Direito civil
		                            			</label>
		                            		</div>

		                            		<div class=" col-xs-12 col-sm-6 col-md-4 col-lg-3">
	                            				<label for="constitucional">
		                            				<input type="checkbox" name="areas[]" value="constitucional" id="constitucional">
		                            				Direito constitucional
		                            			</label>
		                            		</div>

		                            		<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
	                            				<label for="empresarial">
		                            				<input type="checkbox" name="areas[]" value="empresarial" id="empresarial">
		                            				Direito empresarial
		                            			</label>
		                            		</div>

		                            		<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
	                            				<label for="trabalho">
		                            				<input type="checkbox" name="areas[]" value="trabalho" id="trabalho">
		                            				Direito do  trabalho
		                            			</label>
		                            		</div>

											<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
	                            				<label for="previdenciario">
		                            				<input type="checkbox" name="areas[]" value="previdenciario" id="previdenciario">
		                            				Direito previdenciário
		                            			</label>
		                            		</div>

		                            		<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
	                            				<label for="familia">
		                            				<input type="checkbox" name="areas[]" value="familia" id="familia">
		                            				Direito de família
		                            			</label>
		                            		</div>

		                            		<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
	                            				<label for="tributario">
		                            				<input type="checkbox" name="areas[]" value="tributario" id="tributario">
		                            				Direito tributário
		                            			</label>
		                            		</div>	
		                            		<div class="error-areas"></div>			                            	
                        				</div>

				                        <div class="form-group row">
				                        	<div class="form-group 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="form-group col-sm-7 show-endereco" style="display: none;">
				                        		<input type="text" class="form-control" id="rua_comercial" name="rua_comercial" placeholder="Endereço*" value="{{ old('rua_comercial') }}" />
				                        	</div>
				                        	<div class="form-group col-sm-2 show-endereco" style="display: none;">
				                        		<input type="text" class="form-control" id="num_comercial" name="num_comercial" placeholder="Nº*" value="{{ old('num_comercial') }}" />
				                        	</div>
				                        	<div class="form-group col-sm-3 show-endereco" style="display: none;">
				                        		<input type="text" class="form-control" id="bairro_comercial" name="bairro_comercial" placeholder="Bairro*" value="{{ old('bairro_comercial') }}" />
				                        	</div>
				                        	<div class="form-group col-sm-4 show-endereco" style="display: none;">
				                        		<input type="text" class="form-control" id="complemento_comercial" name="complemento_comercial" placeholder="Complemento" value="{{ old('complemento_comercial') }}" />
				                        	</div>
				                        	<div class="form-group col-sm-3 show-endereco" style="display: none;">
				                        		<input type="text" class="form-control" id="cidade_comercial" name="cidade_comercial" placeholder="Cidade*" value="{{ old('cidade_comercial') }}" />
				                        	</div>
				                        	<div class="form-group col-sm-2 show-endereco" style="display: none;">
				                        		<input type="text" class="form-control" id="estado_comercial" name="estado_comercial" placeholder="UF*" value="{{ old('estado_comercial') }}" />
				                        	</div>
				                        </div>
											
				                        <div class="form-group row">
				                        	
											<div class="form-group col-sm-12">
												<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">.advogar.site</div>
											    </div>
											    <div class="error-dominio"></div>
				                        	</div>
				                        
				                        	<div class="form-group col-sm-12">
				                        		<label for="termo-de-uso">
				                    				<input class="" id="termo-de-uso" name="termos" type="checkbox" value="1"> Li e concordo com os <a href="{{ route('termos') }}" target="_blank">Termos de Uso</a>
				                    			<div class="error-termos"></div>
				                    			</label>
				                        	</div>
				                        </div>
				                        
										<div class="form-group row">
									    	<div class="col-sm-12 text-right">
									    		<a href="javascript:;" class="btn btn-custom btn-next pull-right" data-step="1">Avançar <i class="fa fa-chevron-right"></i></a>
									    	</div>
									    </div>
			                        </div>
                    				<!-- FIM FASE 1 -->

				                    <!-- FASE 2 - PAGAMENTOS -->
				                    <div class="fieldset fieldset-2">

				                    	<div class="pagamentos">
				                    		<div class="row">
				                    			
				                    			<div class="col-sm-12 text-left">
				                    				
				                    					<h4>Seu site está quase pronto!</h4>
				                    					
				                    					<div class="alert alert-success alert-dismissible">
															<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
															Informe os dados para cobrança. Você só será cobrado após o término do <b>período gratuito de 30 dias.</b>
														</div>
				                    				
				                    				<input type="hidden" name="payment_method" value="credit_card" />
				                    				<div class="form-group row">
				                    					<div class="form-group col-sm-6">
				                    						<input value="{{ old('card_number') }}" id="card_number" name="card_number" class="form-control" type="text" required placeholder="Número do cartão" />
				                    					</div>
				                    				
				                    					<div class="form-group col-sm-6">
				                    						<input value="{{ old('card_holder_name') }}" id="card_holder_name" name="card_holder_name" class="form-control" type="text" required placeholder="Nome como está escrito no cartão" />
				                    					</div>
				                    				
				                    					<div class="form-group col-sm-3">
				                    						<input value="{{ old('validade') }}" id="validade" name="validade" class="form-control validade" type="text" placeholder="Validade Ex: 02 / 2023" required/>
				                    					</div>
				                    				
				                    					<div class="form-group col-sm-3">
				                    						<input value="{{ old('card_cvv') }}" id="card_cvv" name="card_cvv" class="form-control" type="text" required placeholder="Código de segurança" />
				                    					</div>
				                    				
				                    					<div class="form-group col-sm-6">
				                    						<input value="{{ old('document_number') }}" name="document_number" class="document_number form-control" type="text" required placeholder="Seu CPF" />
				                    					</div>
				                    				</div>
				                    				{{ csrf_field() }}
				                    			</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">
				                    			<button type="submit" class="btn btn-succes btn-submit enviar-formulario"><i class="fa fa-check"></i> Enviar solicitação</button>
				                    		</div>
				                    	</div>
				                    </div>
				                	<!-- FIM PAGAMENTOS -->

                					{!! Form::close() !!}
            					</section>
        					</div>
    					</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="section-padding" id="marketing">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<div class="content">
					<div class="row">
						<div class="col-md-12 col-lg-6">
							<img src="{{asset('landing-page/img/social.png')}}" alt="Mídias Sociais">
						</div>
						<div class="col-md-12 col-lg-6">
							<h1 class="title-section">Materiais para alimentar suas Redes Sociais</h1>
							<h2 class="subtitle-section">Tenha em mãos materiais formatados para o seu público, com a identidade do seu escritório e com conteúdo atualizado sobre sua área de atuação.</h2>
							<div class="text-left">
								<a class="btn btn-lg" href="{{ url('/marketing') }}">Conheça os planos</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="section-padding" id="contato">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<div class="content">
					<div class="row">
						<div class="col-md-5">
							<h1 class="title-section">Contato</h1>
							<h2 class="subtitle-section">Estamos sempre à disposição para qualquer dúvida ou para otimizar seus planos. Entre em contato.</h2>
							<p><b>Advogar Web</b></p>
							<p><a href="phone:+553832219333">38 3321-9333</a></p>
							<p><a href="mailto:contato@embratec.org">contato@embratec.org</a></p>
							@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-7">
							{!! Form::open(['route' => 'contatoSite', 'id'=>'contato', 'name'=>'contato', 'class'=>'form-horizontal form-ligth']) !!}
							<div class="row form-group">
								<div class="col-md-12">
									<input type="text" class="form-control" placeholder="Seu nome*" name="nome" required="required">
								</div>
							</div>
							<div class="row form-group">
								<div class="col-md-6">
									<input type="email" class="form-control" placeholder="Seu email*" name="email" required="required">
								</div>
								<div class="col-md-6">
									<input type="text" class="form-control" placeholder="Seu telefone*" name="telefone" required="required">
								</div>
							</div>
							<div class="row form-group">
								<div class="col-md-12">
									<textarea name="mensagem" placeholder="Mensagem*" required="required"></textarea>
								</div>
							</div>
							<div class="form-group row">
								<div class="col-md-12 text-right">
									<button type="submit" class="btn btn-lg">Enviar</button>
								</div>
							</div>
							{!! Form::close() !!}
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
@endsection
@section('scripts')
<script src="{{ asset('landing-page/vendor/jquery/jquery.card.js') }}"></script>
<script type="text/javascript" src="https://assets.pagar.me/js/pagarme.min.js"></script>
<script src="{{ asset('landing-page/vendor/bootstrap/js/bootbox.min.js') }}"></script>
<script src="{{ asset('landing-page/js/cadastro-express.js') }}"></script>
@endsection