@extends('templates.template')
@push('page-title')
<h2>Frequência Automática - Relatório Diário</h2><br>
<p></p>
@endpush
@section('content')

<div class="row">
  <div class="col-md-3">
     <a  href="{{route('presencas.relatorioPresencaPDF', $data)}}/{{$turma->id}}" class="tile-box tile-box-shortcut btn-success">
      <span class="bs-badge badge-absolute">
        Frequência Automática
      </span>
      <div class="tile-header">Relatório em PDF</div>
      <div class="tile-content-wrapper">
        <i class="glyphicon glyphicon-inbox glyph-icon"></i>
      </div>
    </a> 
  </div>

 <!--  <div class="col-md-3">
     <a  href="{{route('presencas.finalizarFrequencia', $turma)}}/{{$data}}" class="tile-box tile-box-shortcut btn-success">
      <span class="bs-badge badge-absolute">
        Frequência Automática
      </span>
      <div class="tile-header">Finalizar Frequência</div>
      <div class="tile-content-wrapper">
        <i class="glyphicon glyphicon-inbox glyph-icon"></i>
      </div>
    </a> 
  </div> -->

</div>
<hr>
<div class="row">

  <table class="table table-striped table-bordered" role="grid" aria-describedby="example_info" id="searchListar" width="100%">
    <thead>
      <tr>
        <th>CARTÃO</th>
        <th>ALUNO</th>
        <th>ENTRADA</th>
        <th>SAÍDA</th>
        <!-- <th>AÇÕES</th> -->
      </tr>
    </thead>
    <tbody>
    @foreach($matriculas as $mat)

    {{--  */ 
      $entrada = '';
      $h_entrada = '';
      $h_saida = '';
      $saida = '';

      foreach($registros as $reg){
          if($reg->matricula_id == $mat->id && $reg->tipo == 1){
            $entrada = $mat->id;
            $h_entrada = $reg->created_at;

          }

          if($reg->matricula_id == $mat->id && $reg->tipo == 2){
            $saida = $mat->id;
            $h_saida = $reg->created_at;
          }

        }
      
    /* --}}
    <tr>
      <td>{{$mat->codigo_rfid}}</td>
      <td>{{$mat->aluno['nomecompleto']}}</td>
      @if($entrada == $mat->id)
      <td><label class="label label-success">{{date('d/m/Y H:i:s', strtotime($h_entrada))}}</label></td>
      @else
      <td><label class="label label-danger">sem registro</label></td>
      @endif
      @if($saida == $mat->id)
      <td><label class="label label-success">{{date('d/m/Y H:i:s', strtotime($h_saida))}}</label></td>
      @else
      <td><label class="label label-danger">sem registro</label></td>
      @endif
      
      <!-- <td>
        <div class = "btn-group">
              <button type = "button" class = "btn btn-default dropdown-toggle btn-xs" data-toggle = "dropdown">
              Ações
              <span class = "caret"></span>
              </button>

              

        </div>
      </td> -->
    </tr>
    @endforeach
    </tbody>
  </table>


</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