@extends('site.zbase::layout')
@section('content')
<div class="conteudo">
	<div class="topo-cont">
		<h2 class=" tit-pagina font-5">Login / Cadastre-se</h2>
	</div>
	<div class="inner-conteudo">
		{!! Form::open(['route'=>'cadastro.send', 'class'=>'container-cadastro']) !!}
			<h3 class="tit-logar font-3">Ainda não tenho cadastro</h3>
			<div class="inner-logar">
				<div class="wrap-inputlogar tam-1">
					<label for="nome" class="label-logar font-3">Nome completo</label>
					{!! Form::text('nome', null, ['maxlength'=>'255', 'required', 'id'=>'nome', 'class'=>'input-logar font-3', 'placeholder'=>'Ex: João da Silva']) !!}
				</div>
				<div class="wrap-inputlogar tam-3 m-right">
					<label for="nasc" class="label-logar font-3">Data Nasc.</label>
					{!! Form::text('data_nascimento', null, ['maxlength'=>'10', 'required', 'id'=>'nasc', 'class'=>'input-logar font-3', 'placeholder'=>'Ex: 00/00/0000']) !!}
				</div>
				<div class="wrap-inputlogar tam-3 m-right">
					<label for="fone" class="label-logar font-3">Telefone</label>
					{!! Form::text('telefone', null, ['maxlength'=>'15', 'required', 'id'=>'fone', 'class'=>'input-logar font-3', 'placeholder'=>'Ex: (00) 0000-00000']) !!}
				</div>
				<div class="wrap-inputlogar tam-3">
					<label for="cpf" class="label-logar font-3">CPF</label>
					{!! Form::text('cpf', null, ['maxlength'=>'14', 'required', 'id'=>'cpf', 'class'=>'input-logar font-3', 'placeholder'=>'Ex: 000.000.000-00']) !!}
				</div>
				<div class="wrap-inputlogar tam-1">
					<label for="sexo" class="label-logar font-3">Sexo</label>
					<div class="wrapper-select">
						<div class="select-1">
							{!! Form::select('sexo', StringHelper::$sexos, null, ['class'=>'font-3 sel-desk']) !!}
						</div>
						<div class="select-2">
							<span class="font-4">{{ head(StringHelper::$sexos) }}</span>
							{!! Form::select('sexo', StringHelper::$sexos, null, ['class'=>'font-3 sel-mob']) !!}
						</div>
					</div>
				</div>
				<div class="wrap-inputlogar tam-1">
					<label for="login2" class="label-logar font-3">E-mail</label>
					{!! Form::email('email', null, ['maxlength'=>'255', 'required', 'id'=>'login2', 'class'=>'input-logar font-3', 'placeholder'=>'Digite seu e-mail']) !!}
				</div>
				<div class="wrap-inputlogar tam-2 m-right">
					<label for="senha2" class="label-logar font-3">Senha</label>
					{!! Form::password('senha', ['minlength'=>'6', 'maxlength'=>'255', 'required', 'id'=>'senha2', 'class'=>'input-logar font-3', 'placeholder'=>'Digite sua senha']) !!}
				</div>
				<div class="wrap-inputlogar tam-2">
					<label for="senha3" class="label-logar font-3">Confirmar Senha</label>
					{!! Form::password('conf_senha', ['minlength'=>'6', 'maxlength'=>'255', 'required', 'id'=>'senha2', 'class'=>'input-logar font-3', 'placeholder'=>'repita sua senha']) !!}
				</div>
				{!! Form::submit('Efetuar cadastro', ['class'=>'envia-cadastro font-5']) !!}
			</div>
		{!! Form::close() !!}
		{!! Form::open(['route'=>'login.send', 'class'=>'container-login']) !!}
			<h3 class="tit-logar font-3">Já sou cadastrado</h3>
			<div class="inner-logar">
				<div class="wrap-inputlogar tam-1">
					<label for="login" class="label-logar font-3">E-mail</label>
					{!! Form::email('email', null, ['maxlength'=>'255', 'required', 'id'=>'login', 'class'=>'input-logar font-3', 'placeholder'=>'Digite seu e-mail']) !!}
				</div>
				<div class="wrap-inputlogar tam-1">
					<label for="senha" class="label-logar font-3">Senha</label>
					{!! Form::password('senha', ['minlength'=>'6', 'maxlength'=>'255', 'required', 'id'=>'senha', 'class'=>'input-logar font-3', 'placeholder'=>'Digite sua senha']) !!}
				</div>
				{!! Form::submit('Acessar', ['class'=>'envia-login font-5']) !!}
				<a href="#" class="link-senha font-4">Esqueci minha senha.</a>
			</div>
		{!! Form::close() !!}
	</div>
</div>
@include('site.zbase::modals.senha')
@endsection
@section('scripts')
<script type="text/javascript">
	function changeSelect(){
		var select = $('.sel-desk')[0].selectize;

		if ($(window).width() > 1024 - scrollbarWidth()) {
			$('.sel-mob').prop('disabled', true);
			select.enable();
		} else {
			$('.sel-mob').prop('disabled', false);
			select.disable();
		}
	}

	$(document).ready(function () {
		$('input[name="telefone"]').mask('(99) 9999-9999?9', {placeholder:''});
		$('input[name="cpf"]').mask('999.999.999-99', {placeholder:''});
		$('input[name="data_nascimento"]').mask('99/99/9999', {placeholder:''});

		$('.sel-mob').change(function(){
			var este = $(this);
			este.parent().find('span').html(este.find('option[value="'+este.val()+'"]').html());
		});

		changeSelect();

		$(window).resize(function(){
			changeSelect();
		});

		$('.link-senha').click(function () {
			$('.senha-modal').fadeIn();
			return false;
		});

		$('.modal-ext').click(function () {
			$(this).fadeOut();
		});

		$('.modal').click(function (event) {
			event.stopPropagation();
		});
	});
</script>
@endsection