@extends('layouts.home.site')
<style type="text/css">
.table td, .table th{
	padding: 2px 10px;
}	
</style>
@section('content')

<div class="payfee-content" ng-controller="academic_controller">  

    <section class="call-to-action" >
        <div class="anim-icons">
            <!--            <span class="icon icon-cloud wow shake"></span>-->
            <span class="icon butterfly-1 wow zoomIn"></span>
            <!--            <span class="icon butterfly-2 wow zoomIn"></span>-->
        </div>

        <div class="auto-container">
            <div class="outer-box clearfix" style="text-align: -webkit-center;">
                <div class="title-column">
                    <h3 style="width:100%; text-transform: uppercase;">  SCHOOL RESULT </h3>

                </div>

            </div>
        </div>
    </section>
<br><br> 
<div class="register-content">   
	  {!! Form::open(array('url' => URL_PRINT_OFFLINE_EXAM_MARKS_REPORT, 'method' => 'POST', 'novalidate'=>'','name'=>'htmlform ', 'id'=>'htmlform')) !!}
		<div class="col-md-12">
	  	<div class="row">
	  	<fieldset class="form-group col-md-4">
		{{ Form::label('roll_no', getphrase('TSN No.')) }}
		<span class="text-red" >*</span>
			{{ Form::text('roll_no', $value = null , $attributes = array('class'=>'form-control', 'placeholder' => '78546','required'=> 'true','autocomplete'=>"off" )) }}
			<div class="validation-error" ng-messages="formPayfee.roll_no.$error" >
					{!! getValidationMessage()!!}
				</div>
		</fieldset>	
	  	<fieldset class="col-sm-4">
			{{ Form::label('date_of_birth', getphrase('date_of_birth')) }}
			<span class="text-red" >*</span>
			<div id="dpYears" class="input-group date"  data-date-viewmode="years"  data-provide="datepicker" data-date-format="{{getDateFormat()}}">
			{{ Form::text('date_of_birth', $value = date('Y/m/d') , $attributes = array('class'=>'form-control', 'placeholder' => '2015/07/17', 'id'=>'dp','autocomplete'=>"off" )) }}	
			<div class="input-group-addon" style="background: none; border-radius: 0px; border-color: #e1e8f8; font-size: 30px; color: #e1e8f8; padding: 0 10px; line-height: 40px;">
				<span class="mdi mdi-calendar"></span>
			</div>			 
			</div>
		</fieldset>
		<div class='col-sm-4'>
			<label style="width: 100%">&nbsp;</label>
			<button type="button" id="payfeefrom" ng-click="getFeeexamDetils()" class="btn btn-lg btn-primary button">{{getphrase('Get Details')}}</button>
		</div> 

		<div class="col-md-12" id="maindiv" style="padding: 10px 10px 30px 10px;line-height: 31px; display: none;" ng-if="fee_detail!=''">
			<h1 style="font-weight: bold; padding: 5px 0 5px 0; border-bottom: 1px solid #ccc; margin-bottom: 10px;color: #02002B;"><i class="icon icon-user"></i> Student Detail</h1>
			<div ng-if="fee_detail.status==0">@{{fee_detail.msg}}</div>
			<div ng-if="fee_detail.status==1">				 
	  			<div class="row">
				<div class="col-lg-4">
	                <div style="font-weight: bold; font-size: 14px; float: left; width: 33%">Student Name</div>
	          		<div style="border-bottom:#dee2e6 solid 1px; padding-left: 5px; float: left; font-size: 13px; width: 66%;">&nbsp; @{{studentdetail.name}}</div>
                </div>	
                <div class="col-lg-4">
	                <div style="font-weight: bold; font-size: 14px; float: left; width: 33%">Class </div>
	          		<div style="border-bottom:#dee2e6 solid 1px; padding-left: 5px; float: left; font-size: 13px; width: 66%;">&nbsp; @{{studentdetail.course_title}} </div>
                </div>	
                <div class="col-lg-4">
	                <div style="font-weight: bold; font-size: 14px; float: left; width: 33%">Student Mode </div>
	          		<div style="border-bottom:#dee2e6 solid 1px; padding-left: 5px; float: left; font-size: 13px; width: 66%;">&nbsp; @{{studentdetail.student_type}} </div>
                </div>
	            </div> 
	            <div class="row">
				<div class="col-lg-4">
	                <div style="font-weight: bold; font-size: 14px; float: left; width: 33%">Student Roll No.</div>
	          		<div style="border-bottom:#dee2e6 solid 1px; padding-left: 5px; float: left; font-size: 13px; width: 66%;">&nbsp; @{{studentdetail.roll_no}}</div>
                </div>	
                <div class="col-lg-4">
	                <div style="font-weight: bold; font-size: 14px; float: left; width: 33%">Date Of Birth </div>
	          		<div style="border-bottom:#dee2e6 solid 1px; padding-left: 5px; float: left; font-size: 13px; width: 66%;">&nbsp; @{{studentdetail.date_of_birth}} </div>
                </div>	 
                <div class="col-lg-4">
	                <div style="font-weight: bold; font-size: 14px; float: left; width: 33%">Pending Fee </div>
	          		<div style="border-bottom:#dee2e6 solid 1px; padding-left: 5px; float: left; font-size: 13px; width: 66%;">
	          		<div ng-if="studentdetail.student_type=='scholars' || studentdetail.student_type=='boarders'">
	          		Rs. @{{fee_detail.data.fee.pendingAmount}}
	          		</div>	 
	          		<div ng-if="studentdetail.student_type=='rte' || studentdetail.student_type=='nrte'"> 
	          			{{ '--' }}
	          		 </div>
	          		</div>
                </div>
	            </div> 
	            <div class="row">
				<div class="col-lg-4">
	                <div style="font-weight: bold; font-size: 14px; float: left; width: 33%">Father Name</div>
	          		<div style="border-bottom:#dee2e6 solid 1px; padding-left: 5px; float: left; font-size: 13px; width: 66%;">&nbsp; @{{studentdetail.fathers_name}}</div>
                </div>	
                <div class="col-lg-4">
	                <div style="font-weight: bold; font-size: 14px; float: left; width: 33%">Mother Name </div>
	          		<div style="border-bottom:#dee2e6 solid 1px; padding-left: 5px; float: left; font-size: 13px; width: 66%;">&nbsp; @{{studentdetail.mothers_name}} </div>
                </div>	
                
                </div> 
                <div class="row" style="margin-top:10px; ">
                <div class="col-lg-12">
	              <div class="col-lg-10" ng-if="fee_detail.data.fee.pendingAmount!=0 && ( studentdetail.student_type=='scholars' || studentdetail.student_type=='boarders')" style="text-align: right; margin-top: 10px; color: #FF0000">
	                	Dear Parent, 
	                	your wards fee is due. Kindly contact Ms. Aakansha Vyas (7976065689)
	                </div>  
	                <div ng-if="(studentdetail.course_id!=18 || (studentdetail.course_id >= 29 && studentdetail.course_id <= 38))">
	                <div class="col-lg-3" ng-if="fee_detail.data.fee.pendingAmount==0 || ( studentdetail.student_type=='rte' || studentdetail.student_type=='nrte')"  style="text-align: left; margin-top: 10px; float: right;">
	                	<input type="hidden" name="student_id" id="student_id" value="@{{studentdetail.id}}">
	                	<input type="hidden" name="branch_id" id="branch_id" value="@{{studentdetail.branch_id}}">
	                	<input type="hidden" name="academic_id" id="academic_id" value="@{{studentdetail.academic_id}}">
	                	<input type="hidden" name="course_parent_id" id="course_parent_id" value="@{{studentdetail.course_parent_id}}">
	                	<input type="hidden" name="course_id" id="course_id" value="@{{studentdetail.course_id}}">
	                	<input type="hidden" name="section_id" id="section_id" value="@{{studentdetail.section_id}}">
	                	<input type="hidden" name="offline_quiz_category_id" id="offline_quiz_category_id" value="@{{ exam.id }}">
	                	
	                	
	                	<button type="button" id="resultfrom" ng-if="fee_detail.data.fee.pendingAmount==0 || ( studentdetail.student_type=='rte' || studentdetail.student_type=='nrte')" ng-click="getResultDetils()" class="btn btn-lg btn-primary button">{{getphrase('Get Result')}}</button>
	                </div>   
	                </div>        
				</div>
			</div>
		</div>
</div>
		</div>
		</div> 	 
	{!! Form::close() !!} 			
	</div> 
@stop 

@section('footer_scripts')
	<script src="{{JS}}moment.min.js"></script>
	<script src="{{JS}}bootstrap-datepicker.min.js"></script>
	<script src="{{JS}}bootstrap-datetimepicker.js"></script>
	<script type="text/javascript">
		$( document ).ready(function() {
		  $('#maindiv').css('display','block');
		});	
	</script>	
	@include('users.student.scripts.online-payfee-js-scripts')
@stop