@extends('templates.template')
@push('page-title')
<h2>Gestão de Aulas - Relatórios</h2><br>
<p></p>
@endpush
@section('content')
@if(count($planosEncerrar) < 1)
<div class="row">
	<div class="col-md-3">
		<a href="{{route('gestaodeaulas.fecharPlanos', $periodo->id)}}" class="tile-box tile-box-shortcut btn-danger">
			<span class="bs-badge badge-absolute">
				Planos de Aulas
			</span>
			<div class="tile-header">Fechar Edição de Planos e Aulas Previstas</div>
			<div class="tile-content-wrapper">
				<i class="glyphicon glyphicon-inbox glyph-icon"></i>
			</div>
		</a>
	</div>
@else
	<div class="col-md-3">
		<a href="{{route('gestaodeaulas.abrirPlanos', $periodo->id)}}" class="tile-box tile-box-shortcut btn-info">
			<span class="bs-badge badge-absolute">
				Planos de Aulas
			</span>
			<div class="tile-header">Abrir Edição de Planos e Aulas Previstas</div>
			<div class="tile-content-wrapper">
				<i class="glyphicon glyphicon-inbox glyph-icon"></i>
			</div>
		</a>
	</div>
@endif
<div class="col-md-3">
    <a href="{{route('planodeaulas.todosPlanos', $periodo->id)}}" class="tile-box tile-box-shortcut btn-info">
      <span class="bs-badge badge-absolute">
        Planos de Aulas
      </span>
      <div class="tile-header">Imprimir Planos de Aulas</div>
      <div class="tile-content-wrapper">
        <i class="glyphicon glyphicon-inbox glyph-icon"></i>
      </div>
    </a>
  </div>
</div>
<hr>
<div class="row">

<div id="accordion">
  <div class="card">
    <div class="card-header" id="headingOne">
      <h5 class="mb-0">
        <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          Planos com Edição e Aulas Previstas Encerradas
        </button>
      </h5>
    </div>

    <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
      <div class="card-body">
        @foreach($planosEncerrar as $key)
          <li>{{$key->descricao}}</li>
        @endforeach
      </div>
    </div>
  </div>
  <div class="card">
    <div class="card-header" id="headingTwo">
      <h5 class="mb-0">
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
          Planos com Edição e Aulas Previstas Liberadas
        </button>
      </h5>
    </div>
    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
      <div class="card-body">
        @foreach($planosLiberar as $key)
          <li>{{$key->id}}-{{$key->descricao}}</li>
        @endforeach
      </div>
    </div>
  </div>
  

</div>
</div>
@stop
@push('scripts')
<script type="text/javascript">
  $(document).ready(function() {
    $('#searchListar').dataTable();
    $('#searchListarMatricula').dataTable();

     $(document).on('click', '.aulaMinistrada', function(event){
        event.preventDefault();
        var id = $(this).attr('id');
          console.log(id)
          $("#campoIdMinistrada").val(id)
      });

      $(document).on('click', '.aulaPrevista', function(event){
        event.preventDefault();
        var id = $(this).attr('id');
          console.log(id)
          $("#campoIdPrevista").val(id)
      });

      $(document).on('click', '.btnExcluir', function(event){
        event.preventDefault();
        var id = $(this).attr('id');
          console.log(id)
          $("#campoIdExcluir").val(id)
      });

      $(document).on('click', '.btnDiario', function(event){
        event.preventDefault();
        var id = $(this).attr('id');
          console.log(id)
          $("#campoIdDiario").val(id)
      });

  });
</script>
@endpush