CasperSecurity
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Attendance & Leave Report</title>
<style>
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #333;
font-size: 10px;
margin: 0;
padding: 0;
}
.header {
margin-bottom: 20px;
border-bottom: 2px solid #f02511;
padding-bottom: 10px;
}
.header h2 {
margin: 0;
color: #1a1a2e;
font-size: 18px;
font-weight: bold;
}
.header p {
margin: 5px 0 0 0;
color: #666;
font-size: 11px;
}
.table {
width: 100%;
border-collapse: collapse;
margin-top: 10px;
}
.table th, .table td {
border: 1px solid #e2e8f0;
padding: 6px 8px;
text-align: left;
vertical-align: middle;
}
.table th {
background-color: #f8fafc;
color: #475569;
font-weight: bold;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 0.5px;
}
.table tr:nth-child(even) {
background-color: #f8fafc;
}
.text-center {
text-align: center;
}
.text-danger {
color: #f1416c;
}
.badge {
display: inline-block;
padding: 2px 6px;
border-radius: 4px;
font-size: 8px;
font-weight: bold;
text-transform: uppercase;
}
.badge-success {
background-color: #e8fff3;
color: #50cd89;
}
.badge-danger {
background-color: #fff5f8;
color: #f1416c;
}
.badge-secondary {
background-color: #f5f8fa;
color: #7e8299;
}
</style>
</head>
<body>
<div class="header">
<h2>Attendance & Leave Report</h2>
<p>Period: {{ \Carbon\Carbon::parse($reportFromDate)->format('d M, Y') }} to {{ \Carbon\Carbon::parse($reportToDate)->format('d M, Y') }}</p>
<p style="margin-top: 5px; font-weight: bold;">
Total Days: {{ $reportTotalDays ?? count($reportData) }} |
Days Present: {{ $reportTotalPresent ?? 0 }} |
Days On Leave: {{ $reportTotalLeave ?? 0 }} |
Days Absent: {{ $reportTotalAbsent ?? 0 }}
</p>
</div>
<table class="table">
<thead>
<tr>
<th style="width: 14%;">Date</th>
<th style="width: 18%;">Employee (ID)</th>
<th style="width: 12%;">Department</th>
<th style="width: 12%;">Designation</th>
<th class="text-center" style="width: 9%;">Check-In</th>
<th class="text-center" style="width: 9%;">Check-Out</th>
<th class="text-center" style="width: 9%;">Work Hrs</th>
<th class="text-center" style="width: 9%;">Leave Hrs</th>
<th class="text-center" style="width: 8%;">Status</th>
</tr>
</thead>
<tbody>
@foreach($reportData as $row)
<tr>
<td>{{ \Carbon\Carbon::parse($row['date'])->format('d M, Y (D)') }}</td>
<td>{{ $row['fullname'] }} ({{ $row['employee_id'] }})</td>
<td>{{ $row['department'] ?: '-' }}</td>
<td>{{ $row['designation'] ?: '-' }}</td>
<td class="text-center">{{ $row['check_in'] ?: '' }}</td>
<td class="text-center">{{ $row['check_out'] ?: '' }}</td>
<td class="text-center">{{ $row['work_hrs'] ?: '' }}</td>
<td class="text-center {{ $row['leave_hrs'] != '-' && !empty($row['leave_hrs']) ? 'text-danger' : '' }}">{{ $row['leave_hrs'] ?: '' }}</td>
<td class="text-center">
@if($row['status'] == 'Present')
<span class="badge badge-success">Present</span>
@elseif($row['status'] == 'Full Day Leave')
<span class="badge badge-danger">Full Day Leave</span>
@elseif($row['status'] == 'Hourly Basis Leave')
<span class="badge badge-danger">Hourly Basis</span>
@else
<span class="badge badge-secondary">Absent</span>
@endif
</td>
</tr>
@endforeach
</tbody>
</table>
</body>
</html>