@extends('layouts.app')
@section('title', __('Manage Employees'))

@section('content')
    <div class="mb-4 flex justify-end">
        <a href="{{ route('employees.create') }}" class="btn-primary"><x-icon name="plus" class="h-4 w-4"/>{{ __('New Employee') }}</a>
    </div>
    <div class="table-wrap">
        <table class="min-w-full divide-y divide-slate-100">
            <thead class="bg-slate-50"><tr>
                <th class="th">{{ __('Name') }}</th><th class="th">{{ __('Email') }}</th><th class="th">{{ __('Position') }}</th>
                <th class="th">{{ __('Roles') }}</th><th class="th">{{ __('Sales') }}</th><th class="th">{{ __('Status') }}</th><th class="th"></th>
            </tr></thead>
            <tbody class="divide-y divide-slate-100">
                @forelse ($employees as $employee)
                    <tr class="hover:bg-slate-50">
                        <td class="td font-medium">{{ $employee->name }}</td>
                        <td class="td">{{ $employee->email }}</td>
                        <td class="td">{{ $employee->position ?? '—' }}</td>
                        <td class="td">
                            @foreach ($employee->roles as $role)<span class="badge mr-1 bg-brand-100 text-brand-700">{{ $role->name }}</span>@endforeach
                        </td>
                        <td class="td"><a href="{{ route('employees.sales', $employee) }}" class="text-brand-600 hover:underline">{{ $employee->sales_count }}</a></td>
                        <td class="td">@if($employee->is_active)<span class="badge bg-brand-100 text-brand-700">{{ __('Active') }}</span>@else<span class="badge bg-slate-100 text-slate-500">{{ __('Inactive') }}</span>@endif</td>
                        <td class="td text-right">
                            <div class="flex justify-end gap-2">
                                <a href="{{ route('employees.edit', $employee) }}" class="text-brand-600"><x-icon name="pencil" class="h-4 w-4"/></a>
                                <form method="POST" action="{{ route('employees.destroy', $employee) }}" onsubmit="return confirm('{{ __('Delete employee?') }}')">@csrf @method('DELETE')
                                    <button class="text-red-500"><x-icon name="trash" class="h-4 w-4"/></button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="td py-10 text-center text-slate-400">{{ __('No employees.') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="mt-4">{{ $employees->links() }}</div>
@endsection