@extends('layouts.app')
@section('header_title', 'HR & Payroll Ledger')
@section('content')
<div class="bg-white rounded-2xl border p-6">
    <h3 class="font-bold text-[#060453] text-lg mb-4">👥 Staff Roster & Payroll</h3>
    <table class="w-full text-left text-sm">
        <thead class="bg-gray-50 text-xs uppercase text-gray-500"><tr><th class="p-3">Employee Code</th><th class="p-3">Name</th><th class="p-3">Department</th><th class="p-3">Designation</th><th class="p-3">Basic Salary</th></tr></thead>
        <tbody class="divide-y">
            @foreach($employees as $emp)
            <tr><td class="p-3 font-bold">{{ $emp->employee_code }}</td><td class="p-3">{{ $emp->first_name }} {{ $emp->last_name }}</td><td class="p-3">{{ $emp->department->name ?? 'Pathology' }}</td><td class="p-3 font-semibold">{{ $emp->designation->title ?? 'Lab Scientist' }}</td><td class="p-3 font-mono font-bold text-[#c9261a]">₦{{ number_format($emp->basic_salary, 2) }}</td></tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection