@extends('layouts.app')
@section('title','Employees')
@section('content')
<div class="page-header">
    <div><div class="page-title">Employees</div><div class="page-subtitle">{{ $employees->total() }} employees</div></div>
    <div class="page-actions"><a href="{{ route('hr.employees.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> New Employee</a></div>
</div>
<div class="card mb-4">
    <div class="card-body" style="padding:16px;">
        <form method="GET" style="display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;">
            <input type="text" name="search" class="form-control" placeholder="Search by name or ID..." value="{{ request('search') }}">
            <select name="department_id" class="form-control"><option value="">All Departments</option>@foreach($departments as $d)<option value="{{ $d->id }}" {{ request('department_id')==$d->id?'selected':'' }}>{{ $d->name }}</option>@endforeach</select>
            <select name="status" class="form-control"><option value="">All Status</option><option value="active" {{ request('status')=='active'?'selected':'' }}>Active</option><option value="inactive" {{ request('status')=='inactive'?'selected':'' }}>Inactive</option><option value="on_leave" {{ request('status')=='on_leave'?'selected':'' }}>On Leave</option></select>
            <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button>
        </form>
    </div>
</div>
<div class="card">
    <div class="table-wrapper">
        <table>
            <thead><tr><th>ID</th><th>Name</th><th>Department</th><th>Designation</th><th>Phone</th><th>Joined</th><th>Status</th><th class="text-center">Actions</th></tr></thead>
            <tbody>
                @forelse($employees as $e)
                <tr>
                    <td class="font-mono" style="font-size:12px;color:var(--primary);">{{ $e->employee_id }}</td>
                    <td><a href="{{ route('hr.employees.show',$e) }}" style="font-weight:600;color:var(--text);text-decoration:none;">{{ $e->full_name }}</a></td>
                    <td>{{ $e->department->name ?? '—' }}</td>
                    <td style="font-size:12px;color:var(--text-muted);">{{ $e->designation->name ?? '—' }}</td>
                    <td style="font-size:12px;">{{ $e->phone ?? '—' }}</td>
                    <td style="font-size:12px;">{{ $e->date_of_joining->format('d M Y') }}</td>
                    <td><span class="badge badge-{{ $e->status==='active'?'success':($e->status==='on_leave'?'warning':'secondary') }}">{{ ucfirst(str_replace('_',' ',$e->status)) }}</span></td>
                    <td class="text-center">
                        <div style="display:flex;gap:4px;justify-content:center;">
                            <a href="{{ route('hr.employees.show',$e) }}" class="btn btn-xs btn-secondary"><i class="fas fa-eye"></i></a>
                            <a href="{{ route('hr.employees.edit',$e) }}" class="btn btn-xs btn-secondary"><i class="fas fa-edit"></i></a>
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="8" class="text-center text-muted" style="padding:40px;">No employees found</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($employees->hasPages())
    <div class="card-footer" style="display:flex;justify-content:space-between;align-items:center;">
        <div style="font-size:13px;color:var(--text-muted);">Showing {{ $employees->firstItem() }}–{{ $employees->lastItem() }} of {{ $employees->total() }}</div>
        <div>{{ $employees->withQueryString()->links() }}</div>
    </div>
    @endif
</div>
@endsection