@extends($layout)
@section('header_scripts')
@stop
<link href="{{CSS}}bootstrap-datepicker.css" rel="stylesheet">
@section('content')
<div id="page-wrapper" ng-controller="studentFeePaidDetails" ng-init="ingAngData()">
    <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">  
              <textarea id="print_content" name="print_content" class="hide"></textarea>
                <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 = "getChildCourses(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_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">   
                      <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 ng-if = "selected_branch_id" class="form-group col-md-3">
                      <label for = "particular_id">{{getPhrase('Fee_Head')}}</label>
                      <select 
                      name      = "particular_id" 
                      id        = "particular_id" 
                      class     = "form-control" 
                      ng-model  = "particular_id"  
                      ng-options= "option.id as option.title for option in particulars 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="getduefeedatewise()">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 contenttable">