<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
<head>
    <meta charset="utf-8">
    <title>@lang('exports.employee_list.title')</title>
    <style>
        body { font-family: DejaVu Sans, sans-serif; font-size: 11px; color: #1e293b; }
        h1 { color: #1d4ed8; }
        table { width: 100%; border-collapse: collapse; margin-top: 16px; }
        th, td { border: 1px solid #e2e8f0; padding: 6px 8px; text-align: left; }
        th { background: #f1f5f9; }
        .muted { color: #64748b; font-size: 10px; }
    </style>
</head>
<body>
    <h1>@lang('exports.employee_list.heading')</h1>
    <p class="muted">@lang('exports.employee_list.generated') {{ $generatedAt->format('Y-m-d H:i') }} · {{ config('hr.company_name') }}</p>

    <table>
        <thead>
            <tr>
                <th>@lang('exports.employee_list.number')</th>
                <th>@lang('exports.employee_list.name')</th>
                <th>@lang('exports.employee_list.department')</th>
                <th>@lang('exports.employee_list.position')</th>
                <th>@lang('exports.employee_list.shift')</th>
                <th>@lang('exports.employee_list.status')</th>
                <th>@lang('exports.employee_list.phone')</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($employees as $employee)
                <tr>
                    <td>{{ $employee->employee_number }}</td>
                    <td>{{ $employee->full_name }}</td>
                    <td>{{ $employee->department?->name }}</td>
                    <td>{{ $employee->position?->name }}</td>
                    <td>{{ $employee->shift?->name }}</td>
                    <td>{{ $employee->employment_status->label() }}</td>
                    <td>{{ $employee->phone }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
</body>
</html>
