@extends('layouts.app')
@section('title', __('Departments'))
@section('content')
<div class="mb-6 flex flex-wrap items-end justify-between gap-4">
  <div><p class="text-sm text-slate-500">{{ __('Organize employees into departments and assign managers.') }}</p></div>
  <a href="{{ route('admin.departments.create') }}" class="rounded-xl bg-blue-900 px-4 py-3 text-sm font-bold text-white transition hover:bg-blue-800">+ {{ __('Add department') }}</a>
</div>
<section class="panel-card overflow-hidden">
  <div class="table-scroll">
    <table class="w-full text-left text-sm">
      <thead class="bg-slate-50 text-xs font-bold uppercase tracking-wider text-slate-400">
        <tr><th class="px-5 py-3">{{ __('Department') }}</th><th class="px-5 py-3">{{ __('Code') }}</th><th class="px-5 py-3">{{ __('Department manager') }}</th><th class="px-5 py-3">{{ __('Employees') }}</th><th class="px-5 py-3">{{ __('Status') }}</th><th class="px-5 py-3"></th></tr>
      </thead>
      <tbody class="divide-y divide-slate-100">
        @forelse($departments as $department)
          <tr class="text-slate-600">
            <td class="px-5 py-4"><a href="{{ route('admin.departments.show', $department) }}" class="font-bold text-blue-800 hover:text-blue-600">{{ $department->name }}</a><p class="mt-1 max-w-xs truncate text-xs text-slate-400">{{ $department->description ?: '—' }}</p></td>
            <td class="whitespace-nowrap px-5 py-4 font-semibold text-slate-700">{{ $department->code }}</td>
            <td class="whitespace-nowrap px-5 py-4">{{ $department->manager?->name ?? '—' }}</td>
            <td class="px-5 py-4">{{ number_format($department->employee_profiles_count) }}</td>
            <td class="px-5 py-4"><span class="rounded-full px-2.5 py-1 text-xs font-bold {{ $department->is_active ? 'bg-emerald-50 text-emerald-700' : 'bg-slate-100 text-slate-500' }}">{{ $department->is_active ? __('Active') : __('Inactive') }}</span></td>
            <td class="px-5 py-4"><a href="{{ route('admin.departments.edit', $department) }}" class="font-semibold text-blue-700 hover:text-blue-900">{{ __('Edit') }}</a></td>
          </tr>
        @empty
          <tr><td colspan="6" class="px-5 py-12 text-center text-sm text-slate-400">{{ __('No departments created yet.') }}</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>
  <div class="border-t border-slate-100 px-5 py-4">{{ $departments->links() }}</div>
</section>
@endsection