<div class="">
    <div class="page-title">
        <div class="title_left">
            <h3>Instrumentación Didáctica</h3>
        </div>
    </div>

    <div class="clearfix"></div>

    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
                <div class="x_title">
                    <h2>Registrar una nueva instrumentación didáctica </h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <form id="form-nueva" data-parsley-validate class="form-horizontal form-label-left">
                        <div class="mb-1 row">
                            <div class="control-form-label col-md-4 col-sm-4 col-xs-12  text-left text-sm-right">
                                <label class="text-sm-left" for="periodo">Periodo<span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <input type="text" id="periodo" name="periodo" required="required"
                                    class="form-control">
                            </div>
                        </div>

                        <div class="mb-1 row">
                            <div class="control-form-label col-md-4 col-sm-4 col-xs-12  text-left text-sm-right">
                                <label class="text-sm-left" for="materia">Nombre de la materia
                                    <span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <select id="materia" name="materia" required="required" class="form-control">
                                    <option value="">--Seleccione--</option>
                                    <?php for($i = 1; $i <= 1; $i++): ?>
                                        <option value="seg2_<?php echo e($i); ?>">Desarrollo Sustentable</option>
                                    <?php endfor; ?>
                                </select>
                            </div>
                        </div>

                        <div class="mb-1 row">
                            <div class="control-form-label col-md-4 col-sm-4 col-xs-12  text-left text-sm-right">
                                <label class="text-sm-left" for="claveasig">Clave de la
                                    asignatura <span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <input type="text" id="claveasig" name="claveasig" required="required"
                                    class="form-control" disabled>
                            </div>
                        </div>
                        <div class="mb-1 row">
                            <div class="control-form-label col-md-4 col-sm-4 col-xs-12  text-left text-sm-right">
                                <label class="text-sm-left" for="carrera">Carrera <span
                                        class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <input type="text" id="carrera" name="carrera" required="required"
                                    class="form-control">
                            </div>
                        </div>
                        <div class="mb-1 row">
                            <div class="control-form-label col-md-4 col-sm-4 col-xs-12  text-left text-sm-right">
                                <label class="text-sm-left" for="horasT">Horas
                                    teóricas <span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <input type="text" id="horasT" name="horasT" required="required" class="form-control"
                                    oninput="total_horas_materias()" disabled>
                            </div>
                        </div>
                        <div class="mb-1 row">
                            <div class="control-form-label col-md-4 col-sm-4 col-xs-12  text-left text-sm-right">
                                <label class="text-sm-left" for="horasP">Horas
                                    prácticas <span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <input type="text" id="horasP" name="horasP" required="required" class="form-control"
                                    oninput="total_horas_materias()" disabled>
                            </div>
                        </div>
                        <div class="mb-1 row">
                            <div class="control-form-label col-md-4 col-sm-4 col-xs-12  text-left text-sm-right">
                                <label class="text-sm-left" for="totalH">Total
                                    de créditos
                                    <span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <input type="text" id="totalH" name="totalH" required="required" class="form-control"
                                    disabled>
                            </div>
                        </div>
                        <div class="mb-1 row">
                            <div class="control-form-label col-md-4 col-sm-4 col-xs-12  text-left text-sm-right">
                                <label class="text-sm-left" for="planEst">Plan
                                    de estudios
                                    <span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <select id="planEst" name="planEst" required="required" class="form-control">
                                    <option value="">--Seleccione--</option>
                                    <?php for($i = 1; $i <= 1; $i++): ?>
                                        <option value="seg2_<?php echo e($i); ?>">ISIC-2010-224</option>
                                    <?php endfor; ?>
                                </select>
                            </div>
                        </div>
                        <div class="mb-1 row">
                            <div class="control-form-label col-md-4 col-sm-4 col-xs-12  text-left text-sm-right">
                                <label class="text-sm-left" for="grupo">Grupo
                                    <span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <input type="text" id="grupo" name="grupo" required="required" class="form-control"
                                    disabled>
                            </div>
                        </div>
                        <div class="mb-1 row">
                            <div class="control-form-label col-md-4 col-sm-4 col-xs-12  text-left text-sm-right">
                                <label class="text-sm-left" for="aula">Aula
                                    <span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <input type="text" id="aula" name="aula" required="required" class="form-control"
                                    disabled>
                            </div>
                        </div>
                        <div class="mb-1 row">
                            <div class="control-form-label col-md-4 col-sm-4 col-xs-12  text-left text-sm-right">
                                <label class="text-sm-left" for="objetivoG">Objetivo general
                                    del curso <span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <textarea class="form-control" id="objetivoG" name="objetivoG" rows="3" required="required"
                                    style="resize:none"></textarea>
                            </div>
                        </div>
                        <div class="mb-1 row">
                            <div class="x_content">

                                <div class="col-xs-3">
                                    <!-- required for floating -->
                                    <!-- Nav tabs -->
                                    <div class="nav nav-tabs flex-column  bar_tabs" id="v-pills-tab" role="tablist"
                                        aria-orientation="vertical">
                                        <?php for($i = 1; $i <= 6; $i++): ?>
                                            <?php if($i == 1): ?>
                                                <a class="nav-link active" id="v-pills-unidad<?php echo e($i); ?>-tab"
                                                    data-toggle="pill" href="#v-pills-unidad<?php echo e($i); ?>"
                                                    role="tab" aria-controls="v-pills-unidad<?php echo e($i); ?>"
                                                    aria-selected="true">Unidad <?php echo e($i); ?></a>
                                            <?php else: ?>
                                                <a class="nav-link" id="v-pills-unidad<?php echo e($i); ?>-tab"
                                                    data-toggle="pill" href="#v-pills-unidad<?php echo e($i); ?>"
                                                    role="tab" aria-controls="v-pills-unidad<?php echo e($i); ?>"
                                                    aria-selected="false">Unidad <?php echo e($i); ?></a>
                                            <?php endif; ?>
                                        <?php endfor; ?>
                                    </div>

                                </div>

                                <div class="col-md-10 col-sm-8 col-xs-6">
                                    <!-- Tab panes -->

                                    <div class="tab-content" id="v-pills-tabContent">
                                        <?php for($i = 1; $i <= 6; $i++): ?>
                                            <?php if($i == 1): ?>
                                                <div class="tab-pane fade show active"
                                                    id="v-pills-unidad<?php echo e($i); ?>" role="tabpanel"
                                                    aria-labelledby="v-pills-unidad<?php echo e($i); ?>-tab">
                                                    <div class="col-md-12 col-sm-12 col-xs-8">
                                                        <table class="table table-striped">
                                                            <tbody>
                                                                <tr>
                                                                    <th scope="row">Competencia Especifica</th>
                                                                    <td colspan="2">Introducción a la Inteligencia
                                                                        Artificial.</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">Tema</th>
                                                                    <td colspan="2">Introducción a la Inteligencia
                                                                        Artificial.</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">Subtema</th>
                                                                    <td colspan="2">Introducción a la Inteligencia
                                                                        Artificial.</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">Prácticas</th>
                                                                    <td><b>Descripción:
                                                                            <textarea class="form-control" id="descripcion" name="descripcion" rows="3" required="required"
                                                                                style="resize:none"></textarea>
                                                                        </b></td>
                                                                    <td><b>Resultados:
                                                                            <textarea class="form-control" id="resultados" name="resultados" rows="3" required="required"
                                                                                style="resize: none"></textarea>
                                                                        </b></td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">Horas Teóricas - Prácticas</th>
                                                                    <td><b>P:
                                                                            <textarea class="form-control" id="p" name="p" rows="3" required="required" style="resize: none"></textarea>
                                                                        </b></td>
                                                                    <td><b>R:
                                                                            <textarea class="form-control" id="r" name="r" rows="3" required="required" style="resize: none"></textarea>
                                                                        </b></td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                        <table id="tabla_did"
                                                            class="table table-striped jambo_table bulk_action">
                                                            <thead>
                                                                <tr class="headings">
                                                                    <th class="column-title" rowspan="2">Evidencia de
                                                                        Aprendizaje</th>
                                                                    <th class="column-title" rowspan="2"
                                                                        data-toggle="tooltip" data-placement="top"
                                                                        title="Porcentaje">%
                                                                    </th>
                                                                    <th class="column-title" colspan="6">
                                                                        <center>Indicador de alcance </center>
                                                                    </th>
                                                                    <th class="column-title no-link last" rowspan="2"
                                                                        colspan="2"><span
                                                                            class="nobr">Evaluacion
                                                                            formativa de la
                                                                            competencia</span>
                                                                    </th>
                                                                </tr>
                                                                <tr>
                                                                    <th data-toggle="tooltip" data-placement="top"
                                                                        title="Se adapta a situaciones y contextos complejos">
                                                                        A</th>
                                                                    <th data-toggle="tooltip" data-placement="top"
                                                                        title="Hace aportaciones a las actividades académicas desarrolladas">
                                                                        B</th>
                                                                    <th data-toggle="tooltip" data-placement="top"
                                                                        title="Propone y/o explica soluciones o procedimientos no vistos en clase (creatividad).">
                                                                        C</th>
                                                                    <th data-toggle="tooltip" data-placement="top"
                                                                        title="Introduce recursos y experiencias que promueven un pensamiento crítico; (por ejemplo el uso de las tecnologías de la información estableciendo previamente un criterio).">
                                                                        D</th>
                                                                    <th data-toggle="tooltip" data-placement="top"
                                                                        title="Incorpora conocimientos y actividades interdisciplinarias en su aprendizaje.">
                                                                        E</th>
                                                                    <th data-toggle="tooltip" data-placement="top"
                                                                        title="Realiza su trabajo de manera autónoma y autorregulada.">
                                                                        F
                                                                    </th>
                                                                </tr>
                                                            </thead>
                                                            <tbody id="contenedor_evidenciaAprendizaje">
                                                                <script>
                                                                    total_porcentaje_fila()
                                                                </script>
                                                                <tr class="even pointer" id="rowunidad_1">
                                                                    <td class="text-md-center"
                                                                        data-label="Evidencia de Aprendisaje: ">
                                                                        <div>
                                                                            <input type="text" id="evidenciaApre_1"
                                                                                name="evidenciaApre_1"
                                                                                required="required"
                                                                                class="form-control">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Porcentaje: ">
                                                                        <div>
                                                                            <input type="text" id="porcentaje_1"
                                                                                name="porcentaje_1" required="required"
                                                                                class="form-control porcentaje"
                                                                                oninput="total_porcentaje_fila()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Se adapta a situaciones y contextos complejos: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorA_1"
                                                                                name="indicadorA_1" required="required"
                                                                                class="form-control idicador_A"
                                                                                oninput="total_indicador_A()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Hace aportaciones a las actividades académicas desarrolladas: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorB_1"
                                                                                name="indicadorB_1" required="required"
                                                                                class="form-control idicador_B"
                                                                                oninput="total_indicador_B()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Propone y/o explica soluciones o procedimientos no vistos en clase (creatividad): ">
                                                                        <div>
                                                                            <input type="text" id="indicadorC_1"
                                                                                name="indicadorC_1" required="required"
                                                                                class="form-control idicador_C "
                                                                                oninput="total_indicador_C()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Introduce recursos y experiencias que promueven un pensamiento crítico: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorD_1"
                                                                                name="indicadorD_1" required="required"
                                                                                class="form-control idicador_D"
                                                                                oninput="total_indicador_D()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Incorpora conocimientos y actividades interdisciplinarias en su aprendizaje: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorE_1"
                                                                                name="indicadorE_1" required="required"
                                                                                class="form-control idicador_E"
                                                                                oninput="total_indicador_E()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Realiza su trabajo de manera autónoma y autorregulada: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorF_1"
                                                                                name="indicadorF_1" required="required"
                                                                                class="form-control idicador_F"
                                                                                oninput="total_indicador_F()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Evaluacion formativa de la competencia: ">
                                                                        <div>
                                                                            <input type="text" id="evaluacionFor_1"
                                                                                name="evaluacionFor_1"
                                                                                required="required"
                                                                                class="form-control">
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                    </td>
                                                                </tr>
                                                                <tr class="even pointer" id="rowunidad_2">
                                                                    <td class="text-md-center"
                                                                        data-label="Evidencia de Aprendisaje: ">
                                                                        <div>
                                                                            <input type="text" id="evidenciaApre_2"
                                                                                name="evidenciaApre_2"
                                                                                required="required"
                                                                                class="form-control">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Porcentaje: ">
                                                                        <div>
                                                                            <input type="text" id="porcentaje_2"
                                                                                name="porcentaje_2" required="required"
                                                                                class="form-control porcentaje"
                                                                                oninput="total_porcentaje_fila()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Se adapta a situaciones y contextos complejos: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorA_2"
                                                                                name="indicadorA_2" required="required"
                                                                                class="form-control idicador_A"
                                                                                oninput="total_indicador_A()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Hace aportaciones a las actividades académicas desarrolladas: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorB_2"
                                                                                name="indicadorB_2" required="required"
                                                                                class="form-control idicador_B"
                                                                                oninput="total_indicador_B()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Propone y/o explica soluciones o procedimientos no vistos en clase (creatividad): ">
                                                                        <div>
                                                                            <input type="text" id="indicadorC_2"
                                                                                name="indicadorC_2" required="required"
                                                                                class="form-control idicador_C "
                                                                                oninput="total_indicador_C()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Introduce recursos y experiencias que promueven un pensamiento crítico: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorD_2"
                                                                                name="indicadorD_2" required="required"
                                                                                class="form-control idicador_D"
                                                                                oninput="total_indicador_D()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Incorpora conocimientos y actividades interdisciplinarias en su aprendizaje: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorE_2"
                                                                                name="indicadorE_2" required="required"
                                                                                class="form-control idicador_E"
                                                                                oninput="total_indicador_E()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Realiza su trabajo de manera autónoma y autorregulada: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorF_2"
                                                                                name="indicadorF_2" required="required"
                                                                                class="form-control idicador_F"
                                                                                oninput="total_indicador_F()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Evaluacion formativa de la competencia: ">
                                                                        <div>
                                                                            <input type="text" id="evaluacionFor_2"
                                                                                name="evaluacionFor_2"
                                                                                required="required"
                                                                                class="form-control">
                                                                        </div>
                                                                    </td>
                                                                    <td>

                                                                    </td>
                                                                </tr>
                                                                <tr class="even pointer" id="rowunidad_3">
                                                                    <td class="text-md-center"
                                                                        data-label="Evidencia de Aprendisaje: ">
                                                                        <div>
                                                                            <input type="text" id="evidenciaApre_3"
                                                                                name="evidenciaApre_3"
                                                                                required="required"
                                                                                class="form-control">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Porcentaje: ">
                                                                        <div>
                                                                            <input type="text" id="porcentaje_3"
                                                                                name="porcentaje_3" required="required"
                                                                                class="form-control porcentaje"
                                                                                oninput="total_porcentaje_fila()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Se adapta a situaciones y contextos complejos: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorA_3"
                                                                                name="indicadorA_3" required="required"
                                                                                class="form-control idicador_A"
                                                                                oninput="total_indicador_A()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Hace aportaciones a las actividades académicas desarrolladas: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorB_3"
                                                                                name="indicadorB_3" required="required"
                                                                                class="form-control idicador_B"
                                                                                oninput="total_indicador_B()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Propone y/o explica soluciones o procedimientos no vistos en clase (creatividad): ">
                                                                        <div>
                                                                            <input type="text" id="indicadorC_3"
                                                                                name="indicadorC_3" required="required"
                                                                                class="form-control idicador_C "
                                                                                oninput="total_indicador_C()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Introduce recursos y experiencias que promueven un pensamiento crítico: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorD_3"
                                                                                name="indicadorD_3" required="required"
                                                                                class="form-control idicador_D"
                                                                                oninput="total_indicador_D()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Incorpora conocimientos y actividades interdisciplinarias en su aprendizaje: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorE_3"
                                                                                name="indicadorE_3" required="required"
                                                                                class="form-control idicador_E"
                                                                                oninput="total_indicador_E()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Realiza su trabajo de manera autónoma y autorregulada: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorF_3"
                                                                                name="indicadorF_3" required="required"
                                                                                class="form-control idicador_F"
                                                                                oninput="total_indicador_F()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Evaluacion formativa de la competencia: ">
                                                                        <div>
                                                                            <input type="text" id="evaluacionFor_3"
                                                                                name="evaluacionFor_3"
                                                                                required="required"
                                                                                class="form-control">
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <button type="button"
                                                                            class="btn btn-outline-secondary btn-block fa fa-plus"
                                                                            onclick="mas_evidenciasApren()">
                                                                        </button>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                            <tfoot>
                                                                <tr class="even pointer">
                                                                    <td class="a-center" colspan="2"
                                                                        style="text-align: right;">
                                                                        Valor
                                                                        del indicador: </td>
                                                                    <td class='text-md-center'
                                                                        data-label='Total del indicador A: '>
                                                                        <input type="text" id="sumatA" name="sumatA"
                                                                            required="required" class="form-control"
                                                                            disabled>
                                                                    </td>
                                                                    <td class='text-md-center'
                                                                        data-label='Total del indicador B: '>
                                                                        <input type="text" id="sumatB" name="sumatB"
                                                                            required="required" class="form-control"
                                                                            disabled>
                                                                    </td>
                                                                    <td class='text-md-center'
                                                                        data-label='Total del indicador C: '>
                                                                        <input type="text" id="sumatC" name="sumatC"
                                                                            required="required" class="form-control"
                                                                            disabled>
                                                                    </td>
                                                                    <td class='text-md-center'
                                                                        data-label='Total del indicador D: '>
                                                                        <input type="text" id="sumatD" name="sumatD"
                                                                            required="required" class="form-control"
                                                                            disabled>
                                                                    </td>
                                                                    <td class='text-md-center'
                                                                        data-label='Total del indicador E: '>
                                                                        <input type="text" id="sumatE" name="sumatE"
                                                                            required="required" class="form-control"
                                                                            disabled>
                                                                    </td>
                                                                    <td class='text-md-center'
                                                                        data-label='Total del indicador F: '>
                                                                        <input type="text" id="sumatF" name="sumatF"
                                                                            required="required" class="form-control"
                                                                            disabled>
                                                                    </td>
                                                                    <td></td>
                                                                </tr>
                                                            </tfoot>
                                                        </table>
                                                        <table class="table">
                                                            <thead>
                                                                <tr>
                                                                    <th colspan="2">
                                                                        <center>Indicadores de Alcance</center>
                                                                    </th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                <tr>
                                                                    <th scope="row">A</th>
                                                                    <td>Se adapta a situaciones y contextos complejos.
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">B</th>
                                                                    <td>Hace aportaciones a las actividades académicas
                                                                        desarrolladas.</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">C</th>
                                                                    <td>Propone y/o explica soluciones o procedimientos
                                                                        no vistos en
                                                                        clase
                                                                        (creatividad). </td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">D</th>
                                                                    <td>Introduce recursos y experiencias que promueven
                                                                        un
                                                                        pensamiento
                                                                        crítico; (por ejemplo el uso de las tecnologías
                                                                        de la
                                                                        información
                                                                        estableciendo previamente un criterio).</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">E</th>
                                                                    <td>Incorpora conocimientos y actividades
                                                                        interdisciplinarias en
                                                                        su
                                                                        aprendizaje.</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">F</th>
                                                                    <td>Realiza su trabajo de manera autónoma y
                                                                        autorregulada. </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            <?php else: ?>
                                                <div class="tab-pane fade" id="v-pills-unidad<?php echo e($i); ?>"
                                                    role="tabpanel"
                                                    aria-labelledby="v-pills-unidad<?php echo e($i); ?>-tab">
                                                    <div class="col-md-12 col-sm-12 col-xs-8">
                                                        <table class="table table-striped">
                                                            <tbody>
                                                                <tr>
                                                                    <th scope="row">Competencia Especifica</th>
                                                                    <td colspan="2">Introducción a la Inteligencia
                                                                        Artificial.</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">Tema</th>
                                                                    <td colspan="2">Introducción a la Inteligencia
                                                                        Artificial.</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">Subtema</th>
                                                                    <td colspan="2">Introducción a la Inteligencia
                                                                        Artificial.</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">Prácticas</th>
                                                                    <td><b>Descripción:
                                                                            <textarea class="form-control" id="descripcion" name="descripcion" rows="3" required="required"
                                                                                style="resize:none"></textarea>
                                                                        </b></td>
                                                                    <td><b>Resultados:
                                                                            <textarea class="form-control" id="resultados" name="resultados" rows="3" required="required"
                                                                                style="resize: none"></textarea>
                                                                        </b></td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">Horas Teóricas - Prácticas</th>
                                                                    <td><b>P:
                                                                            <textarea class="form-control" id="p" name="p" rows="3" required="required" style="resize: none"></textarea>
                                                                        </b></td>
                                                                    <td><b>R:
                                                                            <textarea class="form-control" id="r" name="r" rows="3" required="required" style="resize: none"></textarea>
                                                                        </b></td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                        <table id="tabla_did"
                                                            class="table table-striped jambo_table bulk_action">
                                                            <thead>
                                                                <tr class="headings">
                                                                    <th class="column-title" rowspan="2">Evidencia de
                                                                        Aprendizaje</th>
                                                                    <th class="column-title" rowspan="2"
                                                                        data-toggle="tooltip" data-placement="top"
                                                                        title="Porcentaje">%
                                                                    </th>
                                                                    <th class="column-title" colspan="6">
                                                                        <center>Indicador de alcance </center>
                                                                    </th>
                                                                    <th class="column-title no-link last" rowspan="2"
                                                                        colspan="2"><span
                                                                            class="nobr">Evaluacion
                                                                            formativa de la
                                                                            competencia</span>
                                                                    </th>
                                                                </tr>
                                                                <tr>
                                                                    <th data-toggle="tooltip" data-placement="top"
                                                                        title="Se adapta a situaciones y contextos complejos">
                                                                        A</th>
                                                                    <th data-toggle="tooltip" data-placement="top"
                                                                        title="Hace aportaciones a las actividades académicas desarrolladas">
                                                                        B</th>
                                                                    <th data-toggle="tooltip" data-placement="top"
                                                                        title="Propone y/o explica soluciones o procedimientos no vistos en clase (creatividad).">
                                                                        C</th>
                                                                    <th data-toggle="tooltip" data-placement="top"
                                                                        title="Introduce recursos y experiencias que promueven un pensamiento crítico; (por ejemplo el uso de las tecnologías de la información estableciendo previamente un criterio).">
                                                                        D</th>
                                                                    <th data-toggle="tooltip" data-placement="top"
                                                                        title="Incorpora conocimientos y actividades interdisciplinarias en su aprendizaje.">
                                                                        E</th>
                                                                    <th data-toggle="tooltip" data-placement="top"
                                                                        title="Realiza su trabajo de manera autónoma y autorregulada.">
                                                                        F
                                                                    </th>
                                                                </tr>
                                                            </thead>
                                                            <tbody id="contenedor_evidenciaAprendizaje">
                                                                <script>
                                                                    total_porcentaje_fila()
                                                                </script>
                                                                <tr class="even pointer" id="rowunidad_1">
                                                                    <td class="text-md-center"
                                                                        data-label="Evidencia de Aprendisaje: ">
                                                                        <div>
                                                                            <input type="text" id="evidenciaApre_1"
                                                                                name="evidenciaApre_1"
                                                                                required="required"
                                                                                class="form-control">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Porcentaje: ">
                                                                        <div>
                                                                            <input type="text" id="porcentaje_1"
                                                                                name="porcentaje_1" required="required"
                                                                                class="form-control porcentaje"
                                                                                oninput="total_porcentaje_fila()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Se adapta a situaciones y contextos complejos: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorA_1"
                                                                                name="indicadorA_1" required="required"
                                                                                class="form-control idicador_A"
                                                                                oninput="total_indicador_A()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Hace aportaciones a las actividades académicas desarrolladas: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorB_1"
                                                                                name="indicadorB_1" required="required"
                                                                                class="form-control idicador_B"
                                                                                oninput="total_indicador_B()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Propone y/o explica soluciones o procedimientos no vistos en clase (creatividad): ">
                                                                        <div>
                                                                            <input type="text" id="indicadorC_1"
                                                                                name="indicadorC_1" required="required"
                                                                                class="form-control idicador_C "
                                                                                oninput="total_indicador_C()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Introduce recursos y experiencias que promueven un pensamiento crítico: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorD_1"
                                                                                name="indicadorD_1" required="required"
                                                                                class="form-control idicador_D"
                                                                                oninput="total_indicador_D()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Incorpora conocimientos y actividades interdisciplinarias en su aprendizaje: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorE_1"
                                                                                name="indicadorE_1" required="required"
                                                                                class="form-control idicador_E"
                                                                                oninput="total_indicador_E()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Realiza su trabajo de manera autónoma y autorregulada: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorF_1"
                                                                                name="indicadorF_1" required="required"
                                                                                class="form-control idicador_F"
                                                                                oninput="total_indicador_F()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Evaluacion formativa de la competencia: ">
                                                                        <div>
                                                                            <input type="text" id="evaluacionFor_1"
                                                                                name="evaluacionFor_1"
                                                                                required="required"
                                                                                class="form-control">
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                    </td>
                                                                </tr>
                                                                <tr class="even pointer" id="rowunidad_2">
                                                                    <td class="text-md-center"
                                                                        data-label="Evidencia de Aprendisaje: ">
                                                                        <div>
                                                                            <input type="text" id="evidenciaApre_2"
                                                                                name="evidenciaApre_2"
                                                                                required="required"
                                                                                class="form-control">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Porcentaje: ">
                                                                        <div>
                                                                            <input type="text" id="porcentaje_2"
                                                                                name="porcentaje_2" required="required"
                                                                                class="form-control porcentaje"
                                                                                oninput="total_porcentaje_fila()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Se adapta a situaciones y contextos complejos: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorA_2"
                                                                                name="indicadorA_2" required="required"
                                                                                class="form-control idicador_A"
                                                                                oninput="total_indicador_A()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Hace aportaciones a las actividades académicas desarrolladas: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorB_2"
                                                                                name="indicadorB_2" required="required"
                                                                                class="form-control idicador_B"
                                                                                oninput="total_indicador_B()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Propone y/o explica soluciones o procedimientos no vistos en clase (creatividad): ">
                                                                        <div>
                                                                            <input type="text" id="indicadorC_2"
                                                                                name="indicadorC_2" required="required"
                                                                                class="form-control idicador_C "
                                                                                oninput="total_indicador_C()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Introduce recursos y experiencias que promueven un pensamiento crítico: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorD_2"
                                                                                name="indicadorD_2" required="required"
                                                                                class="form-control idicador_D"
                                                                                oninput="total_indicador_D()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Incorpora conocimientos y actividades interdisciplinarias en su aprendizaje: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorE_2"
                                                                                name="indicadorE_2" required="required"
                                                                                class="form-control idicador_E"
                                                                                oninput="total_indicador_E()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Realiza su trabajo de manera autónoma y autorregulada: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorF_2"
                                                                                name="indicadorF_2" required="required"
                                                                                class="form-control idicador_F"
                                                                                oninput="total_indicador_F()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Evaluacion formativa de la competencia: ">
                                                                        <div>
                                                                            <input type="text" id="evaluacionFor_2"
                                                                                name="evaluacionFor_2"
                                                                                required="required"
                                                                                class="form-control">
                                                                        </div>
                                                                    </td>
                                                                    <td>

                                                                    </td>
                                                                </tr>
                                                                <tr class="even pointer" id="rowunidad_3">
                                                                    <td class="text-md-center"
                                                                        data-label="Evidencia de Aprendisaje: ">
                                                                        <div>
                                                                            <input type="text" id="evidenciaApre_3"
                                                                                name="evidenciaApre_3"
                                                                                required="required"
                                                                                class="form-control">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Porcentaje: ">
                                                                        <div>
                                                                            <input type="text" id="porcentaje_3"
                                                                                name="porcentaje_3" required="required"
                                                                                class="form-control porcentaje"
                                                                                oninput="total_porcentaje_fila()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Se adapta a situaciones y contextos complejos: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorA_3"
                                                                                name="indicadorA_3" required="required"
                                                                                class="form-control idicador_A"
                                                                                oninput="total_indicador_A()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Hace aportaciones a las actividades académicas desarrolladas: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorB_3"
                                                                                name="indicadorB_3" required="required"
                                                                                class="form-control idicador_B"
                                                                                oninput="total_indicador_B()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Propone y/o explica soluciones o procedimientos no vistos en clase (creatividad): ">
                                                                        <div>
                                                                            <input type="text" id="indicadorC_3"
                                                                                name="indicadorC_3" required="required"
                                                                                class="form-control idicador_C "
                                                                                oninput="total_indicador_C()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Introduce recursos y experiencias que promueven un pensamiento crítico: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorD_3"
                                                                                name="indicadorD_3" required="required"
                                                                                class="form-control idicador_D"
                                                                                oninput="total_indicador_D()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Incorpora conocimientos y actividades interdisciplinarias en su aprendizaje: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorE_3"
                                                                                name="indicadorE_3" required="required"
                                                                                class="form-control idicador_E"
                                                                                oninput="total_indicador_E()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Realiza su trabajo de manera autónoma y autorregulada: ">
                                                                        <div>
                                                                            <input type="text" id="indicadorF_3"
                                                                                name="indicadorF_3" required="required"
                                                                                class="form-control idicador_F"
                                                                                oninput="total_indicador_F()">
                                                                        </div>
                                                                    </td>
                                                                    <td class="text-md-center"
                                                                        data-label="Evaluacion formativa de la competencia: ">
                                                                        <div>
                                                                            <input type="text" id="evaluacionFor_3"
                                                                                name="evaluacionFor_3"
                                                                                required="required"
                                                                                class="form-control">
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <button type="button"
                                                                            class="btn btn-block btn-dark fa fa-plus"
                                                                            onclick="mas_evidenciasApren()">
                                                                        </button>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                            <tfoot>
                                                                <tr class="even pointer">
                                                                    <td class="a-center" colspan="2"
                                                                        style="text-align: right;">
                                                                        Valor
                                                                        del indicador: </td>
                                                                    <td class='text-md-center'
                                                                        data-label='Total del indicador A: '>
                                                                        <input type="text" id="sumatA" name="sumatA"
                                                                            required="required" class="form-control"
                                                                            disabled>
                                                                    </td>
                                                                    <td class='text-md-center'
                                                                        data-label='Total del indicador B: '>
                                                                        <input type="text" id="sumatB" name="sumatB"
                                                                            required="required" class="form-control"
                                                                            disabled>
                                                                    </td>
                                                                    <td class='text-md-center'
                                                                        data-label='Total del indicador C: '>
                                                                        <input type="text" id="sumatC" name="sumatC"
                                                                            required="required" class="form-control"
                                                                            disabled>
                                                                    </td>
                                                                    <td class='text-md-center'
                                                                        data-label='Total del indicador D: '>
                                                                        <input type="text" id="sumatD" name="sumatD"
                                                                            required="required" class="form-control"
                                                                            disabled>
                                                                    </td>
                                                                    <td class='text-md-center'
                                                                        data-label='Total del indicador E: '>
                                                                        <input type="text" id="sumatE" name="sumatE"
                                                                            required="required" class="form-control"
                                                                            disabled>
                                                                    </td>
                                                                    <td class='text-md-center'
                                                                        data-label='Total del indicador F: '>
                                                                        <input type="text" id="sumatF" name="sumatF"
                                                                            required="required" class="form-control"
                                                                            disabled>
                                                                    </td>
                                                                    <td></td>
                                                                </tr>
                                                            </tfoot>
                                                        </table>
                                                        <table class="table">
                                                            <thead>
                                                                <tr>
                                                                    <th colspan="2">
                                                                        <center>Indicadores de Alcance</center>
                                                                    </th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                <tr>
                                                                    <th scope="row">A</th>
                                                                    <td>Se adapta a situaciones y contextos complejos.
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">B</th>
                                                                    <td>Hace aportaciones a las actividades académicas
                                                                        desarrolladas.</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">C</th>
                                                                    <td>Propone y/o explica soluciones o procedimientos
                                                                        no vistos en
                                                                        clase
                                                                        (creatividad). </td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">D</th>
                                                                    <td>Introduce recursos y experiencias que promueven
                                                                        un
                                                                        pensamiento
                                                                        crítico; (por ejemplo el uso de las tecnologías
                                                                        de la
                                                                        información
                                                                        estableciendo previamente un criterio).</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">E</th>
                                                                    <td>Incorpora conocimientos y actividades
                                                                        interdisciplinarias en
                                                                        su
                                                                        aprendizaje.</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row">F</th>
                                                                    <td>Realiza su trabajo de manera autónoma y
                                                                        autorregulada. </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            <?php endif; ?>
                                        <?php endfor; ?>
                                    </div>
                                </div>

                                <div class="clearfix"></div>

                            </div>


                        </div>

                        <div class="mb-1 row">
                            <div class="control-form-label col-md-5 col-sm-6 col-xs-12  text-left text-sm-right">
                                <label class="text-sm-left" for="unidad">No. de la Unidad
                                    <span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <input type="text" id="unidad" name="unidad" required="required" class="form-control"
                                    disabled>
                            </div>
                        </div>
                        <div class="mb-1 row">
                            <div class="control-form-label col-md-5 col-sm-6 col-xs-12 text-left text-sm-right">
                                <label class="text-md-left" for="segU">Fecha en la que se comenzará con la
                                    unidad<span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <input type="date" id="fecha_inicio" name="fecha_inicio" class="form-control"
                                    required="required">
                            </div>
                        </div>
                        <div class="mb-1 row">
                            <div class="control-form-label col-md-5 col-sm-6 col-xs-12 text-left text-sm-right">
                                <label class="text-md-left" for="segU">Fecha en la que se finalizará con la
                                    unidad<span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <input type="date" id="fecha_inicio" name="fecha_inicio" class="form-control"
                                    required="required">
                            </div>
                        </div>
                        <br>

                        <div class="mb-1 row">
                            <div class="control-form-label col-md-4 col-sm-4 col-xs-12  text-left text-sm-right">
                                <label class="text-sm-right" for="observacionesDet">Observaciones <span
                                        class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <textarea class="form-control" id="observacionesDet" name="observacionesDet" rows="3" required="required"
                                    style="resize:none"></textarea>
                            </div>
                        </div>
                        <div class="ln_solid"></div>

                        <div class="item form-group">
                            <div class="col-md-3 col-sm-12"></div>
                            <div class="col-md-6 col-sm-12">
                                <div class="row">
                                    <div class="col">
                                        <button class="btn btn-outline-dark btn-block" type="button"
                                            onclick="history.back()"><i class="fa far fa-reply"></i> Regresar</button>
                                    </div>
                                    <div class="col">
                                        <button class="btn btn-outline-primary btn-block" type="reset"
                                            onclick="limpiar_general()">Limpiar</button>
                                    </div>
                                    <div class="col">
                                        <button type="button" onclick="add_carrera(this.form)"
                                            class="btn btn-outline-success btn-block" form="form-nueva">Enviar <i
                                                class=" fa fas fa-paper-plane"></i></button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-12"></div>
                        </div>
                    </form>
                </div>
            </div>
            <!--
                        <div class="ln_solid"></div>
                        -->




        </div>
    </div>
</div>
<?php /**PATH C:\xampp\htdocs\laravel_curso\laravel_7_curso\resources\views/docente/instrumentacion_didactica/nuevo.blade.php ENDPATH**/ ?>