<div class="right_col" role="main">
<div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
              <div class="x_panel">
                <div class="x_title">
                <h2>Alumnos - Inactivos</h2>
                <div class="clearfix"></div>
              </div>
              <div class="x_content">
                <div class="container-fluid">
                  <?php if(count($alumnos)>0): ?>                  
                    <div class="row encabezado">
                      <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">Número de 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-4"><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); ?>
                    <?php $__currentLoopData = $alumnos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $a): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php ($numero++); ?>
                        <div class="row renglon" id="<?php echo e($a->id_alu); ?>">
                          <div class="col-xs col-sm-1 text-center" id="<?php echo e($a->id_alu); ?>"><?php echo e($numero); ?></div>
                          <div class="col-xs col-sm-2" id="ncontrolDiv<?php echo e($a->id_alu); ?>"><?php echo e($a->ncontrol_alu); ?></div>
                          <div class="col-xs col-sm-3" id="nombreDiv<?php echo e($a->id_alu); ?>"><?php echo e($a->nombre_alu); ?> <?php echo e($a->apaterno_alu); ?> <?php echo e($a->amaterno_alu); ?></div>
                          <div class="col-xs col-sm-2" id="carreraDiv<?php echo e($a->id_alu); ?>">
                            <?php if($a->id_carr == 1): ?>
                              INGENIERÍA CIVIL
                            <?php elseif($a->id_carr == 2): ?>
                              INGENIERÍA EN SISTEMAS COMPUTACIONALES
                            <?php elseif($a->id_carr == 3): ?>
                              INGENIERÍA INDUSTRIAL
                            <?php elseif($a->id_carr == 4): ?>
                              INGENIERÍA EN GESTIÓN EMPRESARIAL
                            <?php elseif($a->id_carr == 5): ?>
                              INGENIERÍA ELECTROMECÁNICA
                            <?php elseif($a->id_carr == 6): ?>
                              CONTADOR PÚBLICO
                            <?php elseif($a->id_carr == 7): ?>
                              LICENCIATURA EN ADMINISTRACIÓN DE EMPRESAS
                            <?php elseif($a->id_carr == 8): ?>
                              ARQUITECTURA
                            <?php elseif($a->id_carr == 9): ?>
                              INGENIERÍA EN INDUSTRIAS ALIMENTARIAS
                            <?php elseif($a->id_carr == 10): ?>
                              INGENIERÍA EN INNOVACIÓN AGRÍCOLA SUSTENTABLE
                            <?php elseif($a->id_carr == 11): ?>
                              INGENIERÍA EN INFORMÁTICA
                            <?php endif; ?></div>
                          <div class="col-xs col-sm-4" align="center">
                            <button type="button" id="btnConsultaAlumno" class="btn btnConsultaAlumno btn-primary btn-xs" data-toggle="modal" data-id1alu="<?php echo e($a->id_alu); ?>" ><span class="fa fa-eye"> </span>Consultar </button>
                            <button type="button" id="btnActivarAlumno" class="btn btnActivarAlumno btn-turq btn-xs" data-toggle="modal" data-id2alu="<?php echo e($a->id_alu); ?>" ><span class='fa fa-check-square-o'> </span>Activar </button>
                          </div>
                          <!-- Optional: clear the XS cols if their content doesn't match in height -->
                          <div class="clearfix visible-xs-block"></div>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> 
                  <?php else: ?>
                    <h4 align="center">No hay alumnos inactivos.</h4>
                  <?php endif; ?>
                </div>
              </div>
            </div>            
          </div>      
        </div>
      <!-- /page content -->
      </div>

  <!-- MODAL DE MENSAJES -->
    <div class="modal fade" id="msjModalPrincipal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <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="miModalLabel">Información</h4>
          </div>
          <div class="modal-body">
              <h5 class="mnsjPrincipal"></h5>

              <div class="modal-footer">
                <button type="button" class="btn btn-dark" data-dismiss="modal">
                  <span class='fa fa-remove'></span> Cerrar
                </button>
              </div>
          </div>
        </div>
      </div>
    </div>


    <!-- MODAL DE CONSULTA -->
    <div class="modal fade" id="consultaAlumnoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <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="miModalLabel">Información</h4>
          </div>
          <div class="modal-body">
            <form class="form-horizontal" role="form">
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">ID:</label>
                <div class="col-sm-10 col-xs-12">
                  <input type="text" class="form-control" id="id_show" readonly="">
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Número de Control:</label>
                <div class="col-sm-10 col-xs-12">
                  <input type="text" class="form-control" id="ncontrol_show" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Nombre:</label>
                <div class="col-md-10 col-sm-10 col-xs-12">
                  <input type="text" class="form-control" id="nombre_show" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Teléfono:</label>
                <div class="col-md-10 col-sm-10 col-xs-12">
                  <input type="text" class="form-control" id="telefono_show" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Domicilio:</label>
                <div class="col-md-10 col-sm-10 col-xs-12">
                 <input type="text" class="form-control" id="domicilio_show" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Correo:</label>
                <div class="col-md-10 col-sm-10 col-xs-12">
                  <input type="text" class="form-control" id="correo_show" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Carrera:</label>
                <div class="col-md-10 col-sm-10 col-xs-12">
                  <input type="text" class="form-control" id="carrera_show" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Número de Créditos:</label>
                <div class="col-md-10 col-sm-10 col-xs-12">
                  <input type="text" class="form-control" id="ncreditos_show" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Password:</label>
                <div class="col-sm-10 col-xs-12">
                  <input type="text" class="form-control" id="password_show" disabled>
                </div>
              </div>
            </form>
              <div class="modal-footer">
                <button type="button" class="btn btn-warning" data-dismiss="modal">
                  <span class='fa fa-remove'></span> Cerrar
                </button>
              </div>
      </div>
    </div>
  </div>
