@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'=>'')) !!}
       <input type="hidden" id="reporttype" name="reporttype" value="0">
        <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-class'=>'{"has-error": htmlform.branch_id.$touched && htmlform.branch_id.$invalid}'
                  ])}}
                   <div class="validation-error" ng-messages="htmlform.branch_id.$error" >
                      {!! getValidationMessage()!!}
                  </div>
                </fieldset>
                 <div class="input-daterange" id="dp">
                 <fieldset class="form-group col-md-3">   
                       {{ Form::label('date_from', getphrase('date_from')) }}
                       {{ Form::text('date_from', $value = $date_from , 
                       [
                          'class'=>'input-sm form-control',
                          'placeholder' => '2015/7/17',
                          'ng-model'=>'date_from', 
                          'required'=> 'true',  
                          'ng-class'=>'{"has-error": htmlform.date_from.$touched && htmlform.date_from.$invalid}'

                       ])}}
                </fieldset>

                 <fieldset class="form-group col-md-3">
                        {{ Form::label('date_to', getphrase('date_to')) }}
                        {{ Form::text('date_to', $value = $date_to , 
                        [
                           'class'=>'input-sm form-control', 
                           'placeholder' => '2015/7/17',
                           'ng-model'=>'date_to', 
                           'required'=> 'true',  
                           'ng-class'=>'{"has-error": htmlform.date_to.$touched && htmlform.date_to.$invalid}'
                        ]) }}
                </fieldset>
                </div>

                <fieldset class="form-group col-md-3">
                        {{ Form::label('receipt_no', getphrase('receipt_no')) }}
                        {{ Form::text('receipt_no', $value = '', 
                        [
                           'class'=>'input-sm form-control', 
                           'placeholder' => '',
                           'ng-model'=>'receipt_no', 
                        ]) }}
                </fieldset>
                </div>
                <div class="col-lg-12">     
                 <fieldset class="form-group col-md-3">
                        {{ Form::label('payment_mode', getphrase('payment_mode')) }}
                        {{Form::select('payment_mode', $payment_mode, null, ['class'=>'form-control', 'id'=>'payment_mode',
                          'ng-model'=>'payment_mode',
                      ])}}
                </fieldset>

                <fieldset class="form-group col-md-3">
                        {{ Form::label('payment_head', getphrase('payment_head')) }}
                         {{Form::select('payment_head', $Particulars, null, ['class'=>'form-control', 'id'=>'payment_head',
                          'ng-model'=>'payment_head',
                      ])}}
                </fieldset>

                 <fieldset class="form-group col-md-3 hide">
                        <input type="hidden" name="payment_status" value="1">
                        <!-- {{ Form::label('payment_status', getphrase('payment_status')) }}
                         {{Form::select('payment_status', $payment_status, null, ['class'=>'form-control', 'id'=>'payment_status',
                          'ng-model'=>'payment_status',
                      ])}} -->
                </fieldset>

               <fieldset class="form-group col-md-3"> 
                <a style="margin-top: 30px; padding:10px; font-size: 15px;" class="btn btn-primary ng-scope" ng-disabled="!htmlform.$valid" ng-click="getfeedatewise()">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('recevied_on')}}</b></th>
        <th style="text-align: center;"><b>{{getPhrase('receipt_no')}}</b></th> 
        <th style="text-align: center;"><b>{{getPhrase('payment_mode')}}</b></th>  
        <th style="text-align: center;"><b>{{getPhrase('feecategory')}}</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('paid_fee')}}</b></th>
        <th style="text-align: center;"><b>{{getPhrase('fine')}}</b></th>
        <th style="text-align: center;"><b>{{getPhrase('discount')}}</b></th>    
        <th style="text-align: center;"><b>{{getPhrase('paid_imprest')}}</b></th>
        <th style="text-align: center;"><b>{{getPhrase('Status')}}</b></th> 
        <th style="text-align: center;"><b>{{getPhrase('Fee Details')}}</b></th> 
               
    </thead>
    <tbody>