@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(route('alunos.create')) }}" class="tile-box tile-box-shortcut btn-info">
            <span class="bs-badge badge-absolute">
                Alunos
            </span>
            <div class="tile-header">Adicionar Aluno</div>
            <div class="tile-content-wrapper">
                <i class="glyphicon glyphicon-list-alt glyph-icon"></i>
            </div>
        </a>
    </div>
    
</div>
<hr>
<div>
	<table class="table table-striped table-bordered" role="grid" aria-describedby="example_info" id="searchListarAluno" width="100%">
		<thead>
			<tr>
				<th>#</th>
				<th>Descrição</th>
				<th>Responsável</th>
				<th align="center">Ações</th>
			</tr>
		</thead>
		<tbody>
		@foreach($dados as $dado)
			<tr>
				<td data-id="{{ $dado->id }}">{{ $dado->codigo }}</td>
				<td class="visualizarAluno" data-toggle="modal" data-target="#alunosModal">

					<div class="col-md-2">
						@if(!empty($dado->imagem))
							<img src="/images/alunos/{{ $dado->imagem }}" alt="Imagem do aluno" width="80" class="img-circle">
						@else
							<img src="https://cdn.icon-icons.com/icons2/1993/PNG/512/avatar_male_man_people_person_profile_user_icon_123199.png" style="background-color: #6AA6FF;" alt="Avantar" width="80" class="img-circle">
						@endif
					</div>
					<div class="col-md-10">
					{{ $dado->nomecompleto }} <br/> {!! (empty($dado->imagem) ? '<span class="label label-danger">sem foto</span>' : '<span class="label label-success">com foto</span>' ) !!}  
					<!-- "/images/alunos/{{ $dado->imagem }}" -->
					{{-- $foto = '/images/alunos/'. $dado->imagem;
					list($largura, $altura) =  getimagesize($foto);
					if(!empty($dado->imagem)){
						echo ($largura <= 200 && $altura <= 200)? '<span class="label label-warning">OK para impressão</span>' : '';
					} 

					$user = $dado->users()->first() --}}

					@if($dado->matriculas)
						@foreach($dado->matriculas as $mat)
							@if($mat['codigo_rfid'])
							<span class="label label-success">Turma:{{$mat->turma['descricao']}} | Cartão: {{$mat['codigo_rfid']}}</span>
							@endif
						@endforeach
					@endif
					</div>
				</td>
				<td>{{(!empty($dado->responsavel->descricao)?  $dado->responsavel->descricao : '----' ) }}</td>
				<td align="center">
					<a href='{{ route("alunos.edit",["id" => $dado->id]) }}' data-toggle="tooltip" data-placement="top" title="Editar" class="btn btn-default btn-xs"><i class="fa fa-edit"></i></a>
					<a href='{{ route("alunos.delete",["id" => $dado->id]) }}' data-toggle="tooltip" data-placement="top" title="Excluir" class="btn btn-danger btn-xs delete"><i class="fa fa-close"></i></a>
				</td>
			</tr>
		@endforeach
		</tbody>
	</table>
</div>

<div class="modal fade" id="alunosModal" 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 Alunos</h4>
      		</div>
      		<div class="modal-body">
        		<div class="clearfix"></div>
	    		<div class="content-modal-alunos"></div>
     		</div>
      		<div class="modal-footer">
        		<button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
      		</div>
    	</div>
    </div>
</div>
@stop
@push('scripts')
<script type="text/javascript">
    $(document).ready(function() {
    	$('#searchListarAluno').dataTable({"iDisplayLength": 680});
        $('[data-toggle="tooltip"]').tooltip();

        $('.delete').click(function(event){
            event.preventDefault();
            var __URL__ = $(this).attr('href');
            bootbox.confirm("Deseja deletar este registro?", function(result) {
                if(result){
                    $(window.document.location).attr('href',__URL__);
                }
            });
        });

    });
</script>
@endpush