</div>

    <!-- MODAL DE CONSULTA -->
    <div class="modal fade" id="activarModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <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="miModalLabel">Información</h4>
          </div>
          <div class="modal-body">
            <form class="form-horizontal" id="formActivarAlumno" role="form">
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">ID:</label>
                <div class="col-sm-10 col-xs-12">
                  <input type="text" class="form-control" id="id1_show" readonly="">
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Número de Control:</label>
                <div class="col-sm-10 col-xs-12">
                  <input type="text" class="form-control" id="ncontrol1_show" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Nombre:</label>
                <div class="col-md-10 col-sm-10 col-xs-12">
                  <input type="text" class="form-control" id="nombre1_show" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Teléfono:</label>
                <div class="col-md-10 col-sm-10 col-xs-12">
                  <input type="text" class="form-control" id="telefono1_show" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Domicilio:</label>
                <div class="col-md-10 col-sm-10 col-xs-12">
                 <input type="text" class="form-control" id="domicilio1_show" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Correo:</label>
                <div class="col-md-10 col-sm-10 col-xs-12">
                  <input type="text" class="form-control" id="correo1_show" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Carrera:</label>
                <div class="col-md-10 col-sm-10 col-xs-12">
                  <input type="text" class="form-control" id="carrera1_show" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Número de Créditos:</label>
                <div class="col-md-10 col-sm-10 col-xs-12">
                  <input type="text" class="form-control" id="ncreditos1_show" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Password:</label>
                <div class="col-sm-10 col-xs-12">
                  <input type="text" class="form-control" id="password1_show" disabled>
                </div>
              </div>
              <div>
                <label class="control-label col-sm-2">Perído de activación: </label>
                <div class="col-md-10 col-sm-10 col-xs-12">                  
                  <select class="form-control" id="periodo_show" name="periodo_show">
                    <?php if(count($calendarios)==0): ?>
                    <option value="0">No hay calendarios, necesitas realizar uno nuevo.</option>
                    <?php endif; ?>
                    <?php $__currentLoopData = $calendarios; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $c): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                      <option value="<?php echo e($c->periodo_cal); ?>"><?php echo e($c->periodo_cal); ?></option>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                  </select>
                  
                </div>
                <div id="errorPeriodo" style="color: red"></div>
              </div>
            </form>
              <div class="modal-footer">
                <button type="button" class="btn btn-warning" data-dismiss="modal">
                  <span class='fa fa-remove'></span> Cerrar
                </button>
                <button type="button" id="btnActivarlo" class="btn btn-activar btn-success" >
                  <span class='fa fa-check-square-o'></span> Activar Alumno
                </button>
              </div>
      </div>
    </div>
  </div>
