@extends($layout)

@section('header_scripts')
 
<link href="{{CSS}}bootstrap-datepicker.css" rel="stylesheet">
@stop

@section('content')
<div id="page-wrapper" ng-controller="TabController">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <ol class="breadcrumb">
                    <li>
                        <a href="{{PREFIX}}">
                            <i class="mdi mdi-home">
                            </i>
                        </a>
                    </li>
                      <li>
                        <a href="{{URL_ACADEMICOPERATIONS_DASHBOARD}}">
                            {{getPhrase('academic_operations')}}
                        </a>
                    </li>                   
                    <li>
                         {{$title}}                        
                    </li>
                </ol>
            </div>
        </div>    
        {!! Form::open(array('url' => URL_PRINT_MONTHLY_CLASS_ATTENDANCE_REPORT, 'method' => 'POST', 'name'=>'htmlform ','target'=>'_blank', 'id'=>'htmlform', 'novalidate'=>'')) !!}
        <div class="panel panel-custom">
            <div class="panel-heading">
                <h1>
                    {{getPhrase('select_details')}}
                 
                </h1>
            </div>
            <div class="panel-body instruction">
                @include('common.year-selection-view', array('class'=>'custom-row-6','user_slug'=>Auth::user()->slug))
                
                <fieldset ng-if="selected_course_id" class="form-group col-md-6" style="padding-left: 0px;">
                        {{ Form::label ('month', getphrase('month')) }}
                        {{ Form::select('month', $month, '', 
                        [   'class'     => 'form-control', 
                            "id"        => "month",
                            "ng-model"  => "month",
                            "ng-change" => "getAcademicmonth(month)",
                        ])}}
                    </fieldset>
                <hr>
          
   <br>
 <div class="row vertical-scroll" id="printable_data">
  
    <table ng-if="result_data.length>0" class="table table-bordered" style="border-collapse: collapse;">
    <thead>
        <th style="border:1px solid #000;">{{getPhrase('sno')}}</th>
        <th style="border:1px solid #000;" >{{getPhrase('name')}}</th>
        <th style="border:1px solid #000;">{{getPhrase('roll_no')}}</th>
        <th style="border:1px solid #000;" ng-repeat="value in headdate">
             @{{ value }} 
        </th>        
    </thead>
    <tbody>
    <tr ng-repeat="user in result_data | filter:search track by $index">
        <td style="border:1px solid #000;">@{{$index+1}}</td>
        <td style="border:1px solid #000;">@{{user.name}}</td>
        <td style="border:1px solid #000;">@{{user.roll_no}}</td>  
        <td style="border:1px solid #000; text-align: center;" ng-repeat="attendance in user.date">
             @{{ attendance }} 
        </td>
    </tr> 
    </tbody>
    </table>
</div>
 
<div ng-if="result_data.length==0" class="text-center" >{{getPhrase('no_data_available')}}</div> 
<br> 
  </div>
</div>        
                </hr>
            </div>
        </div>
    </div>
</div>
{!! Form::close() !!}
@stop
 
 

@section('footer_scripts')

  
    @include('attendance.student_monthly_report.scripts.js-scripts')
    
@stop