You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
186 lines
5.5 KiB
PHTML
186 lines
5.5 KiB
PHTML
3 years ago
|
<!DOCTYPE html>
|
||
|
<html lang="en">
|
||
|
<head>
|
||
|
<meta charset="UTF-8">
|
||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
<title>Document</title>
|
||
|
<style>
|
||
|
body {
|
||
|
font-family: Nunito, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||
|
}
|
||
|
.border-collapse {
|
||
|
border-collapse: collapse;
|
||
|
}
|
||
|
.border-gray-400 {
|
||
|
border-color: black;
|
||
|
}
|
||
|
|
||
|
.border {
|
||
|
border-width: 1px;
|
||
|
border-top-width: 1px;
|
||
|
border-right-width: 1px;
|
||
|
border-bottom-width: 1px;
|
||
|
border-left-width: 1px;
|
||
|
}
|
||
|
.w-full {
|
||
|
width: 100%;
|
||
|
}
|
||
|
.text-center {
|
||
|
text-align: center;
|
||
|
}
|
||
|
.font-bold {
|
||
|
font-weight: 700;
|
||
|
}
|
||
|
.text-4xl {
|
||
|
font-size: 2.25rem;
|
||
|
line-height: 2.5rem;
|
||
|
}
|
||
|
.text-3xl {
|
||
|
font-size: 1.875rem;
|
||
|
line-height: 2.25rem;
|
||
|
}
|
||
|
.py-4 {
|
||
|
padding-top: 1rem;
|
||
|
padding-bottom: 1rem;
|
||
|
}
|
||
|
.justify-center {
|
||
|
justify-content: center;
|
||
|
}
|
||
|
|
||
|
.items-center {
|
||
|
align-items: center;
|
||
|
}
|
||
|
.flex {
|
||
|
display: flex;
|
||
|
}
|
||
|
.p-2 {
|
||
|
padding: 0.5rem;
|
||
|
}
|
||
|
.max-w-sm {
|
||
|
max-width: 24rem;
|
||
|
}
|
||
|
.text-right {
|
||
|
text-align: right;
|
||
|
}
|
||
|
|
||
|
</style>
|
||
|
</head>
|
||
|
@php
|
||
|
function formatIDR($output) {
|
||
|
return number_format($output, 0, ',', '.');
|
||
|
}
|
||
|
@endphp
|
||
|
<body>
|
||
|
<table class="border-collapse border border-gray-400 w-full" border="1">
|
||
|
<thead>
|
||
|
<tr class="text-center border">
|
||
|
<th colspan="4">
|
||
|
<div class="flex text-md justify-center items-center font-bold text-4xl py-4">
|
||
|
GAJIAN KONVEKSI
|
||
|
</div>
|
||
|
</th>
|
||
|
</tr>
|
||
|
</thead>
|
||
|
<tbody>
|
||
|
<tr class="border">
|
||
|
<td class="border p-2">
|
||
|
Nama Tukang
|
||
|
</td>
|
||
|
<td class="border p-2">
|
||
|
{{ $payroll->employee->name }}
|
||
|
</td>
|
||
|
<td class="border p-2">
|
||
|
Nomer Telpon
|
||
|
</td>
|
||
|
<td class="border p-2">
|
||
|
{{ $payroll->employee->whatsapp }}
|
||
|
</td>
|
||
|
</tr>
|
||
|
<tr class="border">
|
||
|
<td class="border p-2">
|
||
|
Tanggal Pembuatan
|
||
|
</td>
|
||
|
<td class="border p-2">
|
||
|
{{ $payroll->date }}
|
||
|
</td>
|
||
|
<td class="border p-2">
|
||
|
Dibuat Oleh
|
||
|
</td>
|
||
|
<td class="border p-2">
|
||
|
{{ $user->name }}
|
||
|
</td>
|
||
|
</tr>
|
||
|
<tr class="border text-center">
|
||
|
<th colspan="4">
|
||
|
<div class="flex text-md justify-center items-center font-bold text-3xl py-4">
|
||
|
Detail Gajian
|
||
|
</div>
|
||
|
</th>
|
||
|
</tr>
|
||
|
<tr class="border">
|
||
|
<td class="border p-2 max-w-sm">
|
||
|
#
|
||
|
</td>
|
||
|
<td class="border p-2">
|
||
|
Nama Barang
|
||
|
</td>
|
||
|
<td class="border p-2">
|
||
|
Harga
|
||
|
</td>
|
||
|
<td class="border p-2">
|
||
|
Jumlah
|
||
|
</td>
|
||
|
</tr>
|
||
|
@foreach($payroll->items as $item)
|
||
|
<tr class="border">
|
||
|
<td class="border p-2 max-w-sm">
|
||
|
{{ $loop->iteration }}
|
||
|
</td>
|
||
|
<td class="border p-2">
|
||
|
{{ $item->product->name }}
|
||
|
</td>
|
||
|
<td class="border p-2">
|
||
|
{{ formatIDR($item->price) }}
|
||
|
</td>
|
||
|
<td class="border p-2">
|
||
|
{{ formatIDR($item->quantity) }}
|
||
|
</td>
|
||
|
</tr>
|
||
|
@endforeach
|
||
|
<tr class="border">
|
||
|
<td class="border p-2 text-right" colspan="3">
|
||
|
Total
|
||
|
</td>
|
||
|
<td class="border p-2">
|
||
|
{{ formatIDR($payroll->amount) }}
|
||
|
</td>
|
||
|
</tr>
|
||
|
<tr class="border">
|
||
|
<td class="border p-2 text-right" colspan="3">
|
||
|
Potongan/Pinjaman
|
||
|
</td>
|
||
|
<td class="border p-2">
|
||
|
{{ formatIDR($payroll->cuts) }}
|
||
|
</td>
|
||
|
</tr>
|
||
|
<tr class="border">
|
||
|
<td class="border p-2 text-right" colspan="3">
|
||
|
Bonus
|
||
|
</td>
|
||
|
<td class="border p-2">
|
||
|
{{ formatIDR($payroll->bonus) }}
|
||
|
</td>
|
||
|
</tr>
|
||
|
<tr class="border">
|
||
|
<td class="border p-2 text-right" colspan="3">
|
||
|
Total Diterima
|
||
|
</td>
|
||
|
<td class="border p-2 font-bold">
|
||
|
{{ formatIDR($payroll->recived) }}
|
||
|
</td>
|
||
|
</tr>
|
||
|
</tbody>
|
||
|
</table>
|
||
|
</body>
|
||
|
</html>
|