IMMREX7

@extends('schools.school_layout')
@section('content')
<div role="tabpanel" class="tab-pane in active" id="details" aria-expanded="true">
    <div class="card" id="details">
        <div class="body">                                
            <div class="row">
                <div class="col-sm-6 col-sm-offset-1">
                    <address>
                        <strong> Name : </strong>{{$employee->firstName}} {{$employee->middleName}} {{$employee->lastName}}<br>
                        <strong> Department : </strong>{{$employee->department->departmentName}}<br>
                        <strong> Designation : </strong>{{$employee->designation->designationName}}<br>
                        <strong> Ec No. : </strong>{{$employee->enrollmentNo}}<br>
                        <strong> Mobile : </strong>{{$employee->mobile}}<br>
                        <strong> Attendance Summary : </strong>T.P (including holiday): {{$empsalary->salaryDays}}, P.L : {{$empsalary->paid_leave}},A: {{$empsalary->absent_day}}<br>
                    </address>
                </div>
            </div>
            <div class="mt-40"></div>
            <div class="row">

                <div class="col-md-7">
                    <div class="table-responsive">
                        {!! Form::open(['url' => 'school/empsalary', 'class' => 'form-horizontal','id'=>'feesubmission']) !!}
                        <input type="hidden" name="idEmpPayment" value="{{$empsalary->idEmpPayment}}">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th>Earnings/Deductions</th>
                                    <th>Particular</th>
                                    <th>Amount</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($earnings as $var)
                                <tr>
                                    <td>Earning</td>
                                    <td>{{$var->allowance->allowanceName}}</td>
                                    <td>{{$var->amount}}</td>
                                </tr>
                                @endforeach
                                @foreach($deductions as $var)
                                <tr>
                                    <td>Deduction</td>
                                    <td>{{$var->deduction->deductionName}}</td>
                                    <td>{{$var->amount}}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="col-sm-5">
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th>Date</th>
                                    <th>Amount</th>
                                    <th>Payment Mode</th>
                                    <th>Print</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <p> OT : ({{$empsalary->otHours}}) = {{$empsalary->otEarning}}, LA : ({{$empsalary->laHours}}) = {{$empsalary->laDeduction}} ,</p><br>
            <hr>
            <div class="row">
                <div class="col-md-5">
                    <div class="row clearfix">
                        <div class="col-sm-5 form-control-label">
                            <label for="classname">Extra Earnings</label>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <input type="text"  name="extraEarning" class="form-control"  id="extra_earning" onblur="showExtraEarnings()">
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-sm-5 form-control-label">
                            <label for="classname">Remarks</label>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <input type="text"  name="earningRemarks" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-sm-5 form-control-label">
                            <label for="classname">Extra Deduction</label>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <input type="text"  name="extraDeduction" class="form-control" onblur="showExtraDeductions()" id="extra_deduction">
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-sm-5 form-control-label">
                            <label for="classname">Remarks</label>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <input type="text"  name="deductionRemarks" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-sm-5 form-control-label">
                            <label for="classname">Give Advance</label>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <input type="text"  name="advanceSalary" class="form-control" id="advancesal" onblur="showAdvance()" >
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-sm-5 form-control-label">
                            <label for="classname">Select Payment Mode</label>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                {!! Form::select('paymentMode',[''=>'--Select--','Cash'=>'Cash','Cheque'=>'Cheque','NEFT/RTGS'=>'NEFT/RTGS','Online'=>'Online'],null,['class' => 'form-control show-tick ms paymentMode','id'=>'paymode']) !!}
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix cardpayment">
                        <div class="col-sm-5 form-control-label">
                            <label for="classname">CardNo./Trans ID</label>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <input type="text" name="transId" class="form-control">
                                <span id='cardnoerror'></span>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col-md-6 text-right">
                    <p class="m-b-0"><b>Total Earnings: </b>
                        {{$empsalary->totalEarning}}
                    </p>
                    <p class="m-b-0">
                        <b>Extra Earnings: </b><span id="extraEarnings"></span> 
                    </p>
                    <p class="m-b-0"><b>Total Deductions: </b>
                        {{$empsalary->totalDeduction}}
                    </p>
                    <p class="m-b-0">
                        <b>Extra Deductions: </b><span id="extraDeductions"></span>
                    </p>
                    <p class="m-b-0">
                        <b>Advance: </b><span id="advanceSalary"></span> 
                    </p>
                    <p class="m-b-0">
                        <b>OT: </b>
                        {{$empsalary->otEarning}}
                    </p>
                    <p class="m-b-0">
                        <b>LA: </b>
                        {{$empsalary->laDeduction}}
                    </p>
                    <p class="m-b-0">
                        <b>Total Payable: </b>
                        <span id="totalPayable">{{$empsalary->totalSalary}}</span>
                    </p>
                </div>
            </div>
            <div class="hidden-print col-md-12 text-right">
                @if($empsalary->isPaid == 'N')
                <button class="btn btn-primary btn-round" id='submit-btn'>Submit</button>
                @endif
            </div>
        </div>
        
    </div>
</div>
@stop
@section('script')
<script>
$(document).ready(function(){
 $('.cardpayment').hide(); 
 $('#paymode').change(function() {
        var val = $(this).val();
        if(val == 'NEFT/RTGS' || val == 'Online'){
           $('.cardpayment').show();
        }else{
           $('.cardpayment').hide();
        }
    });
});
function showExtraEarnings(){
    var earnings = parseFloat($('#extra_earning').val());
    $('#extraEarnings').text(earnings.toFixed(2));
    var extra = parseFloat($('#extraEarnings').text()); 
    var totpayble = parseFloat($('#totalPayable').text()); 
    var paybalance = parseFloat(totpayble+extra);
    $('#totalPayable').text(paybalance.toFixed(2));
}
function showExtraDeductions(){
    var deductions = parseFloat($('#extra_deduction').val());
    $('#extraDeductions').text(deductions.toFixed(2));
    var deduct = parseFloat($('#extraDeductions').text()); 
    var totpayble = parseFloat($('#totalPayable').text()); 
    var paybalance = parseFloat(totpayble-deduct);
    $('#totalPayable').text(paybalance.toFixed(2));
}
function showAdvance(){
    var advance = parseFloat($('#advancesal').val());
    $('#advanceSalary').text(advance.toFixed(2));
    
}
</script>
@stop