</div>

<!-- MODAL DE ACEPTAR -->
    <div class="modal fade" id="aceptarModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <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="miModalLabel">ACEPTAR SOLICITUD</h4>
          </div>
          <div class="modal-body">
            <form class="form-horizontal" name="formAceptar" id="formAceptar" role="form">
              <?php echo e(csrf_field()); ?>

              <div class="form-group">
                <label class="control-label col-sm-2" for="id">ID:</label>
                <div class="col-sm-10 col-xs-12">
                  <input type="text" class="form-control" name="id_mod" id="id_mod" disabled>
                  <input type="hidden" class="form-control" value="" name="idCorreo" id="idCorreo">
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Número de Control:</label>
                <div class="col-sm-10 col-xs-12">
                  <input type="text" class="form-control" name="ncontrol_mod" id="ncontrol_mod" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="titular">E-mail:</label>
                <div class="col-sm-10 col-xs-12">
                  <input type="name" class="form-control" name="email_mod" id="email_mod" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="domicilio">Mensaje de confirmación:</label>
                <div class="col-sm-10 col-xs-12">
                  <textarea class="textarea form-control" name="mnsj_mod" id="mnsj_mod" cols="5" rows="2">Se ACEPTO tu solicitud del servicio social.</textarea>
                </div>
              </div>
               <div class="form-group">
                <label class="control-label col-sm-2" for="domicilio">No. de oficio de carta de presentación:</label>
                <div class="col-sm-10 col-xs-12">
                  <input type="number" name="oficio" id="oficio">
                </div>
              </div>
              
              <div class="modal-footer">
                <button type="button" class="btn btn-warning" data-dismiss="modal">
                  <span class='fa fa-remove'></span> Cancelar
                </button>
                <button type="button" class="btn btn-envioCorreo btn-success" data-dismiss="modal" >
                  <span class='fa fa-envelope'></span> Enviar Correo
                </button>
              </div>
            </form>
      </div>
    </div>
  </div>
</div>

<!-- MODAL DE RECHAZAR -->
    <div class="modal fade" id="rechazarModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <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="miModalLabel">RECHAZAR SOLICITUD</h4>
          </div>
          <div class="modal-body">
            <form class="form-horizontal" name="formRechazar" id="formRechazar" role="form">
              <?php echo e(csrf_field()); ?>

              <div class="form-group">
                <label class="control-label col-sm-2" for="id">ID:</label>
                <div class="col-sm-10 col-xs-12">
                  <input type="text" class="form-control" name="id_rec" id="id_rec" disabled>
                  <input type="hidden" class="form-control" value="" name="idSol_rec" id="idSol_rec">
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="id">Número de Control:</label>
                <div class="col-sm-10 col-xs-12">
                  <input type="text" class="form-control" name="ncontrol_rec" id="ncontrol_rec" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="titular">E-mail:</label>
                <div class="col-sm-10 col-xs-12">
                  <input type="name" class="form-control" name="email_rec" id="email_rec" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2" for="domicilio">Mensaje de rechazo:</label>
                <div class="col-sm-10 col-xs-12">
                  <textarea class="textarea form-control" name="mnsj_mod" id="mnsj_mod" cols="5" rows="2" placeholder="Escriba el motivo por el cual se rechaza la solicitud" ></textarea>
                </div>
              </div>
              
              <div class="modal-footer">
                <button type="button" class="btn btn-warning" data-dismiss="modal">
                  <span class='fa fa-remove'></span> Cancelar
                </button>
                <button type="button" class="btn btn-envioCorreoRec btn-success" data-dismiss="modal" >
                  <span class='fa fa-envelope'></span> Enviar Correo
                </button>
              </div>
            </form>
      </div>
    </div>
  </div>
</div>