@extends('templates.template')

@push('page-title')
<h2>Painel de Gestão de Plano de Aulas</h2>
<p>Gerencie todas as suas informações</p>
@endpush

@section('content')
	
<div class="row">
    <div class="col-md-3">
        <a href="{{ url(route('planoaulas.index')) }}" class="tile-box tile-box-shortcut btn-warning">
            <span class="bs-badge badge-absolute">
                Planos de Aula
            </span>
            <div class="tile-header">Visualizar Todos</div>
            <div class="tile-content-wrapper">
                <i class="fa fa-book glyph-icon"></i>
            </div>
        </a>
    </div>
    <div class="col-md-3">
        <a href="{{ url(route('planoaulas.create')) }}" class="tile-box tile-box-shortcut btn-warning">
            <span class="bs-badge badge-absolute">
                Planos de Aula
            </span>
            <div class="tile-header">Criar Plano de Aula</div>
            <div class="tile-content-wrapper">
                <i class="fa fa-plus glyph-icon"></i>
            </div>
        </a>
    </div>
    <div class="col-md-3">
        <a href="{{ url(route('planoaulas.planodeaula')) }}" class="tile-box tile-box-shortcut btn-info planoPdf">
            <span class="bs-badge badge-absolute">
                Planos de Aula
            </span>
            <div class="tile-header">Relatório</div>
            <div class="tile-content-wrapper">
                <i class="fa fa-file-pdf-o glyph-icon"></i>
            </div>
        </a>
    </div>
 </div>

<hr>

 <table class="table table-striped table-bordered" role="grid" aria-describedby="example_info" id="searchListarMatricula" width="100%">
	<thead>
		<tr>
			<th>#</th>
			<th>Usuário Responsável</th>
			<th>Turma</th>
			<th>Disciplina</th>
			<th>Período da Aula</th>
			<th>Situação</th>
		</tr>
	</thead>
	<tbody>
		@foreach($dados as $dado)
		<tr class="{!! situacaoCancelados($dado->situacao) !!}" data-url="{{ route('matriculas.detalhes', $dado['aluno_id']) }}">
			<td>{{ $dado->id }}</td>
			<td>{{ $dado->user->name }}</td>
			<td>{{ $dado->turma->descricao }}</td>
			<td>{{ (isset($dado->disciplina->descricao)) ? $dado->disciplina->descricao : '- - -' }}</td>
			<td>{{ dataAmericaBrasil($dado->data) }} de {{ $dado->tempo_inicio }} às {{ $dado->tempo_final }}</td>
			<td class="text-center">
                <a href='{{ route("planoaulas.edit", ["id" => $dado->id]) }}' data-toggle="tooltip" data-placement="top" title="Editar Plano de Aula" class="btn btn-default btn-xs"><i class="fa fa-edit"></i></a>
				@if(count($dado->acompanhamentos)==0)
	                <a href='{{ route("acompanhamento.acompanhamento", ["id" => $dado->id, 'turma_id' => $dado->turma->id]) }}' data-toggle="tooltip" data-placement="top" title="Inserir Período do Aluno" class="btn btn-default btn-xs"><i class="fa fa-upload"></i></a>
	            @else
	                <a href='{{ route("acompanhamento.presenca", ["turma_id" => $dado->turma->id, "discplina_id" => $dado->disciplina->id]) }}' data-toggle="tooltip" data-placement="top" title="Visualizar a Presença" class="btn btn-default btn-xs visualizarPresenca"><i class="fa fa-list"></i></a>
	            @endif
                <a href='{{ route("planoaulas.delete", ["id" => $dado->id]) }}' data-toggle="tooltip" data-placement="top" title="Deletar Plano de Aula" class="btn btn-danger btn-xs delete"><i class="fa fa-trash"></i></a>
			</td>
		</tr>
		@endforeach
	</tbody>
</table>
@endsection

@push('scripts')
<script type="text/javascript">
	$('[data-toggle="tooltip"]').tooltip();

	$('.visualizarPresenca').click(function (e) {
		e.preventDefault()
		var _this = $(this)
		bootbox.dialog({ 
			message: '<h3>Escolha um mês</h3>' +
						'<hr/>'+
						'<div class="row">'+
					      '<div class="col-md-8">'+
					    		'<div class="form-group">'+
									'{!! Form::select('month', [
											1 => 'janeiro',
											2 => 'fevereiro',
											3 => 'março',
											4 => 'abril',
											5 => 'maio',
											6 => 'junho',
											7 => 'julho',
											8 => 'agosto',
											9 => 'setembro',
											10 => 'outubro',
											11 => 'novembro',
											12 => 'dezembro'
											], '', ['class' => 'form-control']) !!}'+
								'</div>'+
							'</div>'+
							'<div class="col-md-4">'+
								'{!! Form::button('Enviar', ['class' => 'btn btn-warning escolhaMes']) !!}'+
							'</div>'+
						'</div>'
						
		})
		$('.escolhaMes').click(function(e){
			var month = $('[name=month]').val()
			var url = _this.attr('href') +'/'+ month
			window.open(url,'_blank')
		})
	})

	$('.planoPdf').click(function(e){
		e.preventDefault()
		var _this = $(this)
		bootbox.dialog({ 
			message: '<h3>Turma</h3>' +
							'{!! Form::select('test', $turmas, '') !!}'
						
		})
		// $.post( _this.attr('href') , { name: "John", time: "2pm" })
		// 	.done(function( data ) {
		// 		console.log( "Data Loaded: " + data );
		// 	});
	})

	$('.delete').click(function(e) {
		e.preventDefault()
		var _this = $(this)
		bootbox.confirm("Você tem certeza que deseja deletar?", function(result){ 
			if(result){
				window.location.href = _this.attr('href')
			}
		})
	})
</script>
@endpush