@extends($layout)
@section('header_scripts')
@stop 
@section('content')
<div id="page-wrapper" ng-controller="studentFeePaidDetails"  ng-init="ingAngData('{{ $branch_id }}','{{ $default_academic_year_id }}')">
    <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_FEE_REPORTS}}">{{getPhrase('fee_dashboard')}}</a></li>
                            <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>
                    {{$title}}                 
                </h1>
            </div>
            <div class="panel-body instruction">  
            <div class="row">     
             <div class="col-lg-12">  
                <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 = "getParentCourses(branch_id, 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 = "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" class="form-group col-md-3">
                   <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_id" class="form-group col-md-3">   
                      <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> 
                 
                  </div>
                    
                <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="getdiscountfeereport()">Search</a> 
              </fieldset>
        </div>
 </div>

               
   <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 class="row vertical-scroll">

   
    <table class="table panel-primary">
    <thead class="panel-heading">
          <th style="text-align: center;"><b>{{getPhrase('sno')}}</b></th>
        <th style="text-align: center;"><b>{{getPhrase('Receipt_No')}}</b></th>  
        <th style="text-align: center;"><b>{{getPhrase('Date')}}</b></th>  
        <th style="text-align: center;"><b>{{getPhrase('Name')}}</b></th>
        <th style="text-align: center;"><b>{{getPhrase('Enrollment No')}}</b></th>         
        <th style="text-align: center;"><b>{{getPhrase('class')}}</b></th>
        <th style="text-align: center;"><b>{{getPhrase('Discount')}}</b></th>
    </thead>
    <tbody>