@extends($layout)

@section('header_scripts')

@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_STRENGTH_STUDENT_LIST, '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'))

            <div class="col-lg-12">  
                   <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="getstrengthreport()">Search</a> 
                  </fieldset>
            </div>
                <hr>                       
   <div ng-show="result_data.length>0" class="row">
   <div class="col-sm-4 col-sm-offset-8">
            <div class="input-group">
                    <input type="text" ng-model="search" class="form-control input-lg" placeholder="{{getPhrase('search')}}" name="search" />
                    <span class="input-group-btn">
                        <button class="btn btn-info btn-lg" type="button">
                            <i class="glyphicon glyphicon-search"></i>
                        </button>
                    </span>
                </div>
        </div>
   </div>
   <br>
   
   <div ng-show="result_data.length!=0">
    <div class="row vertical-scroll" id="printable_data">
    <table class="table table-bordered" style="border-collapse: collapse;">
    <thead>
        <th style="border:1px solid #000; width:10%; text-align:center;"><b>{{getPhrase('sno')}}</b></th>
        <th style="border:1px solid #000; text-align:center;"><b>{{getPhrase('Class')}}</b></th> 
        <th style="border:1px solid #000;text-align:center;"><b>{{getPhrase('Old')}}</b></th>
        <th style="border:1px solid #000;text-align:center;"><b>{{getPhrase('New')}}</b></th>
        <th style="border:1px solid #000;text-align:center;"><b>{{getPhrase('strength')}}</b></th>
    </thead>
    <tbody>   
    <tr ng-repeat="user in result_data | filter:search track by $index" >
        <td style="border:1px solid #000;text-align:center;" >@{{$index+1}}</td> 
        <td style="border:1px solid #000;text-align:center;">@{{user.course_title}}</td>
        <td style="border:1px solid #000;text-align:center;">@{{user.old_strength}}</td>
        <td style="border:1px solid #000;text-align:center;">@{{user.new_strength}}</td>
        <td style="border:1px solid #000;text-align:center;">@{{user.strength}}</td>
    </tr>  
    </tbody>
    <tfoot>
        <tr>
            <th colspan="2" style="border:1px solid #000;text-align:right;"> Total:-</th>
            <th style="border:1px solid #000;text-align:center;">@{{ total_old_strength }}</th>
            <th style="border:1px solid #000;text-align:center;">@{{total_new_strength}}</th>
            <th style="border:1px solid #000;text-align:center;">@{{total_strength}}</th>
        </tr>

    </tfoot>
    </table>
</div>
 </div>
<div ng-show="result_data.length==0" class="text-center" >{{getPhrase('no_data_available')}}</div> 
<br>
<div class="row">
<div class="col-sm-3">
<a ng-if="result_data.length!=0" class="btn btn-primary" ng-click="printIt()">Print</a>
</div>
<div class="hide"><textarea name="tblcontent" id="html_data" class="hide" style="display: none;"></textarea></div>
 
</div>
  </div>
</div>
                            
                       
                    
                </hr>
            </div>
        </div>
    </div>
</div>

{!! Form::close() !!}
@stop
@section('footer_scripts')
@include('student.scripts.strength-js-scripts')
@stop