@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 input-daterange" id="dp">

            
                <fieldset class="form-group col-md-12">
                  {{ 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' =>'datesSelectd(branch_id,date_from,date_to)',
                    '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 class="form-group col-md-6">
                                    

                        {{ 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',
                          'ng-change' =>'datesSelectd(branch_id,date_from,date_to)',

                       ])}}
                                
                      

                </fieldset>


                 <fieldset class="form-group col-md-6">
                                     

                        {{ 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',
                           'ng-change' =>'datesSelectd(branch_id,date_from,date_to)',
                        ]) }}
                                
                     

                </fieldset>

                

                <div>
                    <fieldset class="form-group col-md-6">
                    <a class="btn btn-primary btn-lg" ng-click="getLastWeekReports(branch_id)" href="#">{{getPhrase('weekly_reports')}}</a>
                    </fieldset>

                     <fieldset class="form-group col-md-6">

                      <a class="btn btn-primary btn-lg" ng-click="getLastMonthReports(branch_id)" href="#">{{getPhrase('monthly_reports')}}</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('paid_date')}}</b></th>
        <!-- <th style="text-align: center;"><b>{{getPhrase('payment_mode')}}</b></th> -->
        <th style="text-align: center;"><b>{{getPhrase('fee_category')}}</b></th>
        <th style="text-align: center;"><b>{{getPhrase('name')}}</b></th>
        <!-- <th style="text-align: center;"><b>{{getPhrase('roll_no')}}</b></th> -->
        <th style="text-align: center;"><b>{{getPhrase('amount')}}</b></th>
        <th style="text-align: center;"><b>{{getPhrase('discount')}}</b></th>
        <th style="text-align: center;"><b>{{getPhrase('paid_amount')}}</b></th>
        <th style="text-align: center;"><b>{{getPhrase('balance')}}</b></th>
        
       
    </thead>
    <tbody>