@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'=>'')) !!}

        <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-4">
                          {{ 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" => "getFeeCategories(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-4">
                          <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 = "categoryChanged(selected_branch, feeCategories)"
                          ng-options= "option.id as option.title for option in fee_categories track by option.id">
                          <option value="">{{getPhrase('select')}}</option>
                          </select>
                      </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">

    <h4 ng-if="result_data[0].course_dueration<=1" style="text-align: center;"><u>@{{class_title}}</u></h4>
    <h4 ng-if="result_data[0].course_dueration>1" 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('roll_no')}}</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>{{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>