<div id="mantenimiento" class="modal fade" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content bd-0">
            <div class="modal-header pd-y-20 pd-x-25">
                <h6 id="lblTitulo" class="tx-14 mg-b-0 tx-uppercase tx-inverse tx-bold"></h6>
            </div>
            <div class="modal-body">
                <div class="content">
                    <div class="container-fluid">
                        <div class="card-body">
                            <div class="tab-content">
                                <div class="card tab-pane active card-primary" id="form-asignatura">
                                    <div class="card-header">
                                        <h5>Malla Curricular</h5>
                                    </div>
                                    <form method="post" id="formMalla" enctype="multipart/form-data">
                                        <input type="hidden" name="mallacurriculardbk" id="mallacurriculardbk"/>
                                        <?php
                                        echo "<input type='hidden' name='periodo' id='periodo' value=" . $periodo. " />";
                                        echo "<input type='hidden' name='carrera' id='carrera' value=" . $carrera. " />";
                                        ?>
                                        <div class="card-body">
                                            <div class="form-layout form-layout-1">
                                                <div class="row mg-b-25">
                                                    <div class="col-lg-4">
                                                        <div class="form-group">
                                                            <label for="codigo" class="form-label">Código:</label>
                                                            <input class="form-control" type="text" name="codigo" id="codigo" placeholder="Ingrese el código" required>
                                                            <div class="invalid-feedback" id="invalid-codigo">Ingrese el Código</div>
                                                            <div class="valid-feedback" id="valid-codigo">¡Campo validado!</div>
                                                        </div>
                                                    </div> 
                                                    <div class="col-lg-8">
                                                        <div class="form-group">                                                                
                                                            <label for="asignatura" class="form-label">Asignatura:</label>
                                                            <select class="form-control select2" name="asignatura" id="asignatura" data-placeholder="Seleccione" required>
                                                            </select>
                                                            <div class="invalid-feedback" id="invalid-asignatura">Seleccione Asignatura</div>
                                                            <div class="valid-feedback" id="valid-asignatura">¡Campo validado!</div>
                                                        </div>
                                                    </div> 
                                                    <div class="col-lg-4">
                                                        <div class="form-group">                                                                
                                                            <label for="nivel" class="form-label">Nivel:</label>
                                                            <select class="form-control select2" name="nivel" id="nivel" data-placeholder="Seleccione" required>
                                                                <option label="Seleccione"></option>
                                                                <option value="1">1</option>
                                                                <option value="2">2</option>
                                                                <option value="3">3</option>
                                                                <option value="4">4</option>
                                                                <option value="5">5</option>
                                                            </select>
                                                            <div class="invalid-feedback" id="invalid-nivel">Seleccione el Nivel</div>
                                                            <div class="valid-feedback" id="valid-nivel">¡Campo validado!</div>
                                                        </div>
                                                    </div>                                                         
                                                    <div class="col-lg-4">
                                                        <div class="form-group">
                                                            <label for="creditos" class="form-label">Créditos:</label>
                                                            <input class="form-control" type="text" name="creditos" id="creditos" placeholder="Ingrese los créditos" required>
                                                            <div class="invalid-feedback" id="invalid-creditos">Ingrese los Créditos</div>
                                                            <div class="valid-feedback" id="valid-creditos">¡Campo validado!</div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4">
                                                        <div class="form-group">                                                                
                                                            <label for="tipo" class="form-label">Tipo:</label>
                                                            <select class="form-control select2" name="tipo" id="tipo" data-placeholder="Seleccione" required>
                                                                <option label="Seleccione"></option>
                                                                <option value="HUMANISTICA">HUMANISTICA</option>
                                                                <option value="BASICA">BASICA</option>
                                                                <option value="PROFESIONAL">PROFESIONAL</option>
                                                                <option value="OPTATIVA">OPTATIVA</option>
                                                                <option value="PROYECTO">PROYECTO DE GRADO</option>
                                                                <option value="TITULACION">TITULACION</option>
                                                            </select>
                                                            <div class="invalid-feedback" id="invalid-tipo">Seleccione el Tipo</div>
                                                            <div class="valid-feedback" id="valid-tipo">¡Campo validado!</div>
                                                        </div>
                                                    </div> 
                                                    <div class="col-lg-4">
                                                        <div class="form-group">
                                                            <label for="cd" class="form-label">CD:</label>
                                                            <input class="form-control" type="text" name="cd" id="cd" placeholder="Ingrese el Componente Docente" required>
                                                            <div class="invalid-feedback" id="invalid-cd">Ingrese el Componente Docente</div>
                                                            <div class="valid-feedback" id="valid-cd">¡Campo validado!</div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4">
                                                        <div class="form-group">
                                                            <label for="cp" class="form-label">CP:</label>
                                                            <input class="form-control" type="text" name="cp" id="cp" placeholder="Ingrese el Componente Práctico" required>
                                                            <div class="invalid-feedback" id="invalid-cp">Ingrese el Componente Práctico</div>
                                                            <div class="valid-feedback" id="valid-cp">¡Campo validado!</div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4">
                                                        <div class="form-group">
                                                            <label for="ca" class="form-label">CA:</label>
                                                            <input class="form-control" type="text" name="ca" id="ca" placeholder="Ingrese el Componente Autónomo" required>
                                                            <div class="invalid-feedback" id="invalid-ca">Ingrese el Código</div>
                                                            <div class="valid-feedback" id="valid-ca">¡Campo validado!</div>
                                                        </div>
                                                    </div>                                                    
                                                    <div class='form-layout-footer'>
                                                        <button type='submit' name='action' value='add' class='btn btn-success tx-11 tx-uppercase pd-y-12 pd-x-25 tx-mont tx-medium'>Guardar</button>                
                                                        <button type="reset" class="btn btn-danger tx-11 tx-uppercase pd-y-12 pd-x-25 tx-mont tx-medium" aria-label="Close" aria-hidden="true" data-dismiss="modal"><i class="fa fa-close"></i>Salir</button>
                                                    </div>                                                        
                                                </div>                                                        
                                            </div>
                                        </div>
                                    </form>
                                </div>                                                                                      
                            </div>
                        </div>                               
                    </div>              
                </div>
            </div> 
        </div>
    </div>
</div>