File "slip.blade.php"
Full Path: /home/trinadezambia/public_html/admin_panel/resources/views/payroll/slip.blade.php
File size: 17.13 KB
MIME-type: text/html
Charset: utf-8
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Salary Slip || {{ $schoolSetting['school_name'] }}</title>
<link rel="shortcut icon" href="{{$schoolSetting['favicon'] ?? url('assets/vertical-logo.svg') }}"/>
<style>
* {
font-family: 'DejaVu Sans', sans-serif;
}
.full-width {
width: 100%;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.title-heading {
background-color: rgb(191, 191, 191);
padding: 5px 0px;
border-radius: 8px;
}
.salary-title {
font-size: 18px;
padding: 10px 0px;
}
.salary-month-title {
font-size: 14px;
color: gray;
}
.salary-month {
font-size: 18px;
}
.school-name {
font-size: 20px;
}
.school-address {
font-size: 14px;
color: gray;
padding: 0px 3px;
}
.end-header {
margin-bottom: 30px;
}
.row {
display: flex;
}
.col-md-6 {
position: fixed;
width: 100%;
}
.net-salary {
left: 60%;
border: 1px solid gray;
border-radius: 8px;
width: 40%;
}
.employee-detail tr th {
padding: 5px 5px;
}
.label {
color: gray;
}
table {
border-collapse: collapse;
border: none;
}
.net-salary tr th {
padding: 5px 20px;
text-align: left;
}
.net-salary-amount {
font-size: 25px;
letter-spacing: 2px;
border-left: 3px solid #5FD068;
padding-left: 8px;
}
.employee-detail {
width: 60%;
}
.net-salary-lable {
font-size: 12px;
color: grey;
}
.net-salary-div {
padding-bottom: 5px;
}
.net-salary-hr {
color: gray;
margin-bottom: 0px;
}
.net-amount-cell {
background-color: #EDFCF1;
border-radius: 8px 8px 0px 0px;
}
.salary-detail {
position: relative;
top: 20%;
border: 1px solid grey;
border-radius: 8px;
}
.salary-detail table tr th,
.salary-detail table tr td {
padding: 10px 20px;
}
.salary-detail table tr .uppercase {
border-bottom: 1px solid gray;
}
.uppercase {
text-transform: uppercase;
}
.salary-detail table tr .table-footer {
background-color: lightgrey;
}
.total-payable {
position: relative;
top: 24%;
border: 1px solid grey;
border-radius: 8px;
}
.total-payable table tr th {
padding: 5px 10px;
}
.total-balance {
font-size: 12px;
color: gray;
font-style: normal;
margin-top: 0px;
}
.payable-amount {
background-color: #EDFCF1;
border-radius: 0px 8px 8px 0px;
}
.paid-leaves {
color: gray;
font-size: 14px;
}
.school-name-address {
padding-left: 20px;
}
.row-col {
display: table;
width: 100%;
table-layout: fixed;
}
.col-6 {
display: table-cell;
width: 50%;
box-sizing: border-box;
}
</style>
</head>
<body>
<div class="body">
{{-- Header --}}
<table class="full-width">
<tr>
<th class="text-left" width="50">
@if ($schoolSetting['horizontal_logo'] ?? '')
<img class="school-logo" height="50" src="{{ public_path('storage/') . $schoolSetting['horizontal_logo'] }}" alt="">
@else
<img height="40" src="{{ public_path('assets/horizontal-logo2.svg') }}" alt="">
@endif
</th>
<th class="text-left school-name-address">
<div class="school-name">
{{ $schoolSetting['school_name'] }}
</div>
<div class="school-address">
{{ $schoolSetting['school_address'] }}
</div>
</th>
<th class="text-right" width="140">
<div class="salary-month-title">
Salary Slip For The Month
</div>
<div class="salary-month">
{{ $salary->title }}
</div>
</th>
</tr>
</table>
<hr class="end-header">
@php
$lwp = 0;
$lwp_amount = 0;
$allowance = 0;
$deduction = 0;
@endphp
@if ($salary->paid_leaves < $total_leaves && $allow_leaves !== null)
@php
$lwp = number_format($total_leaves - $salary->paid_leaves, 2);
@endphp
@endif
<div class="row">
<div class="col-md-6 employee-detail">
{{-- Employee info. --}}
<table class="full-width">
<tr>
<th colspan="2" class="text-left uppercase">
Employee Summary
</th>
</tr>
<tr>
<th class="text-left label">
Employee Name
</th>
<td class="text-left">
: {{ $salary->staff->user->full_name }}
</td>
</tr>
<tr>
<th class="text-left label">
Employee ID
</th>
<td class="text-left">
: {{ $salary->staff->id }}
</td>
</tr>
<tr>
<th class="text-left label">
Pay Month
</th>
<td class="text-left">
: {{ $salary->title }}
</td>
</tr>
<tr>
<th class="text-left label">
Date
</th>
<td class="text-left">
: {{ Str::before($salary->date, ' ') }}
</td>
</tr>
</table>
</div>
<div class="col-md-6 net-salary">
{{-- Salary --}}
<table class="full-width net-salary-div">
<tr>
<th colspan="2" class="net-amount-cell">
<div class="net-salary-amount">
{{ number_format($salary->amount, 2) }}
<p class="net-salary-lable">Employee Net Salary</p>
</div>
<hr class="net-salary-hr">
</th>
</tr>
<tr>
<th class="label">
Paid Days
</th>
<td>
: {{ $days - $lwp }}
</td>
</tr>
<tr>
<th class="label">
LWP Days
</th>
<td>
: {{ $lwp }}
</td>
</tr>
</table>
</div>
</div>
{{-- Salary details --}}
<div class="row salary-detail">
<table class="full-width">
<tr>
<th class="text-left uppercase">
Earnings
</th>
<th class="text-right uppercase">
Amount
</th>
<th class="text-left uppercase">
Deductions
</th>
<th class="text-right uppercase">
Amount
</th>
</tr>
<tr>
<td class="text-left">
Basic
</td>
<td class="text-right">
{{ number_format($salary->basic_salary, 2) }}
</td>
<td class="text-left">
Leave Without Pay
<br>
<span class="paid-leaves">Paid Leaves : {{ $salary->paid_leaves }}</span>
</td>
<td class="text-right">
@if ($lwp)
@php
$lwp_amount = ($salary->basic_salary / 30) * $lwp;
@endphp
{{ number_format($lwp_amount, 2) }}
@else
00.00
@endif
</td>
</tr>
<tr>
<td colspan="2">
@foreach ($salary->staff_payroll as $payroll)
@if ($payroll->payroll_setting->type == 'allowance')
<div class="row-col">
<div class="col-6">
<span class="text-left">
{{ $payroll->payroll_setting->name }} {{ $payroll->percentage ? '('.$payroll->percentage.' %)' : '' }}
</span>
</div>
<div class="col-6 text-right">
<span class="text-right">
@if ($payroll->amount)
{{ number_format($payroll->amount, 2) }}
@php
$allowance += $payroll->amount;
@endphp
@else
@php
$allowance += ($salary->basic_salary * $payroll->percentage) / 100;
@endphp
{{ number_format(($salary->basic_salary * $payroll->percentage) / 100, 2) }}
@endif
</span>
</div>
</div>
@endif
@endforeach
</td>
<td colspan="2">
@php $transportationdeduction = 0; @endphp
@foreach ($transportationPayments as $transportationPayment)
@php $transportationdeduction += $transportationPayment->included_amount; @endphp
@endforeach
@foreach ($salary->staff_payroll as $payroll)
@if ($payroll->payroll_setting->type == 'deduction')
<div class="row-col">
<div class="col-6">
<span class="text-left">
{{ $payroll->payroll_setting->name }} {{ $payroll->percentage ? '('.$payroll->percentage.' %)' : '' }}
</span>
</div>
<div class="col-6 text-right">
<span class="text-right">
@if ($payroll->amount)
{{ number_format($payroll->amount, 2) }}
@php
$deduction += $payroll->amount;
@endphp
@else
@php
$deduction += ($salary->basic_salary * $payroll->percentage) / 100;
@endphp
{{ number_format(($salary->basic_salary * $payroll->percentage) / 100, 2) }}
@endif
</span>
</div>
</div>
@endif
@endforeach
</td>
</tr>
<tr>
<td class="text-left">
Other Allowances
</td>
<td class="text-right">
@if ($salary->amount > ($salary->basic_salary + $allowance - $lwp_amount - $deduction))
{{ number_format($salary->amount - ($salary->basic_salary + $allowance - $deduction - $lwp_amount), 2) }}
@php
$allowance += $salary->amount - ($salary->basic_salary + $allowance - $deduction - $lwp_amount);
@endphp
@else
{{ number_format(0,2) }}
@endif
</td>
<td class="text-left">
Other Deductions
</td>
<td class="text-right">
@if ($salary->amount < ($salary->basic_salary + $allowance - $lwp_amount - $deduction - $transportationdeduction))
{{ number_format(($salary->basic_salary + $allowance - $deduction - $lwp_amount - $transportationdeduction) - $salary->amount, 2) }}
@php
$deduction += ($salary->basic_salary + $allowance - $deduction - $lwp_amount - $transportationdeduction) - $salary->amount;
@endphp
@else
{{ number_format(0,2) }}
@endif
</td>
</tr>
<tr>
<td class="text-left">
</td>
<td class="text-right">
</td>
<td class="text-left">
Transportation Deduction
</td>
<td class="text-right">
{{ number_format($transportationdeduction, 2) }}
@php
$deduction += $transportationdeduction;
@endphp
</td>
</tr>
<tr>
<th class="text-left table-footer" style="border-bottom-left-radius: 8px">
Gross Earnings
</th>
<td class="text-right table-footer">
{{ number_format($salary->basic_salary + $allowance, 2) }}
</td>
<th class="text-left table-footer">
Total Deduction
</th>
<td class="text-right table-footer" style="border-bottom-right-radius: 8px">
{{ number_format($lwp_amount + $deduction, 2) }}
</td>
</tr>
</table>
</div>
<div class="row total-payable">
<table class="full-width">
<tr>
<th class="uppercase text-left">
Total Net Payable
<span class="text-muted total-balance"><br>
Gross Earnings - Total Deductions
</span>
</th>
<th class="text-right payable-amount">
{{ number_format($salary->amount, 2) }}
</th>
</tr>
</table>
</div>
</div>
</body>
</html>