@extends('layouts.admin')
@section('title', __('Staff'))
@section('content')
@php $me = auth()->user(); $roles = [3 => __('Staff (orders & stock)'), 2 => __('Admin')] + ($me->role_id == 1 ? [1 => __('Super admin')] : []); @endphp
<h1 class="mb-6 text-2xl font-extrabold text-primary">{{ __('Staff & admins') }}</h1>
<div class="mb-8 grid gap-6 lg:grid-cols-2">
    <form method="POST" action="{{ route('admin.staff.store') }}" class="grid gap-3 rounded-[32px] border border-surface-variant bg-white p-6 sm:grid-cols-2">@csrf
        <h2 class="font-extrabold text-primary sm:col-span-2">{{ __('New account') }}</h2>
        <x-field name="first_name" :label="__('First name')" required/><x-field name="last_name" :label="__('Last name')"/>
        <x-field name="email" type="email" :label="__('Email')" required class="sm:col-span-2"/>
        <x-field name="password" type="password" :label="__('Password (8+ characters)')" required autocomplete="new-password"/>
        <div><label class="mb-1.5 block text-sm font-semibold text-on-surface-variant" for="role_id">{{ __('Role') }}</label><select id="role_id" name="role_id" class="min-h-[48px] w-full rounded-2xl border border-outline-variant bg-white px-4">@foreach ($roles as $id => $l)<option value="{{ $id }}">{{ $l }}</option>@endforeach</select></div>
        <div class="sm:col-span-2"><x-btn type="submit">{{ __('Create account') }}</x-btn></div>
    </form>
    <form method="POST" action="{{ route('admin.staff.giverole') }}" class="grid content-start gap-3 rounded-[32px] border border-surface-variant bg-white p-6">@csrf
        <h2 class="font-extrabold text-primary">{{ __('Give an existing account a role') }}</h2>
        <x-field name="email" type="email" :label="__('Email of the account')" required/>
        <div><label class="mb-1.5 block text-sm font-semibold text-on-surface-variant" for="role2">{{ __('Role') }}</label><select id="role2" name="role_id" class="min-h-[48px] w-full rounded-2xl border border-outline-variant bg-white px-4">@foreach ($roles + [4 => __('Customer (remove access)')] as $id => $l)<option value="{{ $id }}">{{ $l }}</option>@endforeach</select></div>
        <div><x-btn type="submit" variant="soft">{{ __('Save role') }}</x-btn></div>
    </form>
</div>
<div class="overflow-x-auto rounded-[28px] border border-surface-variant bg-white">
    <table class="w-full min-w-[820px] text-left text-sm">
        <thead class="bg-surface-mid text-on-surface-variant"><tr><th class="p-4">{{ __('Name') }}</th><th class="p-4">{{ __('Role') }}</th><th class="p-4">{{ __('Last sign-in') }}</th><th class="p-4">{{ __('Status') }}</th><th class="p-4">{{ __('Actions') }}</th></tr></thead>
        <tbody>@foreach ($staff as $s)
            <tr class="border-t border-surface-variant align-top">
                <td class="p-4"><strong class="text-primary">{{ trim($s->first_name.' '.$s->last_name) }}</strong><span class="block text-xs text-outline">{{ $s->email }}</span></td>
                <td class="p-4">{{ __(ucwords(str_replace('_', ' ', $s->role))) }}</td><td class="p-4">{{ $s->last_login_at ?: '—' }}</td><td class="p-4"><x-status :value="$s->status === 'active' ? 'completed' : 'cancelled'"/></td>
                <td class="p-4">
                @if ($s->id !== $me->id)
                    <div class="flex flex-wrap gap-2">
                        <form method="POST" action="{{ route('admin.staff.role', $s->id) }}" class="flex gap-1">@csrf @method('PATCH')<label class="sr-only" for="r{{ $s->id }}">{{ __('Role') }}</label><select id="r{{ $s->id }}" name="role_id" class="min-h-[40px] rounded-full border border-outline-variant bg-white px-3 text-xs">@foreach ($roles + [4 => __('Customer')] as $id => $l)<option value="{{ $id }}" @selected($s->role_id == $id)>{{ $l }}</option>@endforeach</select><button class="rounded-full bg-surface-mid px-3 text-xs font-bold text-primary">{{ __('Save') }}</button></form>
                        <form method="POST" action="{{ route('admin.staff.status', $s->id) }}">@csrf @method('PATCH')<input type="hidden" name="status" value="{{ $s->status === 'active' ? 'suspended' : 'active' }}"><button class="min-h-[40px] rounded-full border border-outline-variant px-3 text-xs font-bold text-primary">{{ $s->status === 'active' ? __('Suspend') : __('Reactivate') }}</button></form>
                        <form method="POST" action="{{ route('admin.staff.password', $s->id) }}" class="flex gap-1">@csrf @method('PATCH')<label class="sr-only" for="p{{ $s->id }}">{{ __('New password') }}</label><input id="p{{ $s->id }}" type="password" name="password" minlength="8" placeholder="{{ __('New password') }}" autocomplete="new-password" class="min-h-[40px] w-36 rounded-full border border-outline-variant px-3 text-xs"><button class="rounded-full bg-surface-mid px-3 text-xs font-bold text-primary">{{ __('Change') }}</button></form>
                    </div>
                @else<span class="text-xs text-outline">{{ __('This is you') }}</span>@endif
                </td>
            </tr>
        @endforeach</tbody>
    </table>
</div>
@include('partials.pagination', ['result' => $result])
@endsection