@extends('layouts.app')
@section('title', 'People')
@section('content')
<div class="page-head"><div><div class="eyebrow">Employee records</div><h1>People directory</h1><p>Manage employees and organizational structure.</p></div><details class="panel details-panel"><summary class="btn primary">＋ Onboard employee</summary><div class="details-body"><form method="post" action="{{ route('people.store') }}" class="form-grid">@csrf
    @foreach([['name','Full name'],['role','Role'],['department','Department'],['location','Location'],['start_date','Start date'],['manager','Manager'],['email','Work email']] as [$name,$label])<div class="field"><label for="{{ $name }}">{{ $label }}</label><input class="input" id="{{ $name }}" type="{{ $name === 'start_date' ? 'date' : ($name === 'email' ? 'email' : 'text') }}" name="{{ $name }}" required></div>@endforeach
    <div class="field" style="align-self:end"><button class="btn primary" type="submit">Create employee</button></div>
</form></div></details></div>
<section class="panel"><form class="toolbar" method="get"><input class="input search" name="search" value="{{ $filters['search'] }}" placeholder="Search employee, role, email..."><select class="select" name="department"><option value="">All departments</option>@foreach($departments as $item)<option value="{{ $item }}" @selected($filters['department']===$item)>{{ $item }}</option>@endforeach</select><select class="select" name="status"><option value="">All statuses</option><option value="active" @selected($filters['status']==='active')>Active</option><option value="inactive" @selected($filters['status']==='inactive')>Inactive</option></select><button class="btn" type="submit">Filter</button></form>
<div class="table-wrap"><table class="data-table"><thead><tr><th>Employee</th><th>Employee no.</th><th>Position</th><th>Department</th><th>Location</th><th>Status</th><th>Start date</th><th>Manager</th></tr></thead><tbody>@forelse($employees as $employee)<tr><td><a class="person-link" href="{{ route('people.show',$employee) }}"><div class="person"><span class="avatar">{{ $employee->initials }}</span><div><strong>{{ $employee->name }}</strong><small>{{ $employee->email }}</small></div></div></a></td><td class="mono">{{ $employee->employee_number ?? '—' }}</td><td>{{ $employee->position?->title ?? $employee->role }}</td><td>{{ $employee->departmentRecord?->name ?? $employee->department }}</td><td class="muted">{{ $employee->location }}</td><td><span class="badge green">{{ $employee->status }}</span></td><td>{{ $employee->start_date->format('Y-m-d') }}</td><td>{{ $employee->managerRecord?->name ?? $employee->manager }}</td></tr>@empty<tr><td colspan="8" class="muted">No employees match the filters.</td></tr>@endforelse</tbody></table></div></section>
@endsection