@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>
                    @if(checkRole(getUserGrade(2)))
                      <li>
                        <a href="{{URL_ACADEMICOPERATIONS_DASHBOARD}}">
                            {{getPhrase('academic_operations')}}
                        </a>
                    </li>
                    @endif
                   
                    <li>
                        
                            {{$title}}
                        
                    </li>
                </ol>
            </div>
        </div>
    
        
       {!! Form::open(array('url' => URL_PRINT_STUDENTS_PAIDFEE_CLASSWISE, 'method' => 'POST', 'name'=>'htmlform ','target'=>'_blank', 'id'=>'htmlform', 'novalidate'=>'')) !!}

        <textarea style="display: none;" class="hide" id="html_data" name="html_data"></textarea>
        <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',
                            "ng-change" => "getAcademicYears(branch_id)",
                            'required'=> 'true', 
                            'ng-class'=>'{"has-error": formQuiz.branch_id.$touched && formQuiz.branch_id.$invalid}'
                          ])}}
                           <div class="validation-error" ng-messages="formQuiz.branch_id.$error" >
                              {!! getValidationMessage()!!}
                          </div>
                        </fieldset>
                        <fieldset ng-if = "selected_branch" class="form-group col-md-2">
                            <span class="text-red">*</span>
                            <label for = "academic_id">{{getPhrase('academic_year')}}</label>
                            <select 
                            name      = "academic_id" 
                            id        = "academic_id" 
                            class     = "form-control"  
                            ng-model  = "academic_id"  
                            ng-change = "getParentCourses(branch_id, academic_id)"
                            {{-- ng-change = "getFeeCategories(selected_branch, 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" class="form-group col-md-3">
                          <span class="text-red">*</span>
                           <label for = "feeCategories">{{getPhrase('fee_categories')}}</label>
                          <select 
                          name      = "feeCategories" 
                          id        = "feeCategories" 
                          class     = "form-control" 
                          ng-model  = "feeCategories" 
                          ng-change = "setfeeCategories(feeCategories)"  
                          ng-options= "option.id as option.title for option in fee_categories track by option.id">
                          <option value="">{{getPhrase('select')}}</option>
                          </select>
                      </fieldset> 

                        <fieldset ng-if="selected_category" class="form-group col-md-3">
                          {{ Form::label('section_id', getphrase('Section')) }}
                          <span class="text-red">*</span>
                          {{Form::select('section_id', $sections, null, ['class'=>'form-control', 'id'=>'section_id',
                            'ng-model'=>'section_id',
                            "ng-change" => "categoryChanged(selected_branch, selected_category, section_id)",  
                          ])}} 
                        </fieldset> --}}
                        <fieldset ng-if = "selected_academic_id" class="form-group col-md-2">
                         <label for = "course_parent_id">{{getPhrase('parent_course')}}</label>
                        <select 
                        name      = "course_parent_id" 
                        id        = "course_parent_id" 
                        class     = "form-control" 
                        ng-model  = "course_parent_id" 
                        ng-change = "getChildCourses(branch_id, selected_academic_id, course_parent_id)"
                        ng-options= "option.id as option.course_title for option in parent_courses track by option.id">
                        <option value="">{{getPhrase('select')}}</option>
                        </select>
                </fieldset>

                 <fieldset ng-if="selected_course_parent_id && isShow==true" class="form-group col-md-2">
                   <label for="course_id">{{getPhrase('course')}}</label>
                    <select 
                    name="course_id" 
                    id="course_id" 
                    class="form-control" 
                    ng-model="course_id" 
                    ng-change="getCoursesections(course_id)"  
                    ng-options="option.id as option.course_title for option in courses track by option.id">
                    <option value="">{{getPhrase('select')}}</option>
                    </select>
                </fieldset>
                
                <fieldset ng-if="selected_course_parent_id" class="form-group col-md-2">
                      <label for="section_id">{{getPhrase('section')}}</label>
                        <select 
                        name="section_id" 
                        id="section_id" 
                        class="form-control" 
                        ng-model="section_id"
                        ng-change="prepareSection(section_id)"                                  
                        ng-options="option.id as option.name for option in sections track by option.id">
                        <option value="">{{getPhrase('select')}}</option>
                        </select> 
                    </fieldset> 

                    <fieldset ng-if="selected_academic_id" class="form-group col-md-1" style="margin-top: 25px;">
                    <a class="btn btn-primary" ng-click="AllFeeDetails()">AllFeeDetails</a>
                    </fieldset>
                <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-primary btn-lg" type="button">
                            <i class="glyphicon glyphicon-search"></i>
                        </button>
                    </span>
                </div>
        </div>
   </div>
   <br>

   <div ng-if="result_data.length!=0">
   <div>
    <div class="row">
    <div class="col-md-3">
        
    {{getPhrase('add_total_blank_columns')}}: 
    
    
    <input type="number" name="extracols" id="extracols"  ng-model="total_blank_columns" ng-change="addColumns(total_blank_columns)" class="form-control " ng-init="total_blank_columns=1;addColumns(1); " value="1" >
    </div>
   </div>
   
   <br>
   <br>
   


    <div class="row vertical-scroll" id="printable_data">

    {{-- <h4 ng-if="result_data[0].course_dueration<=1" style="text-align: center;"><u>@{{class_title}}</u></h4> --}}
    <h4  style="text-align: center;"><u> @{{class_title_yer_sem}}</u></h4>

    <table class="table table-bordered" style="border-collapse: collapse;">
    <thead>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('sno')}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('name')}}</b></th>
        
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('enrollment_no')}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('status')}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('amount')}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('paid_amount')}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('discount')}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{'N/A'}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('balance')}}</b></th>
        {{-- <th style="border:1px solid #000;text-align: center;"><b>%</b></th> --}}
        <th style="border:1px solid #000;text-align: center;" ng-repeat="col in blank_columns"></th>
        
       
    </thead>
    <tbody>


       
    <tr ng-repeat="user in result_data | filter:search track by $index">
          <td style="border:1px solid #000;text-align: center;" >
            <div ng-if="user.current_year!='Total'"> @{{$index+1}}</div>
          </td>
            <td style="border:1px solid #000;text-align: center;"><a target="_blank" href="{{URL_USER_DETAILS}}@{{user.slug}}">@{{user.name}}</a></td>
        
        <td style="border:1px solid #000;text-align: center;">@{{user.roll_no}}</td>
        <td style="border:1px solid #000;text-align: center;">
          <div ng-if="user.current_year!='Total'">
            <div ng-if="user.current_year==-1"> Completed </div> <div ng-if="user.current_year!=-1"> Active </div> 
          </div>
          <div ng-if="user.current_year=='Total'">Total</div>
        </td>
        <td style="border:1px solid #000;text-align: center;">{{$currency}} @{{user.amount}}</td>
        <td style="border:1px solid #000;text-align: center;">{{$currency}} @{{user.paid_amount}}</td>
        <td style="border:1px solid #000;text-align: center;">{{$currency}} @{{user.discount_amount}}</td>
        <td style="border:1px solid #000;text-align: center;">{{$currency}} @{{user.notapply_amt}}</td>
        <td style="border:1px solid #000;text-align: center;">{{$currency}} @{{user.balance}}</td>
       {{--  <td style="border:1px solid #000;">
       
        <div class="progress">
          <div  ng-class="{'progress-bar progress-bar-success':user.paid_percentage>=75, 'progress-bar progress-bar-warning':user.paid_percentage<75 && user.paid_percentage>=50, 'progress-bar progress-bar-danger':user.paid_percentage<50 && user.paid_percentage>=0}" role="progressbar" aria-valuenow="@{{user.paid_percentage}}"
          aria-valuemin="0" aria-valuemax="100" style="width:@{{user.paid_percentage}}%">
            @{{user.paid_percentage}}%
          </div>
        </div>

        </td> --}}
        <td style="border:1px solid #000;text-align: center;" ng-repeat="col in blank_columns">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        </td>
        
        
          
    </tr> 
 
    </tbody>
    </table>
</div>
 </div>

<div ng-if="result_data.length==0" class="text-center" >{{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('student.fee.scripts.feepaid-history-script')
    
@stop