@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_CLASSWISE_ATTENDANCE, '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">
                <fieldset class="form-group col-md-3">
                  {{ Form::label('branch_id', getphrase('branch')) }}
                  <span class="text-red">*</span>
                  {{Form::select('branch_id', $branches, null, ['class'=>'form-control', 'id'=>'branch_id',
                    'ng-model'=>'branch_id',
                    'required'=> 'true',  
                    'ng-change' => "getAcademicYears(branch_id)",
                    'ng-class'=>'{"has-error": htmlform.branch_id.$touched && htmlform.branch_id.$invalid}'
                  ])}}
                   <div class="validation-error" ng-messages="htmlform.branch_id.$error" >
                      {!! getValidationMessage()!!}
                  </div>
                </fieldset>
                <fieldset ng-if = "selected_branch_id" class="form-group col-md-3">
                    <label for = "academic_id">{{getPhrase('academic_year')}}</label>
                    <select 
                    name      = "academic_id" 
                    id        = "academic_id" 
                    class     = "form-control"  
                    ng-model  = "academic_id"  
                    ng-change = "getDateFiled(academic_id)"
                    ng-options= "option.id as option.academic_year_title for option in academic_years track by option.id">
                    <option value="">{{getPhrase('select')}}</option>
                    </select>
                </fieldset>
                <fieldset ng-if = "selected_academic_id" class="form-group col-md-3">
                    <label for = "date">{{getPhrase('Date')}}</label>
                    <input type="date" name="date" id="date" class="form-control">    
                </fieldset>
                <fieldset class="form-group col-md-3"> 
                <a style="margin-top: 30px; padding:10px; font-size: 15px;" class="btn btn-primary ng-scope" ng-if="selected_academic_id"  ng-disabled="!htmlform.$valid" ng-click="getAcademicDate()">Search</a> 
              </fieldset>
            <hr>

 <div class="row" 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; font-weight: bold;">{{getPhrase('sno')}}</th>
        <th style="border:1px solid #000; font-weight: bold;width: 251px;" >{{getPhrase('Class')}}</th>
        <th style="border:1px solid #000; font-weight: bold;" >{{getPhrase('Strength')}}</th>
        <th style="border:1px solid #000; font-weight: bold;" >{{getPhrase('Present')}}</th>
        <th style="border:1px solid #000; font-weight: bold;" >{{getPhrase('Absent')}}</th>
        <th style="border:1px solid #000; font-weight: bold;" >{{getPhrase('Leave')}}</th>
        <th style="border:1px solid #000; font-weight: bold;" >{{getPhrase('Holiday')}}</th>
        <th style="border:1px solid #000; font-weight: bold;" >{{getPhrase('Absent_Student_list')}}</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.course_title}}</td>
        <td style="border:1px solid #000;">@{{user.total}}</td>
        <td style="border:1px solid #000;">@{{user.present}}</td>
        <td style="border:1px solid #000;">@{{user.absent}}</td>
        <td style="border:1px solid #000;">@{{user.leave}}</td>  
        <td style="border:1px solid #000;">@{{user.holiday}}</td>  
        <td style="border:1px solid #000;">@{{user.users}}</td>

    </tr> 
    </tbody>
    </table>
</div>
 
<div ng-if="result_data.length==0" class="text-center col-lg-12" >{{getPhrase('no_data_available')}}</div> 
<br>
<a ng-if="result_data.length>0"  class="btn btn-primary" ng-click="printIt()">Print</a>
  </div>
</div>        
                </hr>
            </div>
        </div>
    </div>
</div>
{!! Form::close() !!}
@stop

@section('footer_scripts')

    @include('attendance.classwise-report.scripts.js-scripts')
    
@stop