@extends('templates.template')
@push('page-title')
<h2>Presenças</h2>
<!-- <p>Aquele que ensina, ministra aulas (em escola, colégio, universidade, curso ou particularmente); mestre.</p> -->
@endpush
@section('content')
<div class="row">
	<div class="col-md-3">
		<a data-toggle="modal" data-target="#exampleModal" href="#" 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 Diário</div>
			<div class="tile-content-wrapper">
				<i class="glyphicon glyphicon-inbox glyph-icon"></i>
			</div>
		</a>
	</div>
</div>

<hr/>
<table class="table table-striped table-bordered" role="grid" aria-describedby="example_info" id="searchListar" width="100%">
		<thead>
			<tr>
				<th>#</th>
				<th>Aluno</th>
				<th>Data</th>
				<th>Tipo</th>
				<th>Hora</th>
			</tr>
		</thead>
		<tbody>
		@forelse($dados as $dado)
		<tr>
			<td>{{ $dado->id or ''}}</td>
			<td>{{ $dado->matricula->aluno['nomecompleto']  or ''}}</td>
			<td>{!! Carbon\Carbon::parse($dado->created_at)->format('d/m/Y') !!}</td>
			<td>@if($dado->tipo == 1) Entrada @else Saída @endif</td>
			<td>{!! Carbon\Carbon::parse($dado->created_at)->format('H:i:s') !!}</td>
		</tr>
		@empty
			<tr>
				<td colspan="4">Não existem dados cadastrados!</td>
			</tr>
		@endforelse
		</tbody>
	</table>

	<!-- Modal -->
	<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <h5 class="modal-title" id="exampleModalLabel">Relatório Diário</h5>
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
	          <span aria-hidden="true">&times;</span>
	        </button>
	      </div>
	      <div class="modal-body">
	        {!! Form::open(['route' => 'presencas.relatorios', 'files'=>'true']) !!}
	        {!! Form::label('Informe uma data') !!}
	        {!! Form::text('data', null, ['class'=>'form-control data', "id"=>"datetimepicker5"]) !!}

	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
	        {!! Form::submit('Visualizar', ['class'=>'btn btn-success']) !!}
	        {!! Form::close() !!}
	      </div>
	    </div>
	  </div>
	</div>
@stop
@section('scripts')
	<script type="text/javascript">
		$('#table').DataTable({ "lengthMenu": [[4, 25, 50], [4, 25, 50]]});
		$('[data-toggle="tooltip"]').tooltip();

		$('.data').datetimepicker({
      format: 'DD/MM/YYYY'
    });


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