@extends('layout.sidebar')

@section('content')
    @csrf
    <input type="hidden" id="urlLoadSchedule" name="urlLoadSchedule" value="{{route('/schedule-teacher')}}" />
    <input type="hidden" id="today" name="today" value="FRIDAY" />

    <div class="row">
        <div class="col materiasTitulo">Materias: <span class="materiasTitulo" id="spanCountSubjects" name="spanCountSubjects">0</span></div>
    </div>
    <div class="row">
        <div class="col-md-7">
            @foreach($subjects as $itemSub)
                <div class="row">
                    <div class="col-md-9 materias auxMateriasContador">{{$itemSub->name_csb.' - '.$itemSub->name_crs}}</div>
                    <div class="col-md-3 materias alg-all-rigth">
                        <span class="d-inline">
                            <a href="#" data-toggle="tooltip" title="Estudiantes" class="colorPrimarioLearnbox" >Estudiantes:</a>
                        </span>
                        <span class="d-inline"><i class="fa fa-female fa-lg d-inline" aria-hidden="true" style="color:indianred;"></i><div class="contadorStudents d-inline" data-valor="{{$itemSub->total_students_female}}"></div></span>
                        <span class="d-inline"><i class="fa fa-male   fa-lg d-inline" aria-hidden="true" style="color:#0085b7;"></i><div class="contadorStudents d-inline" data-valor="{{' '.$itemSub->total_students_male}}"></div></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 lineaInferior">
                       @if(!$flagUseNewHome)
                          @if($itemSub->type_subject=='Obligatoria')
                            <a href="{{env('LEARNBOX_OLD_VERSION')."modules/activity/fTeacherCalendarActivity/".$itemSub->serial_sbc}}" class="botonA"><span class="mas-home-teacher">Actividad</span></a>
                            <a href="{{env('LEARNBOX_OLD_VERSION')."modules/student_criteria_grade/fGradeActivityByCourse/".$itemSub->serial_sbc}}" class="botonA"><span class="grado-home-teacher">Calificar</span></a>
                          @else
                            <a href="{{env('LEARNBOX_OLD_VERSION')."modules/opt_activity/fTeacherCalendarOptionalActivity/".$itemSub->serial_sbc}}" class="botonA"><span class="mas-home-teacher">Actividad</span></a>
                            <a href="{{env('LEARNBOX_OLD_VERSION')."modules/opt_student_criteria_grade/fOptionalSubjectGradeActivityByCourse/".$itemSub->serial_sbc}}" class="botonA"><span class="grado-home-teacher">Calificar</span></a>
                          @endif
                            <a href="{{env('LEARNBOX_OLD_VERSION')."laravel/public/gradePeriodExam/index/".$itemSub->serial_sbc."_".$itemSub->type_subject}}" class="botonA"><span class="gorro-home-teacher">Examenes</span><!--<span class="dot">28</span>--></a>
                       @endif
                    </div>
                </div>
            @endforeach
        </div>
        <div class="col-md-1">
        </div>
        <div class="col-md-4" id="containerScheduleTeacher">
        </div>
        <!--
        <div class="col-md-4" style="position: relative; ">
            <style>
                .header-horario {
                    position: absolute !important;
                    /*height: 60px !important;
                    max-height: 60px !important;*/
                    background: #0085b7;
                    border-radius: 8px;
                }
                .horario-box {
                    position: absolute !important;
                    /*height: 450px !important;
                    max-height: 450px !important;
                     */
                    height: 72vh !important;
                    max-height: 72vh !important;
                    background-color: rgba(238, 238, 238, 1);
                    border-radius: 8px;
                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                    overflow-y: auto;
                    top: 65px !important;
                }

                .hora {
                    font-size: 18px;
                    font-weight: bold;
                    color: #333;
                }

                .actividad {
                    margin-top: 8px;
                    color: #555;
                }
            </style>
            <div style=" position: fixed !important; width: 22%" >
                <div class="row" style=" position: relative !important;">
                    <div class="col-md-12 header-horario">
                        <div class="row" style="padding-top: 4%; font-size: 20px;">
                            <div class="col-sm-1 col-md-1 col-lg-1 col-xl-1">
                                <button class="btn" name="preview-day" id="preview-day"><span class="fa fa-angle-left text-white" aria-hidden="true"></span>
                                </button>
                            </div>
                            <div class=" col-sm-1 col-md-4 col-md-6 col-lg-9 col-xl-9">
                                <div style=" text-align: center;  color: white; max-width: 100%;">
                                    Lunes
                                </div>
                            </div>
                            <div class="col-sm-1 col-md-1">
                                <button class="btn" name="next-day" id="next-day"><span class="fa fa-angle-right text-white" aria-hidden="true"></span></button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row horario-box">

                        {{--@foreach($subjectsSchedule as $itemSch)

                                <div class="col-md-12">
                                    <div class="hora">{{$itemSch->start_at_cdt.' - '.$itemSch->end_at_cdt}}</div>
                                    <div class="actividad">{{$itemSch->name_csb}}</div>
                                    <div>
                                        <a href="#" data-toggle="tooltip" title="Incidencias" style="border-radius:25%; height: 35px; width: 50px;  color: #0085b7; font-size: 14px;">Asistencia</a>
                                        <a href="#" data-toggle="tooltip" title="Incidencias" style="border-radius:25%; height: 35px; width: 50px;  color: #0085b7; font-size: 14px;">Comportamiento</a>
                                        <a href="#" data-toggle="tooltip" title="Incidencias" style="border-radius:25%; height: 35px; width: 50px;  color: #0085b7; font-size: 14px;">Incidencias</a>
                                    </div>
                                </div>
                            <hr>
                        @endforeach
                        !--}}
                </div>
            </div>
        </div>
    -->
    </div>

    <script src="{{ asset('js/homeTeacher/homeTeacher.js') }}"></script>
@stop