@extends('layout.sidebar')
@section('title','Reportes Ministerio')
@section('content')
    <h3>Reportes Ministeriales</h3>
    {{ Form::hidden('sections', action('SectionController@getSectionsbyschoolyearoptions', array()), array('id'=>'sections')) }}
    {{ Form::hidden('courses', action('CourseController@getAllbysectionoptions', array()), array('id'=>'courses')) }}
    {{ Form::hidden('periods', action('PeriodController@getPeriodsbycourseoptions', array()), array('id'=>'periods')) }}
    {{ Form::hidden('actionReportCardMethod', action('MinistryReportsController@getActionReportCardMethodConfigured', array()), array('id'=>'actionReportCardMethod')) }}
    {{ Form::hidden('reportCardMethod', action('MinistryReportsController@getReportCardMethodConfigured', array()), array('id'=>'reportCardMethod')) }}
    {{ Form::hidden('studentsByCoursePeriod', action('MinistryReportsController@getStudentsByCourseForCommentsPeriod', array()), array('id'=>'studentsByCoursePeriod')) }}
    {{ Form::hidden('studentsByCourseFinal', action('MinistryReportsController@getStudentsByCourseForComments', array()), array('id'=>'studentsByCourseFinal')) }}
    {{ Form::hidden('hdnYearReportComment', action('YearReportCommentController@postYearReportComment', array()), array('id'=>'hdnYearReportComment')) }}
    {{ Form::hidden('isMinistrySubjectConfigured', action('MinistryReportsController@postCheckIfMinistrySubjectIsConfigured', array()), array('id'=>'isMinistrySubjectConfigured')) }}
    {{ Form::hidden('isCourseConfigured', action('MinistryReportsController@postCourseConfigured', array()), array('id'=>'isCourseConfigured')) }}
    {{ Form::hidden('studentsAreApproved', action('MinistryReportsController@getIsApproved', array()), array('id'=>'studentsAreApproved')) }}
    {{ Form::hidden('searchStudentUrl', action('MinistryReportsController@postSearchStudent', array()), array('id'=>'searchStudentUrl')) }}
    {{ Form::hidden('studentDetail', action('MinistryReportsController@postStudentDetail', array()), array('id'=>'studentDetail')) }}
    {{ Form::hidden('studentsByCourse', action('MinistryReportsController@getStudentsByCourse', array()), array('id'=>'studentsByCourse')) }}
    {{ Form::open(array('id'=>'formMinistryReport','type'=>'POST')) }}

    {{--Tab general--}}
    <div class="row">
        <div class="container form-horizontal">
            <div class="form-group">
                {{ Form::label('serial_scy','1. A&ntilde;o Lectivo:',array('class'=>'col-md-4 control-label')) }}
                <div class="col-md-6">
                    {{ Form::select('serial_scy',$schoolYears,$currentSchoolYear->serial_scy,array('class'=>'form-control','id'=>'serial_scy','type'=>'')) }}
                </div>
            </div>
        </div>
    </div>

    <div id="dateModal" class="modal fade" role="dialog" tabindex="-1">
        <!-- Modal content-->
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header text-center">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Fecha del certificado</h4>
                </div>
                <div class="modal-body">
                    <p>Ingrese una fecha para el reporte:</p>
                    <div class="row">

                        <div class="col-md-3">
                            {{ Form::label('selDateModal','Fecha:') }}
                        </div>
                        <div class="col-md-5">
                            {{ Form::input('text','selDateModal',$date,array('class'=>'form-control')) }}
                        </div>

                    </div>
                </div>
                <div class="modal-footer">
                    <input type="button" class="btn btn-default" id="setDateModal"
                           value="Aceptar">
                    <input type="button" class="btn btn-default" data-dismiss="modal"
                           value="Close">
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <ul class="nav nav-tabs" id="masterTab" role="tablist">
            <li class="active nav-item">
                <a data-toggle="tab" href="#stdCertificates" class="color-selected" role="tab">Certificados por
                    Estudiante</a>
            </li>
            <li class="nav-item">
                <a data-toggle="tab" href="#generalReports" class="color-selected" role="tab">Reportes generales</a>
            </li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="stdCertificates" role="tabpanel">

                <br/>
                <div class="row">
                    <div class="container form-horizontal">
                        <div class="row" align="center">
                            <div class="form-group">
                                {{ Form::label('student', 'Estudiante',array('class'=>'col-md-4 control-label')) }}
                                <div class="col-md-6">
                                    {{ Form::text('searchStd', '', array('class' => 'form-control', 'placeholder' => 'Buscar Estudiante', 'autocomplete' => 'off', 'id' => 'searchStudent')) }}
                                    <div id="search-box" hidden></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-10">
                                    <div class="text-left" id="loading-div" style="display: none">
                                        <span>Espere por favor...</span>
                                    </div>
                                </div>
                            </div>
                            <div id="studentData">
                            </div>
                        </div>


                    </div>
                </div>


            </div>
            <div class="tab-pane" id="generalReports" role="tabpanel">
                {{--Opciones Reportes--}}
                <br/>
                <div class="row">
                    <div class="container form-horizontal">
                        <div class="form-group">
                            {{ Form::label('section','2. Sección:',array('class'=>'col-md-4 control-label')) }}
                            <div class="col-md-6">
                                {{ Form::select('serial_set',array(''=>'-Seleccione-'),'',array('class'=>'form-control','id'=>'serial_set','type'=>'')) }}
                            </div>
                        </div>
                        <div class="form-group">
                            {{ Form::label('course','3. Curso:',array('class'=>'col-md-4 control-label')) }}
                            <div class="col-md-6">
                                {{ Form::select('serial_crs',array(''=>'-Seleccione-'),'',array('class'=>'form-control','id'=>'serial_crs','type'=>'')) }}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container form-horizontal" id="reports" hidden>
                    <ul class="nav nav-tabs" id="internalTab" role="tablist">
                        <li class="active nav-item">
                            <a data-toggle="tab" href="#allCertificates" role="tab" class="color-selected" id="cert">Certificados
                                generales</a>
                        </li>
                        <li class="nav-item">
                            <a data-toggle="tab" href="#period" role="tab" class="color-selected" id="periodReports">Quimestral</a>
                        </li>
                        <li class="nav-item">
                            <a data-toggle="tab" href="#finalGrades" role="tab" class="color-selected"
                               id="finalReports">Calificaciones
                                Finales</a>
                        </li>
                        <li class="nav-item">
                            <a data-toggle="tab" href="#studentList" role="tab" class="color-selected"
                               id="studentListTab">Listas</a>
                        </li>
                    </ul>

                    <div class="tab-content">
                        {{--Tab certificates--}}
                        <div class="tab-pane active" id="allCertificates" role="tabpanel">
                            <div id="studentsContainer" hidden="true">
                                <br/>
                                <div class="row col-md-offset-2">
                                    <div class="col-md-9 form-group ">
                                        <table id="students" data-toggle="table" data-cache="true"
                                               data-click-to-select="true"></table>
                                        <div id='messageReport' class="alert alert-danger alert-dismissible"
                                             role="alert" hidden="true">
                                            <button type="button" class="close" data-dismiss="alert"><span
                                                        aria-hidden="true">&times;</span><span
                                                        class="sr-only">Cerrar</span></button>
                                            DEBE SELECCIONAR UNO O MÁS ESTUDIANTES
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group" id="buttonsCert" hidden="true">
                                <div class="btn-group btn-group-justified">
                                    <div class="btn-group" id="registrationGroupReport">
                                        <button type="button" class="btn btn-primary col-md-2 col-md-offset-1"
                                                name="registrationGroupReport"
                                                id="registrationGroup" hidden>
                                            Certificado Matr&iacute;cula
                                            <span id="spinnerRegistration"/>
                                        </button>
                                    </div>
                                    <div class="btn-group" id="completionGroupEGBReport">
                                        <button type="button" class="btn btn-primary col-md-2 col-md-offset-1"
                                                name="completionGroupEGB"
                                                id="completionGroupEGB" hidden>
                                            Finalizaci&oacute;n EGB
                                            <span id="spinnerCompletion"/>
                                        </button>
                                    </div>
                                    <div class="btn-group" id="promotionGroupReport">
                                        <button type="button" class="btn btn-primary col-md-2 col-md-offset-1 "
                                                name="promotionGroup"
                                                id="promotionGroup" hidden>
                                            Certificado Promoci&oacute;n
                                            <span id="spinnerPromotion"/>
                                        </button>
                                    </div>
                                    <div class="btn-group" id="aptitudeGroupReport">
                                        <button type="button" class="btn btn-primary col-md-2 col-md-offset-1"
                                                name="aptitudeGroup"
                                                id="aptitudeGroup" hidden>
                                            Certificado Aptitud
                                            <span id="spinnerAptitude"/>
                                        </button>
                                    </div>
                                </div>
                            </div>

                            <input type="hidden" value="true" id="validation_check" class="form-control valid">
                            <input type="hidden" value="true" id="selDate" name="selDate">

                            <div class="row" id="studentsReportsAlert" hidden>
                                <div class="alert alert-danger alert-dismissible alert-dialog" role="alert">
                                    <button type="button" class="close" data-dismiss="alert">
                                        <span aria-hidden="true">&times;</span>
                                        <span class="sr-only">Cerrar</span>
                                    </button>
                                    <ul>No se han configurado reporte del ministerio para este nivel:</ul>
                                    <ul>Por favor asigne un reporte del ministerio al nivel.</ul>
                                </div>
                            </div>
                        </div>
                        {{--fin tab certificados--}}
                        {{--Tab periodos--}}
                        <div class="tab-pane" id="period" role="tabpanel">
                            <br/>
                            <div class="container form-horizontal">
                                <div class="form-group" id="periodsSelect">
                                    {{ Form::label('serial_prd','Periodo:',array('class'=>'col-md-3 control-label')) }}
                                    <div class="col-md-6">
                                        {{ Form::select('serial_prd',array(''=>'-Seleccione-'),'',array('class'=>'form-control','id'=>'serial_prd','type'=>'MINISTRY_PERIOD','ext'=>'_prd')) }}
                                    </div>
                                </div>
                                {{--Lista de estudiantes--}}
                                <div id="studentsByPeriod"></div>
                                {{--Boton promedio de periodos--}}
                                <button class="btn btn-primary col-md-3 col-md-offset-4 " name="btnSave" type="submit"
                                        id="btnSave" hidden>
                                    Aceptar
                                </button>
                            </div>
                            {{--error messages--}}

                            <div class="row" id="ministrySubjectAlertPrd" hidden>
                                <div class="alert alert-danger alert-dismissible alert-dialog" role="alert">
                                    <button type="button" class="close" data-dismiss="alert">
                                        <span aria-hidden="true">&times;</span>
                                        <span class="sr-only">Cerrar</span>
                                    </button>
                                    <ul>No se han configurado equivalencias de materias para el ministerio en este
                                        curso:
                                    </ul>
                                    <ul>Por favor configure las equivalencias para poder generar los reportes.</ul>
                                </div>
                            </div>
                            <div class="row" id="configuredReportsAlertPrd" hidden>
                                <div class="alert alert-danger alert-dismissible alert-dialog" role="alert">
                                    <button type="button" class="close" data-dismiss="alert">
                                        <span aria-hidden="true">&times;</span>
                                        <span class="sr-only">Cerrar</span>
                                    </button>
                                    <ul>No se han configurado reporte quimestral del ministerio para este nivel:</ul>
                                    <ul>Por favor asigne un reporte del ministerio al nivel.</ul>
                                </div>
                            </div>
                            <br/>
                        </div>
                        {{--Fin tab periods--}}
                        {{--Tab calificaciones finales--}}
                        <div class="tab-pane" id="finalGrades" role="tabpanel">
                            <div class="container form-horizontal" id="checks" hidden>
                                <fieldset id="checkArray">
                                    <div class="form-group">
                                        {{ Form::label('egb_course','Primaria',array('class'=>'col-md-5 control-label')) }}
                                        <div class="col-md-1">
                                            {{ Form::checkbox('chk[]', 'check_primary') }}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {{ Form::label('recovery','Recuperación',array('class'=>'col-md-5 control-label')) }}
                                        <div class="col-md-1">
                                            {{ Form::checkbox('chk[]', 'check_recovery') }}
                                        </div>
                                        {{ Form::label('resit','Supletorio',array('class'=>'col-md-1 control-label')) }}
                                        <div class="col-md-1">
                                            {{ Form::checkbox('chk[]', 'check_resit') }}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {{ Form::label('remedy','Remedial',array('class'=>'col-md-5 control-label')) }}
                                        <div class="col-md-1">
                                            {{ Form::checkbox('chk[]', 'check_remedy') }}
                                        </div>
                                        {{ Form::label('grace','Gracia',array('class'=>'col-md-1 control-label')) }}
                                        <div class="col-md-1">
                                            {{ Form::checkbox('chk[]', 'check_grace') }}
                                        </div>
                                    </div>
                                </fieldset>
                            </div>
                            <div class="row">
                                <button class="btn btn-primary col-md-3 col-md-offset-4 " name="showStudents"
                                        type="button"
                                        id="btnShowStudents" hidden>
                                    Mostrar Estudiantes
                                </button>
                            </div>
                            <div id="studentsFinal"></div>
                            {{--error messages--}}
                            <br/>
                            <div class="row" id="ministrySubjectAlertFinal" hidden>
                                <div class="alert alert-danger alert-dismissible alert-dialog" role="alert">
                                    <button type="button" class="close" data-dismiss="alert">
                                        <span aria-hidden="true">&times;</span>
                                        <span class="sr-only">Cerrar</span>
                                    </button>
                                    <ul>No se han configurado equivalencias de materias para el ministerio en este
                                        curso:
                                    </ul>
                                    <ul>Por favor configure las equivalencias para poder generar los reportes.</ul>
                                </div>
                            </div>
                            <div class="row" id="configuredReportsAlertFinal" hidden>
                                <div class="alert alert-danger alert-dismissible alert-dialog" role="alert">
                                    <button type="button" class="close" data-dismiss="alert">
                                        <span aria-hidden="true">&times;</span>
                                        <span class="sr-only">Cerrar</span>
                                    </button>
                                    <ul>No se han configurado reporte final del ministerio para este nivel:</ul>
                                    <ul>Por favor asigne un reporte final del ministerio al nivel.</ul>
                                </div>
                            </div>
                        </div>
                        {{--fin tab final--}}
                        {{--Tab Listas de estudiantes--}}
                        <div class="tab-pane" id="studentList" role="tabpanel">
                            <br/>
                            <div class="row" hidden>
                                <button class="btn btn-primary col-md-3 col-md-offset-4 " name="courseList"
                                        type="button"
                                        id="btnCourseList">
                                    Nómina de estudiantes
                                </button>
                            </div>
                            <br/>
                            <div class="row">
                                <button class="btn btn-primary col-md-3 col-md-offset-4 " name="studentList"
                                        type="button"
                                        id="btnStudentList">
                                    Listado de estudiantes
                                </button>
                            </div>
                        </div>
                        {{--fin tab final--}}
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{Form::close()}}
    {{ HTML::script('js/ministryReport/index.js') }}
    {{ HTML::script('js/ministryReport/common.js') }}
    {{ HTML::style('css/common/eyelash.css') }}
@stop()