@extends('layouts.master')

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

@section('main')
<a href="{{ action('ProgramsController@studentProgramAssessmentReport', array($program->id)); }}" class="btn btn-primary pull-left" alt="print">Go to Performance by Program Students</a>
<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->activity_assessed!=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_att())
                                    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 }}},  <br> (N = {{$outcomes_attempted[$outcome->id]}} ,{{$outcomes_achieved[$outcome->id]}})",
@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'
},
@if($program->expected_outcome_target == null)
                plotLines:[{
            value:70,
            color: '#000',
            width:3,
            zIndex:4,
            label:{
                text: 'Goal (70%)',
                style: {
                    color: '#000',
                    fontSize: '14px',
                }
    
            }
        }]
        @else
        plotLines:[{
            value:{{$program->expected_outcome_target->expected_target}},
            color: '#000',
            width:3,
            zIndex:4,
            label:{
                text: 'Goal ({{$program->expected_outcome_target->expected_target}}%)',
                style: {
                    color: '#000',
                    fontSize: '14px',
                }
    
            }
        }]

        @endif
},
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