<div id="modalmantenimiento" class="modal fade" role="dialog"> 
  <div class="modal-dialog modal-lg">
    <form id="formulario">
      <div class="modal-content">
      
        <div class="modal-header">
          <h4 class="modal-title">Fichas</h4>
          			<div class="form-group">
				<div class="custom-control custom-switch">
					<input type="checkbox" class="custom-control-input" id="emp_ext">
					<label class="custom-control-label" for="emp_ext">Alumno</label>
				</div>
			</div>
        </div>

        <div class="modal-body">
          <input type="hidden" name="fic_id" id="fic_id">

          <div class="row mb-3">
            <div class="col-md-4">
              <label for="fic_run" class="form-label">RUN</label>
              <input type="text" class="form-control" id="fic_run" name="fic_run" required autocomplete="off">
              <div class="invalid-feedback">RUT inválido</div>
            </div>
            <div class="col-md-4">
              <label for="fic_nom" class="form-label">Nombre</label>
              <input type="text" class="form-control" id="fic_nom" name="fic_nom" required autocomplete="off">
            </div>
            <div class="col-md-4">
              <label for="fic_fec_naci" class="form-label">Fecha de Nacimiento</label>
              <input type="date" class="form-control" id="fic_fec_naci" name="fic_fec_naci" required>
            </div>
          </div>

          <div class="row mb-3">
            <div class="col-md-4">
              <label for="apo1_id" class="form-label">Apoderado 1</label>
              <select class="form-control" id="apo1_id" name="apo1_id" required>
                <option value="">Seleccione...</option>
              </select>
            </div>
            <div class="col-md-4">
              <label for="apo2_id" class="form-label">Apoderado 2</label>
              <select class="form-control" id="apo2_id" name="apo2_id">
                <option value="">Seleccione...</option>
              </select>
            </div>

            <div class="col-md-4" id="valor_alumno_container" style="display: none;">
              <label for="valor_alumno" class="form-label">Valor mensualidad</label>
              <input type="text" class="form-control" id="valor_alumno" name="valor_alumno">
            </div>

            
          </div>

          <div class="row mb-3">
            <div class="col-md-3">
              <label for="fic_dato1" class="form-label">Dato 1</label>
              <textarea class="form-control" id="fic_dato1" name="fic_dato1" rows="4" maxlength="250" autocomplete="off"></textarea>
            </div>
            <div class="col-md-3">
              <label for="fic_dato2" class="form-label">Dato 2</label>
              <textarea class="form-control" id="fic_dato2" name="fic_dato2" rows="4" maxlength="250" autocomplete="off"></textarea>
            </div>
            <div class="col-md-3">
              <label for="fic_dato3" class="form-label">Dato 3</label>
              <textarea class="form-control" id="fic_dato3" name="fic_dato3" rows="4" maxlength="250" autocomplete="off"></textarea>
            </div>
            <div class="col-md-3">
              <label for="fic_dato4" class="form-label">Dato 4</label>
              <textarea class="form-control" id="fic_dato4" name="fic_dato4" rows="4" maxlength="250" autocomplete="off"></textarea>
            </div>
          </div>
        </div>

        <div class="modal-footer">
          <button type="submit" class="btn btn-primary">Guardar</button>
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        </div>
        
      </div>
    </form>
  </div>
</div>
