<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>Consultar el reporte final de evaluación y acreditación</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    @php
                        $depto = '';
                    @endphp
                    @if ($ea->personal->sexo == 'F')
                        @php
                            $depto = $ea->personal->nombre_f;
                        @endphp
                    @else
                        @php
                            $depto = $ea->personal->nombre_m;
                        @endphp
                    @endif
                    <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" required="required"
                                    class="form-control form-control-sm" value="{{ $depto }}" 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="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" value="{{ $ea->fechaIni_repfea }}" 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">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" value="{{ $ea->fechaFin_repfea }}" 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="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="{{ $ea->personal->id }}">
                                <input type="text" id="docente" name="docente" required="required"
                                    class="form-control form-control-sm"
                                    value="{{ $ea->personal->nombre }} {{ $ea->personal->apellido_paterno }} {{ $ea->personal->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="{{ $ea->nogrupaten_repfea }}"
                                    oninput="resultado_evaluacion_general()" 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="{{ $ea->noasigdif_repfea }}"
                                    oninput="resultado_evaluacion_general()" 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_ag_fila();
                                            </script>
                                            @foreach ($rengea as $rea)
                                                <tr class="fila" id="fila{{ $loop->iteration }}">
                                                    <td data-label="Asignatura: ">
                                                        {{ $rea->Detallerep->materia->nombre_mat }}
                                                        <input type="hidden" name="mat" id="mat"
                                                            value="{{ $rea->Detallerep->materia->cve_mat }}" disabled>
                                                    </td>
                                                    <td data-label="Carrera:"></td>
                                                    <td data-label="Total de estudiantes">
                                                        <input type="text" name="a{{ $loop->iteration }}"
                                                            id="a{{ $loop->iteration }}" class="a form-control"
                                                            oninput="total_est()"
                                                            value="{{ $rea->Detallerep->noEst_detrep }}" disabled>
                                                    </td>
                                                    <td data-label="Primera oportunidad">
                                                        <input type="text" name="bpa{{ $loop->iteration }}"
                                                            id="bpa{{ $loop->iteration }}" class="bpa form-control"
                                                            oninput="total_noacreUA()"
                                                            value="{{ $rea->Detallerep->noEstUa_detrep }}" disabled>
                                                    </td>
                                                    <td data-label="Segunda oportunidad: ">
                                                        <input type="text" name="bsa{{ $loop->iteration }}"
                                                            id="bsa{{ $loop->iteration }}" class="bsa form-control"
                                                            oninput="total_noacreSA()"
                                                            value="{{ $rea->Detallerep->noEstSa_detrep }}" disabled>
                                                    </td>
                                                    <td data-label="Evaluacion especial: ">
                                                        <input type="text" name="besp{{ $loop->iteration }}"
                                                            id="besp{{ $loop->iteration }}" class="besp form-control"
                                                            oninput="total_noacreEspA()"
                                                            value="{{ $rea->Detallerep->noEstEsp_detrep }}" disabled>
                                                    </td>
                                                    <td data-label="% de estuduantes acreditados: ">
                                                        <input type="text" name="c{{ $loop->iteration }}"
                                                            id="c{{ $loop->iteration }}" class="c form-control"
                                                            value="{{ $rea->Detallerep->pacre_detrep }}" disabled>
                                                    </td>
                                                    <td data-label="No. de estudiantes no acreditados: ">
                                                        <input type="text" name="d{{ $loop->iteration }}"
                                                            id="d{{ $loop->iteration }}" class="d form-control"
                                                            oninput="total_noacre()"
                                                            value="{{ $rea->Detallerep->noEstNoA_detrep }}" disabled>
                                                    </td>
                                                    <td data-label="% de estudiantes no acreditados: ">
                                                        <input type="text" name="e{{ $loop->iteration }}"
                                                            id="e{{ $loop->iteration }}" class="e form-control"
                                                            value="{{ $rea->Detallerep->pNAcre_detrep }}" disabled>
                                                    </td>
                                                    <td
                                                        data-label="No. de estudiantes que desertaron durante el semestre: ">
                                                        <input type="text" name="f{{ $loop->iteration }}"
                                                            id="f{{ $loop->iteration }}" class="f form-control"
                                                            oninput="total_desertores()"
                                                            value="{{ $rea->Detallerep->noEstDe_detrep }}" disabled>
                                                    </td>
                                                    <td data-label="% de Estudiantes que desertaron la materia: ">
                                                        <input type="text" name="g{{ $loop->iteration }}"
                                                            id="g{{ $loop->iteration }}" class="g form-control"
                                                            value="{{ $rea->Detallerep->pEstDe_detrep }}" disabled>
                                                    </td>
                                                </tr>
                                            @endforeach
                                            <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"
                                                        value="{{ $totea->ta_totfea }}" 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"
                                                        value="{{ $totea->tpa_totfea }}" 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"
                                                        value="{{ $totea->tsa_totfea }}" 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"
                                                        value="{{ $totea->tesp_totfea }}" 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"
                                                        value="{{ $totea->tc_totfea }}" 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"
                                                        value="{{ $totea->td_totfea }}" 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"
                                                        value="{{ $totea->te_totfea }}" 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"
                                                        value="{{ $totea->tf_totfea }}" 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"
                                                        value="{{ $totea->tg_totfea }}" 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>
                        @if (isset($jefe))
                            <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_Firmarevaluacionacreditacion(this.form,{{ $ea->cve_repfea }})"
                                                class="btn btn-success btn-block" form="form-nueva"><i
                                                    class=" fa fa-pencil"></i> Firmar </button>
                                        </div>
                                        <div class="col">
                                            <button class="btn btn-danger btn-block"
                                                onclick="modalObservacion('add_observacionesEA(this.form,{{ $ea->cve_repfea }},{{ $ea->docenteEvaluacionAcre[0]->id }});')">Rechazar</button>
                                        </div>
                                        <div class="col">
                                            <button class="btn btn-dark btn-block" type="button"
                                                onclick="listado_asignacion()"><i class="fa fa-times"></i>
                                                Regresar</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-12"></div>
                            </div>
                        @else
                            <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 class="btn btn-dark btn-block" type="button"
                                                onclick="nueva_instrumentaciondidactica()"><i class="fa fa-times"></i>
                                                Cancelar</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-12"></div>
                            </div>
                        @endif
                    </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>
