{{ Form::hidden('urlModalGradesActivityType', action('StudentGradesDetailController@getLoadModalGradesActivityType', array()), array('id'=>'urlModalGradesActivityType')) }}
<style type="style/css">
    .fondo-blur{
    }

    .fondo-blur::before{
        opacity: 1.0;
        !important;
    }
</style>
<div class="container-fluid" style=" margin-top: 15%;">
    <div class="row">
        <div class="col-md-12"><label>{{"CURSO: ". $studentInfo->name_lvl." ".$studentInfo->name_clg }}</label></div>
    </div>
    <div class="row">
        <div class="col-md-4">
            <div id="total-avg-label"></div>
        </div>
    </div>
    <!--
    <div class="row">
        <div class="col-md-5"><label>Nota Mínima por Criterio</label></div>
        <div class="col-md-4">
            <div id="total-avg-label"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-5"><label>Nota Máxima de * General:</label></div>
    </div>
    -->
</div>
<br/>
<div>
    <div class="container">
        <br>
        <!-- Boton -->
        <i data-toggle="modal" href="#mi_modal"  class="fa fa-question-circle" aria-hidden="true" id="help-head" style=" font-size:30px; " hidden ></i>
        <br><br>
        <!-- si se necesita cambiar tamaño de modal agregar modal-lg a la linea
        <div class="modal-dialog"> por <div class="modal-dialog modal-lg">-->

        <!-- Modal-->
        <div class="modal fade " id="mi_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog"  style="padding-top: 45%; padding-left: 14%;">
                <div class="modal-content fondo-blur" style="opacity: 0.6; background-color:#F4F4F4 ;" id="container-modal-help">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" style="opacity: 1; ">
                            <span aria-hidden="true">&times;</span><span class="sr-only">Cerrar</span>
                        </button>
                        <h4 class="modal-title" id="myModalLabel" style="opacity: 1; color: #000000;">Ayuda</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <label style="color: #000000; padding-left: 3%; font-size: 25px;">Deslice la tabla de notas para ver el detalle</label>
                        </div>
                        <div class="row" style="text-align: center;">
                        <i class="fa fa-arrow-left"
                           aria-hidden="true"
                           style="
                               /*opacity: 1;*/

                               font-size: 100px;
                               color: #000000;">
                        </i>
                        <i class="fa fa-hand-o-up"
                           aria-hidden="true"
                           style="

                               /*opacity: 1;*/
                               font-size: 125px;
                               color: #000000;">
                        </i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="table-responsive">
        <table class="table notas" style="max-width:750px;">
        <thead>
        <tr>
            <th>Materia</th>
            @foreach($subperiod as $itemSbp)
                <th class="subperiod-head text-primary-screen touch-name_sbp" serial="{{$itemSbp->serial_sbp}}" visibility="hidden"
                    id="avg-{{$itemSbp->serial_sbp}}"
                    style="background-color:#77AABE; color:#FFFFFF; text-align: left; min-width: 80px;">{{$itemSbp->short_name_sbp?$itemSbp->short_name_sbp:$itemSbp->name_sbp}}
                    <i class="fa fa-caret-right" aria-hidden="true" style="color:#FFFFFF; font-size: 13px;"></i>
                </th>
                @if(count($listActivity)>0)
                    @foreach($listActivity as $itemAct)
                        <th style="background-color:#77AABE; color:#FFFFFF; white-space: nowrap; min-width:80px; " class="act-{{$itemSbp->serial_sbp}} touch-name-att"
                            hidden
                            serial="{{$itemSbp->serial_sbp}} "
                            att="{{$itemAct->serial_att}}"
                            id="td-att-{{$itemSbp->serial_sbp}}"
                        >{{$itemAct->name_att}}</th>
                    @endforeach
                @endif
            @endforeach
            <th style="color:#77AABE;">Examen</th>
            <th style="color:#77AABE;">Promedio</th>
        </tr>
        </thead>
        <tbody>
        @foreach($subjects as $itemSbj)
            <tr>
                <td class="col-md-6" style="padding-top: 1.7%;"><span class="col-md-11" style="color:#3D3D3D; font-size: 12px; white-space: nowrap; ">{{strtoupper($itemSbj->name_csb)}}</span></td>
                @foreach($subperiod as $itemSbp)