@extends('admin.layout.app')
@section('title','Salary Slip')
@push('headerscript')
    <style>
        .noBorder {
            border-top: 1px solid #ddd0 !important;
            padding: 3px 8px !important;
        }

        .table {
            margin-bottom: 0px !important;
        }

        @media print {

            html, body {
                height: 99%;
            }

            .table > tbody > tr > td .noBorder {
                border-style: hidden !important;
                border-top: 1px solid #ddd0 !important;
                padding: 3px 8px !important;
            }
        }
    </style>
@endpush
@section('content')
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="page-title-box">
                        <h4 class="page-title">{{ucfirst($employeeSalary->employeeName)}}'s Salary Slip</h4>
                        <div class="pull-right">
                            <a href="" onclick="pagePrint()" class="btn btn-success m-r-5" title="Print"><i
                                    class="fa fa-print"></i></a>
                            @if($page == 1){{-- Salary generate page--}}
                            <a href="{{route('employee-salary.create')}}"
                               class="btn btn-info btn-rounded waves-effect waves-light m-b-2"><i
                                    class=" mdi mdi-keyboard-backspace"></i> Back</a>
                            @else
                                <a href="{{route('employee-salary.index')}}"
                                   class="btn btn-info btn-rounded waves-effect waves-light m-b-2"><i
                                        class=" mdi mdi-keyboard-backspace"></i> Back</a>
                            @endif
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 mr-auto ml-auto">
                    <div class="row">
                        <div class="col-sm-12">
                            <table class="table table-bordered">
                                <tr class="text-center">
                                    <td colspan="2">
                                        <h4 style="font-weight: bold; margin: 0; padding: 0">{{Helper::getBusinessData()->business_name}}</h4>
                                    </td>
                                </tr>
                                <tr class="text-center">
                                    <td colspan="2">
                                        <h5 style="font-weight: bold; margin: 0; padding: 0">Salary Slip
                                            for {{date('M-Y',strtotime($employeeSalary->month))}}</h5>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <p><span
                                                style="font-weight: bold">Employee Code :</span> {{$employeeSalary->employee_code}}
                                        </p>
                                        <p><span
                                                style="font-weight: bold">Employee Name :</span> {{$employeeSalary->employeeName}}
                                        </p>
                                        <p><span
                                                style="font-weight: bold">Department :</span> {{$employeeSalary->department_name}}
                                        </p>
                                    </td>
                                    <td>
                                        <p><span
                                                style="font-weight: bold">Department :</span> {{$employeeSalary->month}}
                                        </p>
                                        <p><span
                                                style="font-weight: bold">Bank Name :</span> {{$employeeSalary->bank_name}}
                                        </p>
                                        <p><span
                                                style="font-weight: bold">A/C No. :</span> {{$employeeSalary->account_no}}
                                        </p>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center">
                                        <p style="font-weight: bold; margin: 0; padding: 0">Earnings</p>
                                    </td>
                                    <td class="text-center">
                                        <p style="font-weight: bold; margin: 0; padding: 0">Deductions</p>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="m-0 py-0">
                                        <table class="table">
                                            <tr>
                                                <td class="text-left noBorder"> Basic Salary</td>
                                                <td class="text-right noBorder"> {{number_format($employeeSalary->basic_salary,2)}}</td>
                                            </tr>
                                            <tr>
                                                <td class="text-left noBorder"> Transportation</td>
                                                <td class="text-right noBorder"> {{number_format($employeeSalary->transportation,2)}}</td>
                                            </tr>
                                            <tr>
                                                <td class="text-left noBorder">Accommodation</td>
                                                <td class="text-right noBorder"> {{number_format($employeeSalary->accommodation,2)}}</td>
                                            </tr>
                                            <tr>
                                                <td class="text-left noBorder">Insurance</td>
                                                <td class="text-right noBorder"> {{number_format($employeeSalary->insurance,2)}}</td>
                                            </tr>
                                            <tr>
                                                <td class="text-left noBorder">Others</td>
                                                <td class="text-right noBorder"> {{number_format($employeeSalary->others,2)}}</td>
                                            </tr>
                                            <tr>
                                                <td class="text-left noBorder"> Reimbursement</td>
                                                <td class="text-right noBorder"> {{number_format($employeeSalary->reimbursement,2)}}</td>
                                            </tr>
                                            <tr style="border-bottom: 1px solid">
                                                <td class="text-left noBorder"> Over Time Amount</td>
                                                <td class="text-right noBorder"> {{number_format($employeeSalary->total_ot_amount,2)}}</td>
                                            </tr>
                                                                                        <tr>
                                                <td class="text-left noBorder" style="font-weight: bold"> Total
                                                    Earning
                                                </td>
                                                <td class="text-right noBorder"
                                                    style="font-weight: bold"> {{number_format($totalEarning,2)}}</td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td>
                                        <table class="table">
                                            <tr>
                                                <td class="text-left noBorder">Deductions</td>
                                                <td class="text-right noBorder"> {{number_format($employeeSalary->deductions,2)}}</td>
                                            </tr>
                                            <tr>
                                                <td class="text-left noBorder">&nbsp;</td>
                                                <td class="text-right noBorder">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="text-left noBorder">&nbsp;</td>
                                                <td class="text-right noBorder">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="text-left noBorder">&nbsp;</td>
                                                <td class="text-right noBorder">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="text-left noBorder">&nbsp;</td>
                                                <td class="text-right noBorder">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="text-left noBorder">&nbsp;</td>
                                                <td class="text-right noBorder">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="text-left noBorder">&nbsp;</td>
                                                <td class="text-right noBorder">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td class="text-left noBorder" style="font-weight: bold">Total
                                                    Deductions
                                                </td>
                                                <td class="text-right noBorder"
                                                    style="font-weight: bold"> {{number_format($employeeSalary->deductions,2)}}</td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center">
                                        <p style="font-weight: bold; margin: 0; padding: 0">Net Pay ( Total Earnings
                                            - Total Deductions )</p>
                                    </td>
                                    <td class="text-center">
                                        <p style="font-weight: bold; margin: 0; padding: 0">{{number_format($employeeSalary->total_salary,2)}}</p>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        @php
                                            $total_amount = $employeeSalary->total_salary;
                                           $t_amount = new NumberFormatter("en", NumberFormatter::SPELLOUT);
                                                   $num = explode('.', $total_amount);
                                        @endphp

                                        <p style="font-weight: bold; margin: 0; padding: 0">Amounts in Words : &nbsp;&nbsp;
                                            <span>{{$t_amount->format($num[0])}} </span>
                                            {{isset($num[1]) ? 'And '.$t_amount->format($num[1]).'Only': 'Only'}} </p>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footerscript')
    <script>
        function pagePrint() {
            print();
        }
    </script>
@endpush