@extends('hr.hr-master')

@section('title', 'Employee List')

@section('content')
<div class="container">
    <h2 class="text-center mb-4" style="color: #5bc0de;">All Employees</h2>

    <div class="d-flex justify-content-end mb-4">
        <a href="{{ route('hr.employee-form') }}" class="btn btn-primary">Register New Employee</a>
    </div>

    <table class="table table-bordered">
        <thead>
            <tr>
                <th>Name</th>
                <th>Email</th>
                <th>Mobile Number</th>
                <th>Gender</th>
                <th>Salary</th>
                <th>Payscale</th>
            </tr>
        </thead>
        <tbody>
            @foreach($employees as $employee)
            <tr>
                <td>{{ $employee->name }}</td>
                <td>{{ $employee->email }}</td>
                <td>{{ $employee->mobile_number }}</td>
                <td>{{ $employee->gender }}</td>
                <td>{{ $employee->salary }}</td>
                <td>{{ optional($employee->payscale)->component_name ?? 'N/A' }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection