<title>Formulario</title>
</head>

<body>
    <input id="pagina" value="2" hidden></input>
    <div id="content" class="col-lg-12 col-sm-12">
        <div>
            <div class="box col-md-12">
                <div class="box-inner">
                    <div class="box-header well" data-original-title="">
                        <h2><i class="glyphicon glyphicon-star-empty"></i>Ingresar nuevo</h2>
                    </div>
                    <div class="box-content">
                        <form action="insertInternacionalizacion" method="POST" enctype="multipart/form-data" id="formInter">
                            <div class="box col-md-4 text-center" style="margin-bottom:30px;">
                                <div class="box-inner">
                                    <div class="box-header well" style="display: flex; justify-content: center;">
                                        <h2>Sede</h2>
                                    </div>
                                </div>
                                <select id='sede' name='sede' required class="form-control" style="max-width:100%; display: inline-block; margin-top:5px;">
                                    <option value="">Seleccione una opción</option>
                                </select>
                            </div>
                            <div class="box col-md-4 text-center" style="margin-bottom:30px;">
                                <div class="box-inner">
                                    <div class="box-header well" style="display: flex; justify-content: center;">
                                        <h2>Código de carrera</h2>
                                    </div>
                                </div>
                                <select id='codigo' name='codigo' required class="form-control" style="max-width:100%; display: inline-block; margin-top:5px;">
                                    <option value="">Seleccione una opción</option>
                                </select>
                            </div>
                            <div class="box col-md-4 text-center" style="margin-bottom:30px;">
                                <div class="box-inner">
                                    <div class="box-header well" style="display: flex; justify-content: center;">
                                        <h2>Código de convenio internacional</h2>
                                    </div>
                                </div>
                                <input class="form-control" type="text" id="convenio_codigo" name="convenio_codigo" placeholder="Código de convenio" required style="margin-top:5px;"></input>
                            </div>
                            <div class="box col-md-4 text-center" style="margin-bottom:30px;">
                                <div class="box-inner">
                                    <div class="box-header well" style="display: flex; justify-content: center;">
                                        <h2>Nombre del convenio / convocatoria / evento</h2>
                                    </div>
                                </div>
                                <input class="form-control" type="text" id="convenio_nombre" name="convenio_nombre" placeholder="Nombre del convenio" required style="margin-top:5px;"></input>
                            </div>
                            <div class="box col-md-4 text-center" style="margin-bottom:30px;">
                                <div class="box-inner">
                                    <div class="box-header well" style="display: flex; justify-content: center;">
                                        <h2>Contraparte internacional</h2>
                                    </div>
                                </div>
                                <input class="form-control" type="text" id="contraparte" name="contraparte" placeholder="Contraparte internacional" required style="margin-top:5px;"></input>
                            </div>
                            <div class="box col-md-4 text-center" style="margin-bottom:30px;">
                                <div class="box-inner">
                                    <div class="box-header well" style="display: flex; justify-content: center;">
                                        <h2>País</h2>
                                    </div>
                                </div>
                                <select id='pais' name='pais' required class="form-control" style="max-width:100%; display: inline-block; margin-top:5px;">
                                    <option value="">Seleccione una opción</option>
                                </select>
                            </div>
                            <div class="box col-md-4 text-center" style="margin-bottom:30px;">
                                <div class="box-inner">
                                    <div class="box-header well" style="display: flex; justify-content: center;">
                                        <h2>Tipo del movilizado participante / ejecutor</h2>
                                    </div>
                                </div>
                                <select id='tipo_participante' name='tipo_participante' required class="form-control" style="max-width:100%; display: inline-block; margin-top:5px;">
                                    <option value="">Seleccione una opción</option>
                                </select>
                            </div>
                            <div class="box col-md-4 text-center" style="margin-bottom:30px;">
                                <div class="box-inner">
                                    <div class="box-header well" style="display: flex; justify-content: center;">
                                        <h2>Apellido(s) del movilizado / participante / ejecutor</h2>
                                    </div>
                                </div>
                                <input class="form-control" type="text" id="apellido_participante" name="apellido_participante" placeholder="Apellidos" required style="margin-top:5px;"></input>
                            </div>
                            <div class="box col-md-4 text-center" style="margin-bottom:30px;">
                                <div class="box-inner">
                                    <div class="box-header well" style="display: flex; justify-content: center;">
                                        <h2>Nombre(s) del movilizado / participante / ejecutor</h2>
                                    </div>
                                </div>
                                <input class="form-control" type="text" id="nombre_participante" name="nombre_participante" placeholder="Nombres" required style="margin-top:5px;"></input>
                            </div>
                            <div class="box col-md-4 text-center" style="margin-bottom:30px;">
                                <div class="box-inner">
                                    <div class="box-header well" style="display: flex; justify-content: center;">
                                        <h2>Actividades</h2>
                                    </div>
                                </div>
                                <textarea rows="1" class="form-control" id="actividades" name="actividades" placeholder="Actividades" style="margin-top:5px;" required></textarea>
                            </div>
                            <div class="box col-md-4 text-center" style="margin-bottom:30px;">
                                <div class="box-inner">
                                    <div class="box-header well" style="display: flex; justify-content: center;">
                                        <h2>Fecha de inicio</h2>
                                    </div>
                                </div>
                                <input class="form-control" type="date" id="fecha_inicio" name="fecha_inicio" style="margin-top:5px;" required></input>
                            </div>
                            <div class="box col-md-4 text-center" style="margin-bottom:30px;">
                                <div class="box-inner">
                                    <div class="box-header well" style="display: flex; justify-content: center;">
                                        <h2>Fecha de finalización</h2>
                                    </div>
                                </div>
                                <input class="form-control" type="date" id="fecha_fin" name="fecha_fin" style="margin-top:5px;" required></input>
                            </div>
                            <div class="box col-md-4 text-center" style="margin-bottom:30px;">
                                <div class="box-inner">
                                    <div class="box-header well" style="display: flex; justify-content: center;">
                                        <h2>Área de conocimiento</h2>
                                    </div>
                                </div>
                                <select id='area' name='area' required class="form-control" style="max-width:100%; display: inline-block; margin-top:5px;">
                                    <option value="">Seleccione una opción</option>
                                </select>
                            </div>
                            <div class="box col-md-4 text-center" style="margin-bottom:30px;">
                                <div class="box-inner">
                                    <div class="box-header well" style="display: flex; justify-content: center;">
                                        <h2>Financiamiento</h2>
                                    </div>
                                </div>
                                <select id='financiamiento' name='financiamiento' required class="form-control" style="max-width:100%; display: inline-block; margin-top:5px;">
                                    <option value="">Seleccione una opción</option>
                                </select>
                            </div>
                            <div class="box col-md-4 text-center" style="margin-bottom:30px;">
                                <div class="box-inner">
                                    <div class="box-header well" style="display: flex; justify-content: center;">
                                        <h2>Evidencia</h2>
                                    </div>
                                </div>
                                <textarea rows="1" class="form-control" id="evidencia" name="evidencia" placeholder="Evidencia" style="margin-top:5px;" required></textarea>
                            </div>
                            <div class="box col-md-12 text-center" style="margin-bottom:30px;">
                                <div class="box-inner">
                                    <div class="box-header well" style="display: flex; justify-content: center;">
                                        <h2>Aporte a función sustantiva</h2>
                                    </div>
                                </div>
                                <table class="table table-striped table-bordered responsive text-center">
                                    <thead>
                                        <tr>
                                            <th style="text-align: center"><label for="a_docencia">Docencia</label></th>
                                            <th style="text-align: center"><label for="a_investigacion">Investigación</label></th>
                                            <th style="text-align: center"><label for="a_vinculacion">Vinculación</label></th>
                                            <th style="text-align: center"><label for="a_administrativo">Desarrollo docente / administrativo</label></th>
                                            <th style="text-align: center"><label for="a_internacionalizacion">Internacionalización</label></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td style="text-align: center"><input type="checkbox" id="a_docencia" name="a_docencia" value="X"></td>
                                            <td style="text-align: center"><input type="checkbox" id="a_investigacion" name="a_investigacion" value="X"></td>
                                            <td style="text-align: center"><input type="checkbox" id="a_vinculacion" name="a_vinculacion" value="X"></td>
                                            <td style="text-align: center"><input type="checkbox" id="a_administrativo" name="a_administrativo" value="X"></td>
                                            <td style="text-align: center"><input type="checkbox" id="a_internacionalizacion" name="a_internacionalizacion" value="X"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="box col-md-12 text-center">
                                <div class="box-inner">
                                    <div class="box-header well" style="display: flex; justify-content: center;">
                                        <h2>Indicadores</h2>
                                    </div>
                                </div>
                                <table class="table table-striped table-bordered responsive">
                                    <thead>
                                        <tr>
                                            <th style="text-align: center"><label for="indicador_1">1<br>Mov.<br>est. entr.</label></th>
                                            <th style="text-align: center"><label for="indicador_2">2<br>Mov.<br>est. salien.</label></th>
                                            <th style="text-align: center"><label for="indicador_3">3<br>Mov.<br>doc. entr.</label></th>
                                            <th style="text-align: center"><label for="indicador_4">4<br>Mov.<br>doc. salie.</label></th>
                                            <th style="text-align: center"><label for="indicador_5">5<br>Mov.<br>adm. salie.</label></th>
                                            <th style="text-align: center"><label for="indicador_6">6<br>Convenio efect.</label></th>
                                            <th style="text-align: center"><label for="indicador_7">7<br>Prod. científic.</label></th>
                                            <th style="text-align: center"><label for="indicador_8">8<br>Intern. currículo (COIL, IDV, Telecolaboración)</label></th>
                                            <th style="text-align: center"><label for="indicador_9">9<br>Intern. en casa (interculturalidad en el campus)</label></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td style="text-align: center"><input type="checkbox" id="indicador_1" name="indicador_1" value="X"></td>
                                            <td style="text-align: center"> <input type="checkbox" id="indicador_2" name="indicador_2" value="X"></td>
                                            <td style="text-align: center"><input type="checkbox" id="indicador_3" name="indicador_3" value="X"></td>
                                            <td style="text-align: center"><input type="checkbox" id="indicador_4" name="indicador_4" value="X"></td>
                                            <td style="text-align: center"><input type="checkbox" id="indicador_5" name="indicador_5" value="X"></td>
                                            <td style="text-align: center"><input type="checkbox" id="indicador_6" name="indicador_6" value="X"></td>
                                            <td style="text-align: center"><input type="checkbox" id="indicador_7" name="indicador_7" value="X"></td>
                                            <td style="text-align: center"><input type="checkbox" id="indicador_8" name="indicador_8" value="X"></td>
                                            <td style="text-align: center"><input type="checkbox" id="indicador_9" name="indicador_9" value="X"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <input class="btn btn-success" id="btnEnviar" type="submit" value="Enviar" style="display: block; margin: 0 auto;">
                        </form>
                        <a href="<?php echo base_url(); ?>"><input type="button" class="btn btn-primary" value="Regresar"></input></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>