@extends($layout)

@section('header_scripts')
<link href="{{CSS}}bootstrap-datepicker.css" rel="stylesheet">  

@stop

@section('content')
<div id="page-wrapper" ng-controller="hostelAssign">
    <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>
                        
                            {{$title}}
                        
                    </li>
                </ol>
            </div>
        </div>
    
        
       {!! Form::open(array('url' => URL_PRINT_TRANSPORT_FEE_DETAILS, 'method' => 'POST', 'name'=>'htmlform ','target'=>'_blank', 'id'=>'htmlform', 'novalidate'=>'')) !!}


        <div class="panel panel-custom">
            <div class="panel-heading">
                <h1>
                    {{getPhrase('select_details')}}
                 
                </h1>
            </div>
            <div class="panel-body instruction">


                 <div class="row" >


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

                          {{ Form::label('route_id', getphrase('routes')) }}

                          <span class="text-red">*</span>

                          {{Form::select('route_id', $routes_list, null, ['class'=>'form-control', 'id'=>'route_id',
                            'ng-model'=>'route_id',
                            'placeholder'=>'Select',
                            "ng-change" => "getRouteVehicles(route_id)",
                            'required'=> 'true', 
                            'ng-class'=>'{"has-error": formQuiz.route_id.$touched && formQuiz.route_id.$invalid}'
                          ])}}

                           <div class="validation-error" ng-messages="formQuiz.route_id.$error" >
                              {!! getValidationMessage()!!}
                          </div>

                        </fieldset>

                       <fieldset ng-if="selected_route_id" class="form-group col-md-3">
                          <span class="text-red">*</span>
                           <label for = "vehicle_id">{{getPhrase('vehicles')}}</label>
                          <select 
                          name      = "vehicle_id" 
                          id        = "vehicle_id" 
                          class     = "form-control" 
                          ng-model  = "vehicle_id" 
                          ng-change = "getmonths(route_id,vehicle_id)",
                          ng-options= "option.id as option.name for option in vechicles track by option.id">
                          <option value="">{{getPhrase('select')}}</option>
                          </select>
                      </fieldset> 

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

                            {{ Form::label('year', getphrase('year')) }}
                            <span class="text-red">*</span>
                            {{Form::select('year', $years, null, ['class'=>'form-control', 'id'=>'year',
                                'placeholder'=>'Select',
                                'ng-model'=>'year',
                                'required'=> 'true',
                                "ng-change" => "getYearReports(route_id, year)", 
                                'ng-class'=>'{"has-error": formQuiz.year.$touched && formQuiz.year.$invalid}'
                            ])}}
                             <div class="validation-error" ng-messages="formQuiz.year.$error" >
                                {!! getValidationMessage()!!}
                            </div>

                        
          </fieldset>

            <fieldset class="form-group col-md-3" ng-if="showMonth == 1">

                            {{ Form::label('month', getphrase('month')) }}
                            <span class="text-red">*</span>
                            {{Form::select('month', $months, null, ['class'=>'form-control', 'id'=>'month',
                                'placeholder'=>'Select',
                                'ng-model'=>'month',
                                'required'=> 'true', 
                                "ng-change" => "getMonthReports(route_id, year,month)",
                                'ng-class'=>'{"has-error": formQuiz.month.$touched && formQuiz.month.$invalid}'
                            ])}}
                             <div class="validation-error" ng-messages="formQuiz.month.$error" >
                                {!! getValidationMessage()!!}
                            </div>

                        
          </fieldset>
            
        </div>

     {{--     <h4>{{getPhrase('date_wise_reports')}}</h4>
         <br>
         <div class="row input-daterange" id="dp">
              
                 <fieldset class="form-group col-md-6">

                    {{ Form::label('start_date', getphrase('date_from')) }}

                    {{ Form::text('start_date', $value = null , $attributes = array(

                        'class'=>'input-sm form-control', 
                        'ng-model'=>'start_date',
                        'placeholder' => '2015/7/17'

                        )) }}

                </fieldset>

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

                    {{ Form::label('end_date', getphrase('date_to')) }}

                    {{ Form::text('end_date', $value = null , $attributes = array(

                        'class'=>'input-sm form-control',
                         'ng-model'=>'end_date',
                         "ng-change" => "getDateReports(start_date, end_date)",
                         'placeholder' => '2015/7/17'

                         )) }}

                </fieldset>
            </div>
 --}}
                   

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

  

    <table class="table table-bordered" style="border-collapse: collapse;">
    <thead>
        <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('roll_no')}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('course')}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('vehicle_number')}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('route')}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('year')}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('month')}}</b></th>
        {{-- <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('start_date')}}</b></th> --}}
        {{-- <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('end_date')}}</b></th> --}}
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('amount')}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('discount')}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('paid_amount')}}</b></th>
        <th style="border:1px solid #000;text-align: center;"><b>{{getPhrase('balance')}}</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;"><a target="_blank" href="{{URL_USER_DETAILS}}@{{user.slug}}">@{{user.name}}</a></td>
        
        <td style="border:1px solid #000;text-align: center;">@{{user.roll_no}}</td>
        <td style="border:1px solid #000;text-align: center;">@{{user.course_title}}</td>
        <td style="border:1px solid #000;text-align: center;">@{{user.number}}</td>
        <td style="border:1px solid #000;text-align: center;">@{{user.route_name}}</td>
        <td style="border:1px solid #000;text-align: center;">@{{user.year}}</td>
        <td style="border:1px solid #000;text-align: center;">@{{user.month}}</td>
        {{-- <td style="border:1px solid #000;text-align: center;">@{{user.start_date}}</td> --}}
        {{-- <td style="border:1px solid #000;text-align: center;">@{{user.end_date}}</td> --}}
        <td style="border:1px solid #000;text-align: center;">{{ getCurrencyCode() }} @{{user.amount}}</td>
        <td style="border:1px solid #000;text-align: center;">{{ getCurrencyCode() }} @{{user.discount}}</td>
        <td style="border:1px solid #000;text-align: center;">{{ getCurrencyCode() }} @{{user.paid_amount}}</td>
        <td style="border:1px solid #000;text-align: center;">{{ getCurrencyCode() }} @{{user.balance}}</td>
       
        
        
          
    </tr> 
 
    </tbody>
    </table>
</div>
 </div>

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

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

@stop
 
 

@section('footer_scripts')

  
    @include('transport.reports.js-scripts')

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

    </script>

    
@stop