CasperSecurity
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Salary Slip</title>
<style>
body { font-family: Arial, sans-serif; }
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #1C1010; padding: 8px; }
.header-table td { vertical-align: middle; }
.header-table h4 { font-size: 12px; margin: 0; }
.earnings, .deductions { margin-top: 20px; }
.section-title { background-color: #9ec221; color: white; padding: 5px; font-size: 20px; }
</style>
</head>
<body>
<div id="salarySlip">
<section>
<table style="width: 100%; font-family: Arial, sans-serif; border-collapse: collapse;">
<tr>
<!-- Logo (Left) -->
<td style="width: 50%; vertical-align: middle; padding: 10px;">
<img src="{{ asset('assets/icons/oss logo.jpg') }}" alt="nexhs_logo" width="120" height="60">
</td>
<!-- Address (Right) -->
<td style="width: 50%; vertical-align: middle; text-align: right; padding: 10px;">
<h4 style="font-size: 12px; margin: 0;">
Oriental Security Service Plot no. - 418, 1st Floor<br>
Saheed Nagar, Bhubaneswar -751007
</h4>
</td>
</tr>
</table>
</section>
<section style="margin-top: 10px; font-family: Arial, sans-serif;">
<div style="text-align: center;">
<p style="font-size: 15px; margin: 0;">Pay slip for the month of <b> @if(session('salary_slip')['slip_month'] != null)
{{ session('salary_slip')['slip_month'] }}
@endif</b></p>
</div>
</section>
<section style="margin-top: 10px; font-family: Arial, sans-serif;">
<table style="width: 100%; border-collapse: collapse; font-size: 12px;">
<tr>
<th style="width: 20%; border: 1px solid #1C1010; text-align: left; padding: 8px;">Employee Name</th>
<td style="width: 30%; border: 1px solid #1C1010; text-align: left; padding: 8px;">
@if(session('salary_slip')['emp_name'] != null)
{{ session('salary_slip')['emp_name'] }}
@endif
</td>
<th style="width: 25%; border: 1px solid #1C1010; text-align: left; padding: 8px;">UAN No.</th>
<td style="width: 25%; border: 1px solid #1C1010; text-align: left; padding: 8px;">N/A</td>
</tr>
<tr>
<th style="border: 1px solid #1C1010; text-align: left; padding: 8px;">Designation</th>
<td style="border: 1px solid #1C1010; text-align: left; padding: 8px;">
@if(session('salary_slip')['emp_designation'] != null)
{{ session('salary_slip')['emp_designation'] }}
@endif
</td>
<th style="border: 1px solid #1C1010; text-align: left; padding: 8px;">ESI No.</th>
<td style="border: 1px solid #1C1010; text-align: left; padding: 8px;">n/a</td>
</tr>
<tr>
<th style="border: 1px solid #1C1010; text-align: left; padding: 8px;">Location</th>
<td style="border: 1px solid #1C1010; text-align: left; padding: 8px;"></td>
<th style="border: 1px solid #1C1010; text-align: left; padding: 8px;"></th>
<td style="border: 1px solid #1C1010; text-align: left; padding: 8px;"></td>
</tr>
<tr>
<th style="border: 1px solid #1C1010; text-align: left; padding: 8px;">Attendance</th>
<td style="border: 1px solid #1C1010; text-align: left; padding: 8px;">
@if(session('salary_slip')['attendance'] != null)
{{ session('salary_slip')['attendance'] }}
@endif
</td>
<th style="border: 1px solid #1C1010; text-align: left; padding: 8px;"></th>
<td style="border: 1px solid #1C1010; text-align: left; padding: 8px;"></td>
</tr>
</table>
</section>
<!-- Earnings & Deductions Section -->
<section style="margin-top: 20px; font-family: Arial, sans-serif;">
<table class="table table-row-success-900" style="border-collapse: collapse; font-size: 12px; width: 100%; font-family: arial, sans-serif;">
<thead style="background-color: #9ec221; color: white;">
<tr style="border-bottom: #211f1c solid thin !important; border:#211f1c solid thin !important;">
<th colspan="2" style="padding: 5px; height: 50px; border: 1px solid #1C1010; text-align: left; font-weight: bold; font-size:20px;">Earnings</th>
<th colspan="2" style="padding: 5px; height: 50px; border: 1px solid #1C1010; text-align: left; font-weight: bold; font-size:20px;">Deductions</th>
</tr>
<tr style="border-bottom: #211f1c solid thin !important; border:#211f1c solid thin !important;">
<th style="padding: 5px; border: 1px solid #1C1010; text-align: left; font-weight: bold; font-size: 12px;">Description</th>
<th style="padding: 5px; border: 1px solid #1C1010; text-align: center; font-weight: bold; font-size: 12px;">Current (INR)</th>
<th style="padding: 5px; border: 1px solid #1C1010; text-align: left; font-weight: bold; font-size: 12px;">Description</th>
<th style="padding: 5px; border: 1px solid #1C1010; text-align: center; font-weight: bold; font-size: 12px;">Current (INR)</th>
</tr>
</thead>
<tbody>
<tr style="border-bottom: #211f1c solid thin !important; border:#211f1c solid thin !important;">
<td style="padding: 5px; border: 1px solid #1C1010; text-align: left; font-weight: bold;">Basic Salary</td>
<td style="padding: 5px; border: 1px solid #1C1010; text-align: right; font-weight: bold;">
@if(session('salary_slip')['earning_array'] != null)
{{ session('salary_slip')['earning_array'][0] }}
@endif
</td>
<td style="padding: 5px; border: 1px solid #1C1010; text-align: left; font-weight: bold;">PF</td>
<td style="padding: 5px; border: 1px solid #1C1010; text-align: right; font-weight: bold;">
@if(session('salary_slip')['deduction_array'] != null)
{{ session('salary_slip')['deduction_array'][0] }}
@endif
</td>
</tr>
<tr style="border-bottom: #211f1c solid thin !important; border:#211f1c solid thin !important;">
<td style="padding: 5px; border: 1px solid #1C1010; text-align: left; font-weight: bold;">Extra Wages</td>
<td style="padding: 5px; border: 1px solid #1C1010; text-align: right; font-weight: bold;">
@if(session('salary_slip')['earning_array'] != null)
{{ session('salary_slip')['earning_array'][1] }}
@endif
</td>
<td style="padding: 5px; border: 1px solid #1C1010; text-align: left; font-weight: bold;">ESIC</td>
<td style="padding: 5px; border: 1px solid #1C1010; text-align: right; font-weight: bold;">
@if(session('salary_slip')['deduction_array'] != null)
{{ session('salary_slip')['deduction_array'][1] }}
@endif</td>
</tr>
<tr style="border-bottom: #211f1c solid thin !important; border:#211f1c solid thin !important;">
<td style="padding: 5px; border: 1px solid #1C1010; text-align: left; font-weight: bold;">HRA</td>
<td style="padding: 5px; border: 1px solid #1C1010; text-align: right; font-weight: bold;">0</td>
<td style="padding: 5px; border: 1px solid #1C1010; text-align: left; font-weight: bold;"></td>
<td style="padding: 5px; border: 1px solid #1C1010; text-align: right; font-weight: bold;"></td>
</tr>
<tr style="border-bottom: #211f1c solid thin !important; border:#211f1c solid thin !important;">
<td style="padding: 5px; border: 1px solid #1C1010; text-align: left; font-weight: bold;">Medical Allowances</td>
<td style="padding: 5px; border: 1px solid #1C1010; text-align: right; font-weight: bold;">0</td>
<td style="padding: 5px; border: 1px solid #1C1010; text-align: left; font-weight: bold;"></td>
<td style="padding: 5px; border: 1px solid #1C1010; text-align: right; font-weight: bold;"></td>
</tr>
<tr style="border-bottom: #211f1c solid thin !important; border:#211f1c solid thin !important;">
<td style="padding: 5px; border: 1px solid #1C1010; text-align: left; font-weight: bold;">Other Allowances</td>
<td style="padding: 5px; border: 1px solid #1C1010; text-align: right; font-weight: bold;">0</td>
<td style="padding: 5px; border: 1px solid #1C1010; text-align: left; font-weight: bold;"></td>
<td style="padding: 5px; border: 1px solid #1C1010; text-align: right; font-weight: bold;"></td>
</tr>
</tbody>
<tfoot style="background-color: #9ec221; color: white;">
<tr style="border-bottom: #211f1c solid thin !important; border:#211f1c solid thin !important;">
<th colspan="" style="padding: 5px; text-align: right; border: 1px solid #1C1010; font-weight: bold; font-size: 15px;">Total Gross Earning</th>
<th style="padding: 5px; text-align: right; border: 1px solid #1C1010; font-weight: bold; font-size: 15px;">
@if(session('salary_slip')['gross_salary'] != null)
{{ session('salary_slip')['gross_salary'] }}
@endif
</th>
<th colspan="" style="padding: 5px; text-align: right; border: 1px solid #1C1010; font-weight: bold; font-size: 15px;">Total Deductions</th>
<th style="padding: 5px; text-align: right; border: 1px solid #1C1010; font-weight: bold; font-size: 15px;">
@if(session('salary_slip')['total_deduction'] != null)
{{ session('salary_slip')['total_deduction'] }}
@endif
</th>
</tr>
</tfoot>
</table>
</section>
<section style="margin-top: 10px; font-family: Arial, sans-serif;">
<table style="width: 100%; border-collapse: collapse; font-size: 15px;">
<tr>
<th style="width: 40%; background-color: #9ec221; color: white; text-align: left; padding: 8px;">
Net Pay <span style="font-size:12px;">(INR)</span>
</th>
<td style="border: 1px solid #1C1010; text-align: right; padding: 8px;">@if(session('salary_slip')['net_salary'] != null)
{{ session('salary_slip')['net_salary'] }}
@endif</td>
</tr>
<tr>
<th style="width: 40%; background-color: #9ec221; color: white; text-align: left; padding: 8px;">
In Words
</th>
<td style="border: 1px solid #1C1010; text-align: right; padding: 8px;">@if(session('salary_slip')['netPayInWords'] != null)
{{ session('salary_slip')['netPayInWords'] }}
@endif</td>
</tr>
</table>
</section>
<section style="margin-top: 15px; text-align: center; font-family: Arial, sans-serif; font-size: 12px;">
<p>This is a computer generated document, hence no signature is required</p>
</section>
</div>
</body>
</html>