<!-- Modal -->
<div class="modal fade" id="matricula-alumno" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="tituloFormMatrAlumno">Matriculación de Alumno</h5>
        <button id="cierraModalAddProd" type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form id="form_matricula_alum" onsubmit="return matriculaAlumno()">
            <div class="row"> 
                <div class="col-lg-4 col-md-12">  
                    <div class="form-group">
                        <h5>Selecciona Periodo</h5>
                        <div class="controls">
                            <select id="periodo_int" name="anho_lect" class="form-control select2" required onchange="verificaPeriodo(this.value)">
                                <option value="" ><b>Selecciona</b></option>
                                <?php
                                    $anhoAct = "2008";
                                    $i = 1;
                                    while($i < 22){
                                ?>
                                <option value="<?php echo $anhoAct?>" ><b><?php echo $anhoAct?></b></option>
                                    <?php 
                                        $anhoAct = "2008"+ $i ;$i++;} ?>
                            </select>
                        </div>
                    </div>
                </div> 

                <div class="col-lg-4 col-md-12">  
                    <div class="form-group">
                        <h5>Selecciona el Grado/Curso</h5>
                        <div class="controls">
                            <select id="curso_int_mat" name="curso_int" class="form-control select2" required>
                                <option value="" ><b>Selecciona</b></option>

                                <?php while ($row_cursos = mysqli_fetch_assoc($queryCursoMat)) {?>
                                <option value="<?php echo $row_cursos['Curso_id']?>" > <?php echo $row_cursos['Descripcion'].' '.$row_cursos['cicloCurso']?></option>
                                <?php	};	?>
                            </select>
                        </div>
                    </div>
                </div>
                            
                <div class="col-lg-4 col-md-12">  
                    <div class="form-group">
                        <h5>Turno</h5>
                        <div class="controls">
                            <select id="turno_mat" name="turno" class="form-control select2" required>
                                <option value="" ><b>Selecciona</b></option>
                                <option value="Mañana" ><b>Mañana</b></option>
                                <option value="Tarde" ><b>Tarde</b></option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-12">                     
                    <div class="form-group">
                        <h5>Institución de Procedencia</h5>
                        <div class="controls">
                            <input type="text" id="escuela_proc_mat" name="escuela_proc" class="form-control">
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-12">                    
                    <div class="form-group">
                        <h5>Monto Matricula</h5>
                        <div class="controls">
                            <input type="text" id="monto_matricula" name="monto_matricula" class="form-control">
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-12 d-none" id="box_monto_saldo_mat">         
                    <div class="form-group">
                        <h5>Saldo de Matricula</h5>
                        <div class="controls">
                                <input id="saldo_matricula" readonly name="saldo_matricula" class="form-control" >
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-12">                    
                    <div class="form-group">
                        <h5>Monto Cuota</h5>
                        <div class="controls">
                            <input type="text" id="monto_cuota" name="monto_cuota" class="form-control">
                        </div>
                    </div>
                </div>
                            
                <div class="col-lg-4 col-md-12">   
                    <div class="form-group">
                        <h5>Forma de Pago</h5>
                        <div class="controls">
                            <select id="forma_pago_mat" name="forma_pago" class="form-control select2" onchange="return formaPago(this.value)" required>
                                <option value="" ><b>Selecciona</b></option>
                                <option value="efectivo" ><b>Efectivo</b></option>
                                <option value="cheque" ><b>Cheque</b></option>
                                <option value="transfer" ><b>Transferencia Bancaria</b></option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-12">                    
                    <div class="form-group">
                        <h5>Número de Factura</h5>
                        <div class="controls">
                            <input type="text" placeholder="001-002-000563" id="factura" name="factura" class="form-control">
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-12">                    
                    <div class="form-group">
                        <h5>Timbrado</h5>
                        <div class="controls">
                            <input type="text" placeholder="8462946294" id="timbrado" name="timbrado" class="form-control">
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-12">      
                    <div class="form-group">
                        <label>Fecha Matriculación</label>

                        <div class="input-group date">
                        <div class="input-group-addon">
                            <i class="fa fa-calendar"></i>
                        </div>
                        <input type="text" class="form-control pull-right" name="fecha_matr" id="fecha_matr" required>
                        </div>
                        <!-- /.input group -->
                    </div>
                </div> 

                <div class="col-lg-4 col-md-4">                    
                    <div class="form-group">
                        <h5>Nombre o Razón Social</h5>
                        <div class="controls">
                            <input type="text" placeholder="" id="razon_social" name="razon_social" class="form-control">
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-4">                    
                    <div class="form-group">
                        <h5>RUC o Cédula de Identidad</h5>
                        <div class="controls">
                            <input type="text" placeholder="123456-0" id="ruc_ci" name="ruc_ci" class="form-control">
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-4">                    
                    <div class="form-group">
                        <h5>Dirección</h5>
                        <div class="controls">
                            <input type="text" placeholder="Avda. Charles de Gaulle 1325" id="direccion" name="direccion" class="form-control">
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-12 d-none" id="box_banco">                    
                    <div class="form-group">
                        <h5 id="nombre_pago_2"></h5>
                        <div class="controls">
                            <input type="text" id="nombre_banco" name="nombre_banco" class="form-control">
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-12 d-none" id="box_cheque">                    
                    <div class="form-group">
                        <h5 id="numero_pago_2"></h5>
                        <div class="controls">
                            <input type="text" id="num_cheque" name="num_cheque" class="form-control">
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-12 d-none" id="box_monto_cheque">                    
                    <div class="form-group">
                        <h5 id="monto_pago_2"></h5>
                        <div class="controls">
                            <input type="text" id="monto_cheque" name="monto_cheque" class="form-control">
                        </div>
                    </div>
                </div>

            </div>

            <div class="modal-footer col-md-12">
                <div class="alert" role="alert" id="resultado_periodo"></div>
                <div class="pull-right">
                    <input type="hidden" id="idalumnoMatr" name="idalumno"/>
                    <input type="hidden" id="idmatr" name="idmatr"/>
                    <button type="submit" id="btn_submit" class="btn btn-info">Matricula</button>
                    <button id="btn-cancel-addprod" value="Cancelar" type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true" >Cancelar</button> 
                </div>
            </div>
        </form>
      </div>
    </div>
  </div>
</div>