@extends('layouts.inspinia')

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

@section('content_header', 'Employee Register')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('hr-reports.index') }}">HR Reports</a></li>
    <li class="breadcrumb-item active"><strong>Employee Register</strong></li>
@endsection

@section('content')

    <div class="card card-outline card-light mb-3">
        <div class="card-body py-2">
            <form method="GET" action="{{ route('hr-reports.employee-register') }}">
                <div class="row align-items-end">
                    <div class="col-md-3">
                        <div class="form-group mb-0">
                            <label class="small">Search</label>
                            <input type="text" name="search" class="form-control form-control-sm"
                                   placeholder="Name, EMP no., email…" value="{{ request('search') }}">
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group mb-0">
                            <label class="small">Department</label>
                            <select name="department_id" class="form-control form-control-sm">
                                <option value="">All</option>
                                @foreach($departments as $dept)
                                    <option value="{{ $dept->id }}" {{ request('department_id') == $dept->id ? 'selected' : '' }}>
                                        {{ $dept->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group mb-0">
                            <label class="small">Status</label>
                            <select name="status" class="form-control form-control-sm">
                                <option value="">All</option>
                                @foreach($statuses as $s)
                                    <option value="{{ $s }}" {{ request('status') == $s ? 'selected' : '' }}>
                                        {{ ucwords(str_replace('_', ' ', $s)) }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group mb-0">
                            <label class="small">Employment Type</label>
                            <select name="employment_type" class="form-control form-control-sm">
                                <option value="">All</option>
                                @foreach($employmentTypes as $type)
                                    <option value="{{ $type }}" {{ request('employment_type') == $type ? 'selected' : '' }}>
                                        {{ ucwords(str_replace('_', ' ', $type)) }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-1">
                        <button type="submit" class="btn btn-secondary btn-sm btn-block">Go</button>
                    </div>
                    <div class="col-md-1">
                        <a href="{{ route('hr-reports.employee-register') }}" class="btn btn-outline-secondary btn-sm btn-block">Reset</a>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-body p-0">
            <table class="table table-sm table-hover mb-0">
                <thead class="thead-light">
                    <tr>
                        <th>EMP No.</th>
                        <th>Name</th>
                        <th>Department</th>
                        <th>Designation</th>
                        <th>Phone</th>
                        <th>Email</th>
                        <th>Type</th>
                        <th>Hire Date</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($employees as $emp)
                        <tr>
                            <td><a href="{{ route('employees.show', $emp) }}">{{ $emp->employee_number }}</a></td>
                            <td>{{ $emp->full_name }}</td>
                            <td>{{ $emp->department->name ?? '—' }}</td>
                            <td>{{ $emp->designation->title ?? '—' }}</td>
                            <td>{{ $emp->phone ?? '—' }}</td>
                            <td>{{ $emp->email ?? '—' }}</td>
                            <td>{{ ucwords(str_replace('_', ' ', $emp->employment_type)) }}</td>
                            <td>{{ $emp->hire_date ? $emp->hire_date->format('d M Y') : '—' }}</td>
                            <td>
                                @php
                                    $bc = match($emp->status) {
                                        'active' => 'badge-success', 'on_probation' => 'badge-warning',
                                        'suspended' => 'badge-danger', 'terminated' => 'badge-dark',
                                        default => 'badge-secondary',
                                    };
                                @endphp
                                <span class="badge {{ $bc }}">{{ ucwords(str_replace('_', ' ', $emp->status)) }}</span>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="9" class="text-center text-muted py-3">No employees found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($employees->hasPages())
            <div class="card-footer">{{ $employees->links() }}</div>
        @endif
    </div>

@endsection