@extends('layouts.master')

@section('navigation')
    @if($role==1)
        @include('local.managers.admins._navigation')
    @elseif($role==2)
        @include('local.managers.sCoords._navigation')
    @elseif($role==3)
        @include('local.managers.pCoords._navigation')
    @endif
@stop

@section('main')
<a href="{{ action('ProgramsController@print_program', array($program->id)); }}" class="btn btn-primary pull-right" alt="print"><span class="glyphicon glyphicon-print"></span></a>
<br>
<br>


<div class="row">
    <div class="col-md-12" id="graph"></div>
</div>

<!-- =================== tabs =================== -->
<div class="row">
    <!-- Nav tabs -->
    <ul id="programTabs" class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#courses" aria-controls="courses" role="tab">Courses</a></li>
        <li role="presentation"><a href="#sections" aria-controls="sections" role="tab">Sections</a></li>
        <li role="presentation"><a href="#contact" aria-controls="contact" role="tab">Contact Information</a></li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="courses">
            <div class="row">
                <div class="col-md-12">
                    <h3>Courses in this program</h3>
                    @if($program_courses->count()>0)
                        <table class="table table-striped table-condensed datatable">
                            <thead>
                                <tr>
                                    <th>Identifier</th>
                                    <th>Name</th>
                                    <th>Program</th>
                                    <th>Assessed</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <tr class="column-search">
                                    <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
                                    <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
                                    <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
                                    <th><select class="column-search-select form-control"><option value=""></option></select></th>
                                </tr>
                            </tfoot>
                            <tbody>
                                @foreach($grouped_courses as $grouped_course)
                                    <tr>
                                        <td class="col-md-1">{{ HTML::linkAction('CoursesController@showGrouped', $grouped_course->code.$grouped_course->number.' ('.$grouped_course->semester->code.')', array($grouped_course->code, $grouped_course->number, $grouped_course->semester->code)) }}</td>
                                        <td class="col-md-4">{{{ $grouped_course->name}}}</td>
                                        <td class="col-md-3">{{{ $grouped_course->program->name }}}</td>
                                        <td class="col-md-1">
                                            @if($grouped_course->outcomes_attempted!=NULL)
                                                Yes
                                            @else
                                                No
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @else
                        <p class="lead"> No courses assigned.</p>
                    @endif
                </div>
            </div>
        </div>

        <div role="tabpanel" class="tab-pane" id="sections">
            <div class="row">
                <div class="col-md-12">
                    <h3>Sections in this program</h3>
                    @if($program_courses->count()>0)
                        <p class="lead"> {{{ $assessed_courses_count }}} out of {{{ $program_courses->count() }}} section(s) doing Assessment ({{{ round($assessed_courses_count/$program_courses->count()*100, 2) }}}%)</p>
                        <table class="table table-striped table-condensed datatable">
                            <thead>
                                <tr>
                                    <th>Identifier</th>
                                    <th>Name</th>
                                    <th>Professor</th>
                                    <th>Assessed</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <tr class="column-search">
                                    <th><input class="column-search-bar form-control" type="text" placeholder="Buscar"/></th>
                                    <th><input class="column-search-bar form-control" type="text" placeholder="Buscar"/></th>
                                    <th><input class="column-search-bar form-control" type="text" placeholder="Buscar"/></th>
                                    <th><select class="column-search-select form-control"><option value=""></option></select></th>
                                </tr>
                            </tfoot>
                            <tbody>
                                @foreach($program_courses as $course)
                                <tr>
                                    <td>{{ HTML::linkAction('CoursesController@showLimited', $course->code.$course->number.'-'.$course->section.' ('.$course->semester->code.')', array('id'=>$course->id)) }}</td>
                                    <td>{{{ $course->name}}}</td>
                                    <td>{{{ $course->user->surnames }}}, {{{ $course->user->first_name }}}</td>
                                    <td>
                                        @if($course->outcomes_attempted!=NULL)
                                            Yes
                                        @else
                                            No
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @else
                        <p class="lead"> No sections assigned.</p>
                    @endif
                </div>
            </div>
        </div>

        <div role="tabpanel" class="tab-pane" id="contact">
            <div class="row">
                <div class="col-md-12">
                    <h3>Contact Information</h3>
                    <table class="table table-striped datatable">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Role</th>
                                <th>Program</th>
                                <th>Email</th>
                                <th>Office Phone</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr class="column-search">
                                <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
                                <th><select class="column-search-select form-control"><option value=""></option></select></th>
                                <th><select class="column-search-select form-control"><option value=""></option></select></th>
                                <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
                                <th><input class="column-search-bar form-control" type="text" placeholder="Search"/></th>
                            </tr>
                        </tfoot>
                        <tbody>
                            @foreach($users as $user)
                                <tr>
                                    <td>{{ $user->surnames }}, {{ $user->first_name }}</td>

                                    @if($user->role == 1)
                                        <td>Administrator</td>
                                        <td>All</td>
                                    @elseif($user->role == 2)
                                        <td>School Coordinator</td>
                                        <td>All in {{ $program->school->name }}</td>
                                    @elseif($user->role == 3)
                                        <td>Program Coordinator</td>
                                        <td>
                                            @foreach ($user->programs as $program)
                                                {{ $program->name }}&nbsp;
                                            @endforeach
                                        </td>
                                    @else
                                        <td>Professor</td>
                                        <td>
                                            @foreach ($user->programs as $program)
                                                {{ $program->name }}&nbsp;
                                            @endforeach
                                        </td>
                                    @endif

                                    <td>
                                        <a href="mailto:{{ $user->email }}">{{ $user->email }}</a>
                                    </td>
                                    <td>
                                        @if($user->office_phone)
                                            {{{ $user->office_phone }}}

                                            @if($user->office_extension)
                                                <span>ext.</span> {{{ $user->office_extension }}}
                                            @endif
                                        @else
                                            Not set
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- =================== end tabs =================== -->

