@extends('admin.layouts.app')
@section('title', __('admin.menu_users'))
@section('heading', __('admin.menu_users'))
@section('content')
<x-admin.filter-scope>
@can(\App\Models\Permission::USERS_CREATE)
    <x-admin.page-header :title="__('admin.menu_users')" :create-route="route('admin.users.create')" :show-filter="true" />
@else
    <x-admin.page-header :title="__('admin.menu_users')" :show-filter="true" />
@endcan

<div class="admin-card mb-4 border border-slate-200 bg-slate-50/80 px-4 py-3 text-sm text-slate-700">
    <p class="font-semibold text-slate-900">{{ __('admin.user_type_help_title') }}</p>
    <ul class="mt-2 list-disc space-y-1 ps-5">
        <li>{{ __('admin.user_type_help_admin') }}</li>
        <li>{{ __('admin.user_type_help_customer') }}</li>
    </ul>
</div>

<x-admin.filter-panel>
<form method="get" class="admin-filter-form flex flex-wrap items-end gap-3">
    <div class="min-w-[12rem] flex-1">
        <label class="admin-label">{{ __('admin.search') }}</label>
        <input type="search" name="search" value="{{ request('search') }}" class="admin-input" placeholder="{{ __('admin.search_placeholder') }}" />
    </div>
    <div class="min-w-[10rem]">
        <label class="admin-label">{{ __('admin.user_type') }}</label>
        <select name="user_type" class="admin-input" onchange="this.form.submit()">
            <option value="">{{ __('admin.filter_all') }}</option>
            <option value="0" @selected((string) request('user_type') === '0')>{{ __('admin.user_type_customer') }}</option>
            <option value="2" @selected((string) request('user_type') === '2')>{{ __('admin.user_type_admin') }}</option>
        </select>
    </div>
    <div class="min-w-[10rem]">
        <label class="admin-label">{{ __('admin.roles') }}</label>
        <select name="role" class="admin-input" onchange="this.form.submit()">
            <option value="">{{ __('admin.filter_all') }}</option>
            @foreach ($roles ?? [] as $role)
                <option value="{{ $role->name }}" @selected(request('role') === $role->name)>{{ $role->name }}</option>
            @endforeach
        </select>
    </div>
    <button type="submit" class="admin-btn-primary">{{ __('admin.search') }}</button>
</form>
</x-admin.filter-panel>
<div class="admin-card">
    <div class="admin-table-wrap"><table class="admin-table">
        <thead><tr><th>#</th><th>{{ __('admin.name') }}</th><th>{{ __('admin.mobile') }}</th><th>{{ __('admin.email') }}</th><th>{{ __('admin.user_type') }}</th><th>{{ __('admin.roles') }}</th><th class="admin-table-actions">{{ __('admin.actions') }}</th></tr></thead>
        <tbody>
        @forelse($users as $user)
            @php
                $type = (int) $user->user_type;
                $typeLabel = match ($type) {
                    2 => __('admin.user_type_admin'),
                    default => __('admin.user_type_customer'),
                };
                $typeClass = match ($type) {
                    2 => 'bg-rose-100 text-rose-800',
                    default => 'bg-emerald-100 text-emerald-800',
                };
            @endphp
            <tr>
                <td>{{ $user->id }}</td>
                <td>{{ $user->name }}</td>
                <td>{{ $user->mobile }}</td>
                <td>{{ $user->email ?: '—' }}</td>
                <td>
                    <span class="inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-[11px] font-bold {{ $typeClass }}">
                        <span aria-hidden="true">●</span>
                        {{ $typeLabel }}
                    </span>
                </td>
                <td class="text-xs">{{ $user->roles->pluck('name')->join(', ') ?: '—' }}</td>
                <td class="admin-table-actions">
                    <x-admin.table-actions
                        :edit-href="auth()->user()->can(\App\Models\Permission::USERS_EDIT) ? route('admin.users.edit', $user) : null"
                        :delete-action="auth()->user()->can(\App\Models\Permission::USERS_DELETE) ? route('admin.users.destroy', $user) : null"
                        :can-delete="$user->id !== auth()->id() && ! \App\Support\Admin\PlatformOwner::isProtectedUser($user)"
                    />
                </td>
            </tr>
        @empty
            <tr><td colspan="7" class="admin-empty">{{ __('admin.empty') }}</td></tr>
        @endforelse
        </tbody>
    </table></div>
    <div class="mt-4">{{ $users->links() }}</div>
</div>
</x-admin.filter-scope>
@endsection