 @if (count($alumnos)>0)  
<div class="container-fluid">           

                    <div class="row encabezado">

                      <div class="col-xs col-sm-1"><p class="text-center">Cancelar</p></div>

                      <div class="col-xs col-sm-1"><p class="text-center">No.</p></div>

                      <div class="col-xs col-sm-2"><p class="text-center">No. control</p></div>

                      <div class="col-xs col-sm-3"><p class="text-center">Nombre</p></div>

                      <div class="col-xs col-sm-2"><p class="text-center">Carrera</p></div>

                      <div class="col-xs col-sm-3"><p class="text-center">Opciones</p></div>

                      <!-- Optional: clear the XS cols if their content doesn't match in height -->

                      <div class="clearfix visible-xs-block"></div>

                    </div>

                    @php ($numero = 0)

                    @foreach ($alumnos as $a)

                        @php ($numero++)

                        <div class="row renglon" id="{{ $a->id_alu }}">

                          <div class="col-xs col-sm-1" align="center">

                            <button type="button" id="btnCancelarServicio" class="btn btnCancelarServicio btn-danger btn-xs" data-toggle="modal" data-id1alu="{{$a->id_alu }}" onclick="cancelarServicio({{$a->id_alu }});"><span class="fa fa-trash-o"> </span></button>

                          </div>

                          <div class="col-xs col-sm-1 text-center" id="num{{ $numero }}">{{ $numero }}</div>

                          <div class="col-xs col-sm-2" id="ncontrolDiv{{ $a->id_alu }}">{{ $a->ncontrol_alu }}</div>

                          <div class="col-xs col-sm-3" id="nombreDiv{{ $a->id_alu }}">{{ $a->nombre_alu }} {{ $a->apaterno_alu }} {{ $a->amaterno_alu }}
                            @if ($a->solicitud_pendiente || $a->solicitud_rechazada || $a->reportes_pendientes || $a->reportes_rechazados || $a->evaluaciones_pendientes)
                              <br>
                              @if ($a->solicitud_pendiente)
                                  <span class="badge" style="background-color: deepskyblue;">{{1}}</span> 
                              @endif

                              @if ($a->solicitud_rechazada) 
                                  <span class="badge" style="background-color: darkorange;">{{1}}</span> 
                              @endif

                              @if ($a->reportes_pendientes) 
                                @if (count($a->reportes_pendientes)>0)
                                  <span class="badge" style="background-color: lightseagreen;">{{count($a->reportes_pendientes)}}</span> 
                                @endif
                              @endif

                              @if ($a->reportes_rechazados) 
                                @if (count($a->reportes_rechazados)>0)
                                  <span class="badge" style="background-color: goldenrod;">{{count($a->reportes_rechazados)}}</span>
                                @endif
                              @endif

                              @if ($a->evaluaciones_pendientes) 
                                @if (count($a->evaluaciones_pendientes)>0)
                                  <span class="badge" style="background-color: orangered;">{{count($a->evaluaciones_pendientes)}}</span> 
                                @endif
                              @endif
                            @endif

                            @php ($auto_pen = 0)

                            @if ($a->auto1_alu==0)
                              @php ($auto_pen++)
                            @endif
                            @if ($a->auto2_alu==0)
                              @php ($auto_pen++)
                            @endif
                            @if ($a->auto3_alu==0)
                              @php ($auto_pen++)
                            @endif
                            @if ($a->autofinal_alu==0)
                              @php ($auto_pen++)
                            @endif

                            @if ($auto_pen!=0)
                              <span class="badge" style="background-color: darkred;">{{ $auto_pen }}</span> 
                            @endif
                          </div>

                          <div class="col-xs col-sm-2" id="carreraDiv{{ $a->id_alu }}">{{ $a->carrera->nombre_carr }}</div>

                          <div class="col-xs col-sm-3" align="center">

                            <button type="button" id="btnConsultaAlumno" class="btn btnConsultaAlumno btn-primary btn-xs" data-toggle="modal" data-id1alu="{{$a->id_alu }}" ><span class="fa fa-eye"> </span>Consultar </button>



                            @if ($a->soli_alu==1 && $a->carta_alu==1 && $a->presentacion_alu==1 && $a->reporte1_alu==1 && $a->reporte2_alu==1 && $a->reporte3_alu==1 && $a->reportefinal_alu==1 && $a->eva1_alu==1 && $a->eva2_alu==1 && $a->eva3_alu==1 && $a->evafinal_alu==1 && $a->auto1_alu==1 && $a->auto2_alu==1 && $a->auto3_alu==1 && $a->autofinal_alu==1)

                              <button type="button" id="btnLiberacionAlumno{{$a->id_alu }}" class="btn btnLiberacionAlumno btn-turq btn-xs" data-toggle="modal" data-id2alu="{{$a->id_alu }}" ><span class="fa fa-file-pdf-o" disabled> </span>Generar Liberación </button>

                            @else

                            <button type="button" id="btnAutorizarAlumno" class="btn btnAutorizarAlumno btn-turq btn-xs" data-toggle="modal" data-id3alu="{{$a->id_alu }}" ><span class="fa fa-edit"> </span>Autorizar </button>

                            @endif

                          </div>

                          <!-- Optional: clear the XS cols if their content doesn't match in height -->

                          <div class="clearfix visible-xs-block"></div>

                        </div>

                    @endforeach 
                  </div>

                  @else

                    <h4 align="center">No hay alumnos activos.</h4>

                  @endif

                  <div class="col-12">
                    <span class="badge" style="background-color: deepskyblue;">Solicitud pendiente</span>
                    <span class="badge" style="background-color: darkorange;">Solicitud rechazada</span>
                    <span class="badge" style="background-color: lightseagreen;">Reporte pendiente</span>
                    <span class="badge" style="background-color: goldenrod;">Reporte rechazado</span>
                    <span class="badge" style="background-color: orangered;">Evaluación pendiente captura</span>
                    <span class="badge" style="background-color: darkred;">Autoevaluación pendiente</span>
                  </div>