@stop

@section('included-js')

<!-- HighCharts -->
<script src="{{ asset('vendor/highcharts/highcharts.js') }}"></script>
<!--script src="http://code.highcharts.com/modules/exporting.js"></script -->

<!-- Datatables -->
@include('global._datatables_js')

@stop

@section('javascript')

$('#programTabs a').click(function (e) {
    e.preventDefault()
    $(this).tab('show');
});


$('#graph').highcharts({
    chart: {
        type: 'bar'
    },
    title: {
        text: 'Performance by Learning Outcome Criteria in {{ $program->name }} Program'
    },
    legend: {
                reversed: true,
            },
    xAxis: {
        categories: [
            @foreach($outcomes as $outcome)
                "{{{ $outcome->name }}}",
            @endforeach
        ],
        labels: {
            style: {
                fontSize:'11px'
            },
            step:1,
            useHTML:true,
            formatter: function() {
                return '<div style="width:200px; word-break:break; text-overflow:ellipsis; overflow:hidden;">'+this.value+'</div>';
            },
        }
    },
    yAxis: {
        min: 0,
        max: 100,
        title: {
            text: 'Percentage'
        }
    },
    tooltip: {
        headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
        pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
            '<td style="padding:0"><b>{point.y:.2f}</b></td></tr>',
        footerFormat: '</table>',
        shared: true,
        useHTML: true
    },
    plotOptions: {
        bar: {
            //grouping: false,
            shadow: false,
            borderWidth: 0,
        },
        series: {
        pointPadding: 0,
        groupPadding: 0.075
        },
    },
    series: [{
        name: 'Expected Value',
        color: '#555555',
        dataLabels: {
            enabled: true,
            fontSize: 8,
            color: '#fff',
            align: 'right',
            format: '{y:.1f}%',
            style: {
                //fontWeight: 'bold'
            },
            y:-1
        },
        data: [
            @foreach($outcomes as $index => $outcome)
                @if(
                    is_array($outcomes_attempted)
                    && array_key_exists($outcome->id, $outcomes_attempted)
                    && $outcomes_attempted[$outcome->id]!=0)
                    {{{ $outcome->expected_outcome }}},
                @else
                    0,
                @endif
            @endforeach
        ]

    },{
        name: 'Obtained Value',
        color: '#e70033',
        dataLabels: {
            enabled: true,
            fontSize: 8,
            color: '#fff',
            align: 'right',
            format: '{y:.1f}%',
            style: {
                //fontWeight: 'bold'
            },
            y:-1
        },
        data:[
            @foreach($outcomes as $index => $outcome)
                @if(
                    is_array($outcomes_attempted)
                    && array_key_exists($outcome->id, $outcomes_attempted)
                    && $outcomes_attempted[$outcome->id]!=0)
                    {{{ ($outcomes_achieved[$outcome->id]/$outcomes_attempted[$outcome->id])*100 }}},
                @else
                    0,
                @endif
            @endforeach
        ]
    }]
});

// Include dummy graph for outcomes
@include('global.dummy-outcomes')

@stop