@extends($layout)

@section('header_scripts')

@stop
<link href="{{CSS}}bootstrap-datepicker.css" rel="stylesheet">
@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>
                      <li>
                        <a href="{{URL_ACADEMICOPERATIONS_DASHBOARD}}">
                            {{getPhrase('academic_operations')}}
                        </a>
                    </li>                   
                    <li> 
                        {{$title}} 
                    </li>
                </ol>
            </div>
        </div> 

        {!! Form::open(array('url' => URL_PRINT_STUDENT_VOUCHER, 'method' => 'POST', 'name'=>'htmlform ','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">
                        {{ Form::label('branch_id', getphrase('select_branch')) }}
                        <span class="text-red">*</span>
                        {{Form::select('branch_id', $branches, null, ['class'=>'form-control select2','placeholder'=>'select',
                        'ng-model'=>'branch_id', 
                        'required'=> 'true', 
                        'ng-change' => "getAcademicDetails(branch_id)",
                        'ng-class'=>'{"has-error": formAcademics.branch_id.$touched && formAcademics.branch_id.$invalid}',
                        ])}}
                        <div class="validation-error" ng-messages="formAcademics.branch_id.$error" >
                        {!! getValidationMessage()!!}
                        </div>
                    </fieldset>  
                 <div class="row input-daterange" id="dp">
                                    <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' => $date_from,
                          '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' => $date_to,
                           'ng-model'=>'date_to',
                           'ng-change' =>'datesSelectd(branch_id,date_from,date_to)',
                        ]) }}
                </fieldset>
            </div>
                <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>
    
   <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('Date')}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('enrollment_no')}}</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('class')}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('Item_head')}}</b></th>   
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('Amount')}}</b></th> 
       
    </thead>
    <tbody>
   
    <tr ng-repeat="user in result_data | filter:search track by $index">  
        <td style="border:1px solid #000;text-align: center;">@{{user.tran_date}}</td>         
        <td style="border:1px solid #000;text-align: center;">@{{user.roll_no}}</td>
        <td style="border:1px solid #000;text-align: center;">@{{user.name}}</td>
        <td style="border:1px solid #000;text-align: center;">@{{user.course_title}}</td>         
        <td style="border:1px solid #000;text-align: center;">@{{user.category_name}}</td>  
        <td style="border:1px solid #000;text-align: center;">@{{user.tran_amount}}</td>                 
      </tr>  
    </tbody>
    </table>
</div>
 </div>

<div ng-if="result_data.length==0" class="text-center" >{{getPhrase('no_data_available')}}</div> 
<br>
<a ng-if="result_data.length!=0" class="btn btn-primary" ng-click="printIt()">Print</a>
  </div>
</div>
                    
        </hr>
    </div>
</div>
</div>
</div>

{!! Form::close() !!}

@stop
 
@section('footer_scripts')

  @include('fee.reports.scripts.imprestvoucher-js-scripts')

    <script src="{{JS}}datepicker.min.js"></script>
 <script src="{{JS}}bootstrap-toggle.min.js"></script>   
 <script>
      $('.input-daterange').datepicker({
        autoclose: true,
         format: '{{getDateFormat()}}',
    });
 </script>    
@stop