@extends('layouts.portal')

@section('title', __('Employees'))

@section('content')
    <div class="portal-page">
        @include('partials.portal-header')

        <main class="module-main">
            <div class="module-heading">
                <div>
                    <p class="eyebrow"><a href="{{ route('persons.index') }}">{{ __('PERSONS') }}</a> / {{ __('DIRECTORY') }}</p>
                    <h1>{{ __('Employees') }}</h1>
                    <p>{{ __(':count enrolled employees', ['count' => $employees->total()]) }}</p>
                </div>
                <a class="action-button" href="{{ route('persons.employees.create') }}"><span aria-hidden="true">+</span> {{ __('Add employee') }}</a>
            </div>

            @if(session('status'))
                <p class="status-message" role="status">{{ session('status') }}</p>
            @endif

            <div class="data-toolbar">
                <p class="dashboard-caption">{{ __('Employment details are separate from the shared person record.') }}</p>
                <div class="directory-tools">
                    <form class="inactive-filter" method="GET" action="{{ route('persons.employees.index') }}">
                        <input type="hidden" name="save_inactive_filter" value="1">
                        <label class="toggle-switch">
                            <input type="hidden" name="include_inactive" value="0">
                            <input type="checkbox" name="include_inactive" value="1" @checked($includeInactive) onchange="this.form.submit()">
                            <span class="toggle-track"><span class="toggle-thumb"></span></span>
                            <span class="toggle-switch-label">{{ __('Include inactive') }}</span>
                        </label>
                    </form>
                    <a class="module-link" href="{{ route('persons.index') }}">{{ __('All persons') }}</a>
                </div>
            </div>

            <div class="table-frame">
                <table class="data-table">
                    <thead>
                        <tr><th>{{ __('Employee') }}</th><th>{{ __('Employee number') }}</th><th>{{ __('Position') }}</th><th>{{ __('Hire date') }}</th><th></th></tr>
                    </thead>
                    <tbody>
                        @forelse($employees as $employee)
                            <tr>
                                <td>
                                    <div class="person-name">{{ $employee->person->first_name }} {{ $employee->person->last_name }}</div>
                                    <div class="person-subtitle">{{ $employee->person->primaryEmailAddress?->email_address ?: $employee->person->primaryPhoneNumber?->phone_number }}</div>
                                </td>
                                <td>{{ $employee->employee_number ?: '—' }}</td>
                                <td>{{ $employee->job_title ?: '—' }}</td>
                                <td>{{ $employee->hired_on?->locale(app()->getLocale())->translatedFormat(app()->getLocale() === 'es' ? 'd/m/Y' : 'M j, Y') ?: '—' }}</td>
                                <td><a class="table-action" href="{{ route('persons.employees.edit', $employee) }}">{{ __('Edit employee') }}</a></td>
                            </tr>
                        @empty
                            <tr><td colspan="5" class="empty-state">{{ __('No employees enrolled yet.') }}</td></tr>
                        @endforelse
                    </tbody>
                </table>

                @if($employees->hasPages())
                    <div class="pagination-row">{{ $employees->links() }}</div>
                @endif
            </div>
        </main>
    </div>
@endsection