@extends($layout)
@section('header_scripts')
@stop 
@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_ADMISSION_REPORTS, '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 input-daterange"  id="dp">  
                <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 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',
                          'value' => $date_from,
                          'placeholder' => $date_from,
                          'ng-model'=>'date_from',
                       ])}}
                </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' => $date_to,
                           'value' => $date_to,
                           'ng-model'=>'date_to',
                        ]) }}
                </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 = "setacademicData(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>
            </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="getadmissionreport()">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('Name')}}</b></th>
        <th style="text-align: center;"><b>{{getPhrase('Enrollment No')}}</b></th> 
        <th style="text-align: center;"><b>{{getPhrase('Date')}}</b></th> 
        <th style="text-align: center;"><b>{{getPhrase('mobile')}}</b></th>  
        <th style="text-align: center;"><b>{{getPhrase('class')}}</b></th>      
    </thead>
    <tbody>