{{--
author: Sebastian Aleman
date: 21 oct 2016
--}}

@extends('layout.sidebar')
@section('content')
    {{ HTML::script('js/statistics/index.js') }}
    {{ HTML::style('css/statistics/index.css') }}

    {{Form::token()}}
    <div class="row">
        <div class="col-md-2">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    Filtros
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class=" col-md-12 form-group">
                            {{Form::label('schoolYear', 'A&ntilde;o lectivo')}}
                            <select class="form-control" name="schoolYear" id="schoolYear">
                                <option value="0">- Ninguno -</option>
                                @foreach($schoolYears as $id => $schoolYear)
                                    <option value="{{$id}}">{{$schoolYear}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 form-group">
                            {{Form::label('section', 'Secci&oacute;n')}}
                            <select class="form-control" name="section" id="section">
                                <option value="0">- Ninguno -</option>
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 form-group">
                            {{Form::label('subject', 'Materia')}}
                            <select class="form-control" name="subject" id="subject">
                                <option value="0">- Ninguno -</option>
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 form-group">
                            {{Form::label('period', 'Periodo')}}
                            <select class="form-control" name="period" id="period">
                                <option value="0">- Ninguno -</option>
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 form-group">
                            {{Form::label('subperiod', 'Subperiodo')}}
                            <select class="form-control" name="subperiod" id="subperiod">
                                <option value="0">- Ninguno -</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-10">
            <div class="panel panel-primary">
                <div class="panel-heading">Reporte</div>
                <div class="panel-body">
                    <table class="table table-bordered table-striped" id="report">
                        <thead>
                        <tr>
                            <th class="col-md-2">Nivel</th>
                            <th class="col-md-1">Promedio</th>
                            <th class="col-md-9">
                                <table class="table">
                                    <thead>
                                    <tr>
                                        <th colspan="3" id="details">Detalle</th>
                                    </tr>
                                    <tr id="headerDinamic">
                                        <th class="col-md-2 text-center">Asignatura</th>
                                        <th class="col-md-1 text-center">Promed</th>
                                        <th class="col-md-1 text-center">#</th>
                                    </tr>
                                    </thead>
                                </table>
                            </th>
                        </tr>
                        </thead>
                        <tbody id="totalContent">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@stop