@extends($layout)
@section('header_scripts')
@stop
@section('content')

<div id="page-wrapper" ng-controller="feePayController">
            <div class="container-fluid">
                <!-- Page Heading -->
                <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>
                                
                <!-- /.row -->
                <div class="panel panel-custom">
                    <div class="panel-heading">
                        
                        <div class="pull-right messages-buttons">
                             
                       
                             
                        </div>
                        <h1>{{ $title }}</h1>
                    </div>
                    <div class="panel-body">
                         {!! Form::open(array('url' => URL_STUDENT_FEE_PAY_ADD, 'method' => 'POST','name'=>'formSchedule', 'novalidate'=>'')) !!}
                        <div class="row">

                        <fieldset class="form-group col-md-4">
                          {{ 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',
                            "ng-change" => "getFeeCategories(branch_id)",
                            'required'=> 'true', 
                            'ng-class'=>'{"has-error": formQuiz.branch_id.$touched && formQuiz.branch_id.$invalid}'
                          ])}}
                           <div class="validation-error" ng-messages="formQuiz.branch_id.$error" >
                              {!! getValidationMessage()!!}
                          </div>
                        </fieldset>

                        <fieldset ng-if="selected_branch" class="form-group col-md-4">
                          <span class="text-red">*</span>
                           <label for = "feeCategories">{{getPhrase('fee_categories')}}</label>
                          <select 
                          name      = "feeCategories" 
                          id        = "feeCategories" 
                          class     = "form-control" 
                          ng-model  = "feeCategories" 
                          ng-change = "categoryChanged(selected_branch, feeCategories)"
                          ng-options= "option.id as option.title for option in fee_categories track by option.id">
                          <option value="">{{getPhrase('select')}}</option>
                          </select>
                      </fieldset> 

                        <fieldset ng-if="selected_feecategory" class="form-group col-md-4">
                          <span class="text-red">*</span>
                           <label for = "student_id">{{getPhrase('select_student')}}</label>
                          <select 
                          name      = "student_id" 
                          id        = "student_id" 
                          class     = "form-control" 
                          ng-model  = "student_id" 
                          ng-change = "getStuduntFeeDetails(selected_feecategory, student_id)"
                          ng-options= "option.id as option.roll_no+'-'+option.first_name+' '+option.middle_name+' '+option.last_name for option in students track by option.id">
                          <option value="">{{getPhrase('select')}}</option>
                          </select>
                      </fieldset> 
                  
                  </div>

                  <div class="row" ng-if="selected_studentid">
                    <div class="col-md-12">
                    <div class="btn btn-primary panel-btn collapsed" data-toggle="collapse" data-target="#student_details_box">{{getPhrase('student_details')}} <span class="dc-caret">
                   <i class="fa fa-angle-down" aria-hidden="true"></i></span></div>

                      <div class="collapse panel-expand-box" id="student_details_box">
                      <div class="row">
                          <div class="col-md-2">
                               <div class="profile-details text-center" ng-if="student_image==''">
                            <div class="profile-img"><img src="{{IMAGE_PATH_PROFILE_DEFAULT}}" alt=""  style="width: 100px;height: 100px;"></div>
                        </div>
                            <div class="profile-details text-center" ng-if="student_image!=''">
                            <div class="profile-img"><img src="{{IMAGE_PATH_PROFILE}}@{{student_image}}" alt=""  style="width: 100px;height: 100px;"></div>
                        </div>
                             <b class="text-center" style="display: block;"> 
                             @{{student.first_name + student.middle_name + student.last_name | uppercase}} - @{{student.roll_no}}
                             </b>
                        </div>
                          
                          <div class="col-md-10">
                             <div class="row">
                                 <div class="col-md-4 col-md-offset-1">
                                     <table class="table panel-table">
                                         <tbody>
                                             <tr>
                                                 <th>{{getPhrase('branch')}}</th>
                                                 <td>@{{academic_data.branch_name}}</td>
                                             </tr>
                                              <tr>
                                                 <th>{{getPhrase('academic_year')}}</th>
                                                 <td>@{{academic_data.academic_title}}</td>
                                             </tr> 
                                             <tr>
                                                 <th>{{getPhrase('parent_course')}}</th>
                                                 <td>@{{academic_data.course_parent_title}}</td>
                                             </tr>
                                             <tr>
                                                 <th>{{getPhrase('class')}}</th>
                                                 <td>@{{academic_data.course_title}} @{{student.current_year}} year @{{student.current_semister}} semister</td>
                                             </tr>
                                         </tbody>
                                     </table>
                                 </div>
                                 <div class="col-md-6">
                                      <table class="table panel-table">
                                         <tbody>
                                             <tr>
                                                 <th>{{getPhrase('father_name')}}</th>
                                                 <td>@{{student.fathers_name}}</td>
                                             </tr> 
                                             <tr>
                                                 <th>{{getPhrase('email')}}</th>
                                                 <td>@{{user_details.email}}</td>
                                             </tr>
                                             <tr>
                                                 <th>{{getPhrase('phone')}}</th>
                                                 <td>@{{user_details.phone}} </td>
                                             </tr>
                                         </tbody>
                                     </table>
                                 </div>
                             </div>
                          </div>
                      </div>
                      </div>
                      </div>
                  </div>
           {{--        <br>
                  <div class="row" ng-if="selected_studentid">
                  <div class="col-md-12">
                 <div class="btn btn-primary panel-btn collapsed" data-toggle="collapse" data-target="#fee_details_box">{{getPhrase('fee_details')}}
                <span class="dc-caret">
                   <i class="fa fa-angle-down" aria-hidden="true"></i></span></div>
                  <br>
                      <div class=" collapse panel-expand-box" id="fee_details_box">
                      <div class=" pad15">
                         <div class="row">
                          <div class="col-md-6">
                              <div class="panel panel-primary">
                              <div class="panel-heading">Fee Details</div>
                                <div class="panel-body">Fee Details comes here</div>
                            </div>
                          </div>
                          <div class="col-md-6">
                              <div class="panel panel-primary">
                              <div class="panel-heading">Payments History</div>
                                <div class="panel-body">Payments History comes here</div>
                            </div>
                          </div>
                         </div>
                         </div>
                      </div>
                  </div>
                  </div> --}}

                  <br>

            <div class="row" ng-if="selected_studentid">
            <div class="col-md-12">
            {{-- <div>
             <h2>{{getPhrase('student_details')}}</h2>
               <p><u>{{getPhrase('student_name')}}</u> : <b> @{{student.first_name}} @{{student.middle_name}} @{{student.last_name}}</b></p>
               <p><u>{{getPhrase('father_name')}}</u> : <b>@{{student.fathers_name}}</b></p>
               <p><u>{{getPhrase('branch')}}</u> : <b>@{{academic_data.branch_name}}</b></p>
               <p><u>{{getPhrase('academic_year')}}</u> : <b>@{{academic_data.academic_title}}</b></p>
               <p><u>{{getPhrase('branch')}}</u> : <b>@{{academic_data.course_parent_title}}</b></p>
               <p><u>{{getPhrase('class ')}}</u> : <b>@{{academic_data.course_title}}</b></p>
               <p><u>{{getPhrase('year')}}</u> : <b>@{{student.current_year}}</b></p>
               <p><u>{{getPhrase('semister')}}</u> : <b>@{{student.current_semister}}</b></p>  
               
                   
                       

            </div> --}}
                  <div class="btn btn-primary panel-btn collapsed" data-toggle="collapse" data-target="#fee_particulars_box">{{getPhrase('fee_particulars')}}
                     {{-- &nbsp;&nbsp; <i class="fa fa-angle-down" aria-hidden="true"> --}}<span class="dc-caret">
                   <i class="fa fa-angle-down" aria-hidden="true"></i></span></div>

                   <div class="collapse panel-expand-box" id="fee_particulars_box">
                     <table  class="table feeparticulars-table table-bordered">

                    <thead>
                        <tr>
                             <th colspan="2" >{{getPhrase('particulars')}}</th>
                             <th colspan="2">{{getPhrase('details')}}</th>
                             <th colspan="2"></th>
                             <th colspan="2" >{{getPhrase('total_to_pay')}}</th> 
                           </tr> 
                        <tr>
                          <td>&nbsp;</td>
                          <td>&nbsp;</td>
                          <td>Amount</td>
                          <td>Paid</td>
                          <td>&nbsp;</td> 
                          <td>Discount</td>
                          <td>&nbsp;</td>
                          <td>&nbsp;</td>
                        </tr> 
                    </thead> 
                    <tbody> 
                    <tr ng-repeat="item in payment_details | filter:search track by $index">