@extends('templates.template')

@push('page-title')
	<h2>Alunos</h2>
	<p>Cadastre, atualize e edite os alunos da sua instituição!</p>
@endpush

@section('content')
<div class="row">
    <div class="col-md-3">
        <a href="{{ url('alunos/mostrar') }}" class="tile-box tile-box-shortcut btn-info">
            <span class="bs-badge badge-absolute">
                Alunos
            </span>
            <div class="tile-header">Todos os Alunos</div>
            <div class="tile-content-wrapper">
                <i class="glyphicon glyphicon-list-alt glyph-icon"></i>
            </div>
        </a>
    </div>
    
</div>
<hr>
<div class="row">
	@if( isset($dados->id) )
	{!! Form::open(array('action' => array('AlunosController@update', $dados->id), 'files' => true)) !!}
	@else
	{!! Form::open(['route'=>'alunos.create', 'files' => true]) !!}
	@endif
	<div>

		<!-- Nav tabs -->
		<ul class="nav nav-tabs" role="tablist">
			<li role="presentation" class="active">
				<a href="#dadosaluno" aria-controls="dadosaluno" role="tab" data-toggle="tab">DADOS PESSOAIS</a></li>
				{{-- <li role="presentation">
					<a href="#informacao-aluno" aria-controls="informacao-aluno" role="tab" data-toggle="tab">INFORMAÇÕS DO (A) ALUNO(A)</a>
				</li> --}}
				{{-- <li role="presentation">
					<a href="#responsaveis" aria-controls="responsaveis" role="tab" data-toggle="tab">DADOS DOS RESPONSÁVEIS</a>
				</li> --}}
				{{-- <li role="presentation">
					<a href="#outrasinformacoes" aria-controls="outrasinformacoes" role="tab" data-toggle="tab">OUTRAS INFORMA.</a>
				</li> --}}
				{{-- <li role="presentation">
					<a href="#documentacao" aria-controls="documentacao" role="tab" data-toggle="tab">DOCUMENTAÇÕES</a>
				</li> --}}
			</ul>

			<!-- Tab panes -->
			<div id="myTabContent" class="tab-content">
				<div role="tabpanel" class="tab-pane active" id="dadosaluno">
					@include('alunos.partes.dados-alunos')
					@include('alunos.partes.informacoes-pessoais-aluno')
					@include('alunos.partes.responsaveis')
					@include('alunos.partes.outras-informacoes')
					@include('alunos.partes.documentacoes')
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title" id="myModalLabel">Gestão de Responsáveis</h4>
				</div>
				<div class="modal-body">
					<div class="clearfix"></div>
					<div class="content-modal-responsavel">
						<h3>Observação</h3>
						<div class="alert alert-danger">
							<p>- No campo acima você pode procurar por responsáveis que já pertencem ao nosso grupo de alunos, basta clicar em {!! Form::button('Procurar', array('class' => 'btn btn-success')) !!};</p>
							<p>- Caso <strong>NÃO</strong> exista o responsável que você procura, clique no botão {!! Form::button('Cadastrar', array('class' => 'btn btn-info cadastrar-responsavel')) !!} logo preencha o formulário e adicione ao banco de dados, tão brevemente os dados cadastrado seram vinculados ao aluno que está sendo realizado o cadastro atualmente.</p>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12">
							<div class="form-group">
								{!! Form::button('Cadastrar', array('class' => 'btn btn-info cadastrar-responsavel')) !!}
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
				</div>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12" style="margin-left:-13px;">
			{!! Form::submit('Enviar dados', array('class'=>'btn btn-default')) !!}
		</div>
	</div>
{!! Form::close() !!}
	@endsection
	@section('styles')
		<style type="text/css">
			.dadosendereoco1, .dadosendereoco2{
				display: none;
			}
			#responsavel {
				color: #999;
				font-size: 14px;
				-webkit-appearance: none;
				-moz-appearance: none;
				-ms-appearance: none;
				-o-appearance: none;
				text-transform: uppercase;
				select::-ms-expand { display: none; }/* Remove seta padrão do IE*/
		</style>
	@endsection
	@section('scripts')
	{!! HTML::script('/bower_components/select2/dist/js/select2.min.js') !!}
	{!! HTML::style('/bower_components/select2/dist/css/select2.min.css') !!}
		<script type="text/javascript">
			$(document).ready(function() {
				$('.select2').select2();
				$('.mesmoendereco1').change(function(event) {
					if($(this).val() == 0){
						$('.dadosendereoco1').css('display', 'table');
					}else{
						$('.dadosendereoco1').css('display', 'none');
					}
				});
				$('.mesmoendereco1').is(function(event) {
					if($(this).val() == 0){
						$('.dadosendereoco1').css('display', 'table');
					}else{
						$('.dadosendereoco1').css('display', 'none');
					}
				});
				$('.mesmoendereco2').change(function(event) {
					if($(this).val() == 0){
						$('.dadosendereoco2').css('display', 'table');
					}else{
						$('.dadosendereoco2').css('display', 'none');
					}
				});
				$('.mesmoendereco2').is(function(event) {
					if($(this).val() == 0){
						$('.dadosendereoco2').css('display', 'table');
					}else{
						$('.dadosendereoco2').css('display', 'none');
					}
				});
				// pesquisar cep
				$('#cep').focusout(function(event) {
					var cep = $(this).val(); 
					$.ajax({
						url: '/alunos/pesquisar-cep/'+cep,
						beforeSend: function( xhr ) {
							bootbox.hideAll()
							bootbox.dialog({ message: '<div class="text-center"> <i class="fa fa-cog fa-spin fa-3x fa-fw"></i></div><h3 class="text-center">Buscando dados!</h3>'})
						},
						type: 'GET',
					})
					.done(function(data) {
						bootbox.hideAll()
						$('#endereco_aluno').val(data.logradouro);
						$('#bairro_aluno').val(data.bairro);
						$('#cidade_aluno').val(data.cidade);
						$('#estado_aluno').val(data.uf);
					})
					.error(function(e) {
						bootbox.hideAll()
						bootbox.dialog({ message: '<div class="text-center"> <i class="fa fa-cog fa-3x fa-exclamation-triangle"></i></div><h3 class="text-center">CEP não encontrado!</h3>'});
					});
				});
				$('#cep1').focusout(function(event) {
					var cep = $(this).val(); 
					$.ajax({
						url: '/alunos/pesquisar-cep/'+cep,
						beforeSend: function( xhr ) {
							bootbox.hideAll()
							bootbox.dialog({ message: '<div class="text-center"> <i class="fa fa-cog fa-spin fa-3x fa-fw"></i></div><h3 class="text-center">Buscando dados!</h3>'})
						},
						type: 'GET',
					})
					.done(function(data) {
						bootbox.hideAll()
						$('#endereco1').val(data.logradouro);
						$('#bairro1').val(data.bairro);
						$('#cidade1').val(data.cidade);
						$('#estado1').val(data.uf);
					})
					.error(function(e) {
						bootbox.hideAll()
						bootbox.dialog({ message: '<div class="text-center"> <i class="fa fa-cog fa-3x fa-exclamation-triangle"></i></div><h3 class="text-center">CEP não encontrado!</h3>'});
					});
				});
				$('#cep2').focusout(function(event) {
					var cep = $(this).val(); 
					$.ajax({
						url: '/alunos/pesquisar-cep/'+cep,
						beforeSend: function( xhr ) {
							bootbox.hideAll()
							bootbox.dialog({ message: '<div class="text-center"> <i class="fa fa-cog fa-spin fa-3x fa-fw"></i></div><h3 class="text-center">Buscando dados!</h3>'})
						},
						type: 'GET',
					})
					.done(function(data) {
						bootbox.hideAll()
						$('#endereco2').val(data.logradouro);
						$('#bairro2').val(data.bairro);
						$('#cidade2').val(data.cidade);
						$('#estado2').val(data.uf);
					})
					.error(function(e) {
						bootbox.hideAll()
						bootbox.dialog({ message: '<div class="text-center"> <i class="fa fa-cog fa-3x fa-exclamation-triangle"></i></div><h3 class="text-center">CEP não encontrado!</h3>'});
					});
				});
				function alergico(i){
				if(i == 1){
					$('.alergicodescricao').show();
				} else {
					$('.alergicodescricao').hide();
					$('.alergicodescricaotext').val('');
				}
			}
			$('.alergico').is(function(data){
				alergico($(this).val());
			});
			$('.alergico').change(function(){
				alergico($(this).val());
			});
			});
		</script>
	@endsection