<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- NProgress -->
<link href="../vendors/nprogress/nprogress.css" rel="stylesheet">

<!-- Custom Theme Style -->
<link href="../build/css/custom.min.css" rel="stylesheet">
<div class="">
    <div class="page-title">
        <div class="title_left">
            <h3>Reporte final de evaluación y acreditación</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 un nuevo reporte final de evaluación y acreditación</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <form id="form-nueva" data-parsley-validate class="form-horizontal form-label-left"
                        enctype="multipart/form-data">
                        <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="nombredto">Nombre del
                                    departamento académico<span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-12">
                                <input type="text" id="nombredto" name="nombredto" value="{{ $cd->nombre_m }}"
                                    required="required" class="form-control form-control-sm" disabled>
                                <input type="hidden" name="depto" id="depto" value="{{ $cd->idPuesto }}">
                            </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="periodo">Periodo al que
                                    pertenece el reporte <span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-12">
                                <input type="date" id="fecha_ini" name="fecha_ini" required="required"
                                    class="form-control form-control-sm">
                            </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">al<span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-12">
                                <input type="date" id="fecha_fin" name="fecha_fin" required="required"
                                    class="form-control form-control-sm">
                            </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="docente">Docente <span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-12">
                                <input type="hidden" name="idoc" id="idoc" value="{{ $cd->id }}"
                                    required="required" class="form-control form-control-sm">
                                <input type="text" id="docente" name="docente" required="required"
                                    class="form-control form-control-sm"
                                    value="{{ $cd->nombre }} {{ $cd->apellido_paterno }} {{ $cd->apellido_materno }}"
                                    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="nogropate">No. Grupos
                                    atendidos <span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-12">
                                <input type="text" id="nogropate" name="nogropate" required="required"
                                    class="form-control form-control-sm" value="{{ $repe }}" 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="noasigdif">No. de Asignaturas
                                    diferentes <span class="required">*</span>
                                </label>
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-12">
                                <input type="text" id="noasigdif" name="noasigdif" required="required"
                                    class="form-control form-control-sm" value="{{ $dif }}" disabled>
                            </div>
                        </div>
                        <div class="mb-1 row">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <div class="">
                                    <table id="tabla_rea" class=" table table-bordered" align="center">
                                        <thead>
                                            <tr>
                                                <td rowspan="2" style="vertical-align: middle;">
                                                    <h5>Asignatura</h5>
                                                </td>
                                                <td rowspan="2" style="vertical-align: middle;">
                                                    <h5>Carrera</h5>
                                                </td>
                                                <td rowspan="2" style="vertical-align: middle;">
                                                    <div class="bs-example-popovers">
                                                        <center style="vertical-align: middle;"
                                                            class="bs-example-popovers">
                                                            <h5 data-toggle="tooltip" data-placement="top"
                                                                title="TOTAL DE ESTUDIANTES POR MATERIA">A</h5>
                                                        </center>
                                                    </div>
                                                </td>
                                                <td colspan="3">
                                                    <div class="bs-example-popovers">
                                                        <center style="vertical-align: middle;"
                                                            class="bs-example-popovers">
                                                            <h5 data-toggle="tooltip" data-placement="top"
                                                                title="No. DE ESTUDIANTES ACREDITADOS">B</h5>
                                                        </center>
                                                    </div>
                                                </td>
                                                <td rowspan="2" style="vertical-align: middle;">
                                                    <div class="bs-example-popovers">
                                                        <center style="vertical-align: middle;"
                                                            class="bs-example-popovers">
                                                            <h5 data-toggle="tooltip" data-placement="top"
                                                                title="% DE ESTUDIANTES ACREDITADOS">C</h5>
                                                        </center>
                                                    </div>
                                                </td>
                                                <td rowspan="2" style="vertical-align: middle;">
                                                    <div class="bs-example-popovers">
                                                        <center style="vertical-align: middle;"
                                                            class="bs-example-popovers">
                                                            <h5 data-toggle="tooltip" data-placement="top"
                                                                title="No. DE ESTUDIANTES NO ACREDITADOS">D</h5>
                                                        </center>
                                                    </div>
                                                </td>
                                                <td rowspan="2" style="vertical-align: middle;">
                                                    <div class="bs-example-popovers">
                                                        <center style="vertical-align: middle;"
                                                            class="bs-example-popovers">
                                                            <h5 data-toggle="tooltip" data-placement="top"
                                                                title="% DE ESTUDIANTES NO ACREDITADOS">E</h5>
                                                        </center>
                                                    </div>
                                                </td>
                                                <td rowspan="2" style="vertical-align: middle;">
                                                    <div class="bs-example-popovers">
                                                        <center style="vertical-align: middle;"
                                                            class="bs-example-popovers">
                                                            <h5 data-toggle="tooltip" data-placement="top"
                                                                title="No. DE ESTUDIANTES QUE DESERTARON DURANTE EL SEMESTRE EN LA MATERIA">
                                                                F</h5>
                                                        </center>
                                                    </div>
                                                </td>
                                                <td rowspan="2" style="vertical-align: middle;">
                                                    <div class="bs-example-popovers">
                                                        <center style="vertical-align: middle;"
                                                            class="bs-example-popovers">
                                                            <h5 data-toggle="tooltip" data-placement="top"
                                                                title="% DE ESTUDIANTES QUE DESERTARON EN LA MATERIA">G
                                                            </h5>
                                                        </center>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="bs-example-popovers">
                                                        <center style="vertical-align: middle;"
                                                            class="bs-example-popovers">
                                                            <h6 data-toggle="tooltip" data-placement="top"
                                                                title="1a = Primera oportunidad">1a</h6>
                                                        </center>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="bs-example-popovers">
                                                        <center style="vertical-align: middle;"
                                                            class="bs-example-popovers">
                                                            <h6 data-toggle="tooltip" data-placement="top"
                                                                title="2a = Segunda oportunidad">2a</h6>
                                                        </center>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="bs-example-popovers">
                                                        <center style="vertical-align: middle;"
                                                            class="bs-example-popovers">
                                                            <h6 data-toggle="tooltip" data-placement="top"
                                                                title="Esp = Evaluación Especial">Esp</h6>
                                                        </center>
                                                    </div>
                                                </td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <script>
                                                total_est();
                                            </script>
                                            @for ($i = 1; $i <= $repe; $i++)
                                                @foreach ($cd->AsignacionMateria as $m)
                                                    <tr class="fila" id="fila{{ $i }}">
                                                        <td data-label="Asignatura: ">{{ $m->materia->nombre_mat }}
                                                            <input type="hidden" name="mat" id="mat"
                                                                value="{{ $m->materia->cve_mat }}">
                                                        </td>
                                                        <td data-label="Carrera:">
                                                            @foreach ($m->materia->MateriaCarrera as $c)
                                                                <input type="hidden" name="car" id="car"
                                                                    value="{{ $c->carrera->id }}">
                                                                {{ $c->carrera->abreviatura }}
                                                            @endforeach
                                                        </td>
                                                        <td data-label="Total de estudiantes">
                                                            <input type="text" name="a{{ $i }}"
                                                                id="a{{ $i }}"
                                                                class="a form-control form-control-sm"
                                                                oninput="total_est()"value="{{ $m->catalum_asig }}">
                                                        </td>
                                                        <td data-label="Primera oportunidad">
                                                            <input type="text" name="bpa{{ $i }}"
                                                                id="bpa{{ $i }}"
                                                                class="bpa form-control form-control-sm"
                                                                oninput="total_noacreUA()">
                                                        </td>
                                                        <td data-label="Segunda oportunidad: ">
                                                            <input type="text" name="bsa{{ $i }}"
                                                                id="bsa{{ $i }}"
                                                                class="bsa form-control form-control-sm"
                                                                oninput="total_noacreSA()">
                                                        </td>
                                                        <td data-label="Evaluacion especial: ">
                                                            <input type="text" name="besp{{ $i }}"
                                                                id="besp{{ $i }}"
                                                                class="besp form-control form-control-sm"
                                                                oninput="total_noacreEspA()">
                                                        </td>
                                                        <td data-label="% de estuduantes acreditados: ">
                                                            <input type="text" name="c{{ $i }}"
                                                                id="c{{ $i }}"
                                                                class="c form-control form-control-sm" disabled>
                                                        </td>
                                                        <td data-label="No. de estudiantes no acreditados: ">
                                                            <input type="text" name="d{{ $i }}"
                                                                id="d{{ $i }}"
                                                                class="d form-control form-control-sm"
                                                                oninput="total_noacre()">
                                                        </td>
                                                        <td data-label="% de estudiantes no acreditados: ">
                                                            <input type="text" name="e{{ $i }}"
                                                                id="e{{ $i }}"
                                                                class="e form-control form-control-sm" disabled>
                                                        </td>
                                                        <td
                                                            data-label="No. de estudiantes que desertaron durante el semestre: ">
                                                            <input type="text" name="f{{ $i }}"
                                                                id="f{{ $i }}"
                                                                class="f form-control form-control-sm"
                                                                oninput="total_desertores()">
                                                        </td>
                                                        <td data-label="% de Estudiantes que desertaron la materia: ">
                                                            <input type="text" name="g{{ $i }}"
                                                                id="g{{ $i }}"
                                                                class="g form-control form-control-sm" disabled>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endfor
                                            <tr>
                                                <th colspan="2">Total</th>
                                                <td data-label="Total de estudiantes: ">
                                                    <input type="text" id="sumaAlu" name="sumaAlu"
                                                        required="required"
                                                        class="form-control form-control-sm text-center" disabled>
                                                </td>
                                                <td
                                                    data-label="Total de estudiantes acreditados en primera oportunidad: ">
                                                    <input type="text" id="sumab_ua" name="sumab_ua"
                                                        required="required"
                                                        class="form-control form-control-sm text-center" disabled>
                                                </td>
                                                <td
                                                    data-label="Total de estudiantes acreditados en segunda oportunidad: ">
                                                    <input type="text" id="sumab_sa" name="sumab_sa"
                                                        required="required"
                                                        class="form-control form-control-sm text-center" disabled>
                                                </td>
                                                <td
                                                    data-label="Total de estudiantes acreditados con evaluación especial: ">
                                                    <input type="text" id="sumab_tesp" name="sumab_tesp"
                                                        required="required"
                                                        class="form-control form-control-sm text-center" disabled>
                                                </td>
                                                <td data-label="Total de porcentaje de estudiantes acreditados: ">
                                                    <input type="text" id="sumaAcre" name="sumaAcre"
                                                        required="required"
                                                        class="form-control form-control-sm text-center" disabled>
                                                </td>
                                                <td data-label="Total de no. de estudiantes no acreditados: ">
                                                    <input type="text" id="sumanoAcre" name="sumanoAcre"
                                                        required="required"
                                                        class="form-control form-control-sm text-center" disabled>
                                                </td>
                                                <td data-label="Total de porcentaje de estudiantes no acreditados: ">
                                                    <input type="text" id="sumanoAcrePorcentaje"
                                                        name="sumanoAcrePorcentaje" required="required"
                                                        class="form-control form-control-sm text-center" disabled>
                                                </td>
                                                <td data-label="Total de estudiantes que decertarón: ">
                                                    <input type="text" id="sumadesertores" name="sumadesertores"
                                                        required="required"
                                                        class="form-control form-control-sm text-center" disabled>
                                                </td>
                                                <td data-label="Total de porcentaje de estudiantes que desertarón: ">
                                                    <input type="text" id="sumadeserPorcentaje"
                                                        name="sumadeserPorcentaje" required="required"
                                                        class="form-control form-control-sm text-center" disabled>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="mb-1 row">
                            <div class="control-form-label col-md-3 col-sm-2 col-xs-12 text-left text-sm-right">
                                <label class="text-sm-left" for="noasigdif">
                                </label>
                            </div>
                            <div class="col-md-6 col-sm-8 col-xs-12">
                                <div class="">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th class="align-middle">A</th>
                                                <th>TOTAL DE ESTUDIANTES POR MATERIA</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <th class="align-middle">B</th>
                                                <th>No. DE ESTUDIANTES ACREDITADOS
                                                    <ul>
                                                        <li>1a= Primera oportunidad</li>
                                                        <li>2a= Segunda oportunidad</li>
                                                        <li>Esp= Evaluación Especial</li>
                                                    </ul>
                                                </th>
                                            </tr>
                                            <tr>
                                                <th class="align-middle">C</th>
                                                <th>% DE ESTUDIANTES ACREDITADOS</th>
                                            </tr>
                                            <tr>
                                                <th class="align-middle">D</th>
                                                <th>No. DE ESTUDIANTES NO ACREDITADOS
                                                    <ul>
                                                        <li>Incluyendo los desertores</li>
                                                    </ul>
                                                </th>
                                            </tr>
                                            <tr>
                                                <th class="align-middle">E</th>
                                                <th>% DE ESTUDIANTES NO ACREDITADOS</th>
                                            </tr>
                                            <tr>
                                                <th class="align-middle">F</th>
                                                <th>No. DE ESTUDIANTES QUE DESERTARON DURANTE EL SEMESTRE EN LA MATERIA
                                                </th>
                                            </tr>
                                            <tr>
                                                <th class="align-middle">G</th>
                                                <th>% DE ESTUDIANTES QUE DESERTARON EN LA MATERIA</th>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <div class="ln_solid"></div>
                        <div class="mb-1 row">
                            <div class="col-md-3 col-sm-12"></div>
                            <div class="col-md-6 col-sm-12">
                                <div class="row">
                                    <div class="col">
                                        <button type="button" onclick="add_carrera(this.form)"
                                            class="btn btn-success btn-block" form="form-nueva"><i
                                                class=" fa fa-papel"></i> Entregar </button>
                                    </div>
                                    <div class="col">
                                        <button class="btn btn-info btn-block" type="reset"
                                            onclick="add_evaluacionacreditacionBorrador(this.form)"><i
                                                class="fa fa-eraser"></i> Borrador</button>
                                    </div>
                                    <div class="col">
                                        <button class="btn btn-dark btn-block" type="button"
                                            onclick="nueva_instrumentaciondidactica()"><i class="fa fa-times"></i>
                                            Regresar</button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-12"></div>
                        </div>
                    </form>
                    <br>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(document).ready(function() {
        $('[data-toggle="tooltip"]').tooltip();
    });
</script>
<script>
    $(document).ready(function() {
        $('[data-toggle="tooltip"]').click(function() {
            $('[data-toggle="tooltip"]').tooltip("hide");

        });
    });
</script>
