@extends('layouts.admin')

@section('title', 'المستخدمون | Help Numo')
@section('page-title', 'إدارة المستخدمين')

@section('admin_content')
    @if ($errors->has('delete'))
        <div class="alert-info alert-info--warning mb-3" role="alert">{{ $errors->first('delete') }}</div>
    @endif

    <div class="card">
        <div class="list-header">
            <div>
                <h2 class="heading-m">👥 حسابات الموظفين</h2>
                <p class="body-s text-muted">إدارة بيانات الدخول وتوزيع الصلاحيات داخل لوحة الإدارة.</p>
            </div>
            <a class="btn btn--primary" href="{{ route('admin.users.create') }}">➕ إضافة مستخدم</a>
        </div>

        <div class="article-index-table mt-3">
            <div class="article-index-table__columns" aria-hidden="true">
                <span class="article-index-table__col-expand" aria-hidden="true"></span>
                <span>الاسم</span>
                <span>الدور</span>
                <span class="article-index-table__col-actions">إجراءات</span>
            </div>

            @forelse ($admins as $admin)
                @php
                    $roleLabel = match ($admin->role) {
                        \App\Models\Admin::ROLE_SUPER_ADMIN => 'Super Admin',
                        \App\Models\Admin::ROLE_ADMIN => 'Admin',
                        \App\Models\Admin::ROLE_WRITER => 'Writer',
                        default => $admin->role,
                    };
                    $detailsId = 'user-row-details-'.$admin->id;
                    $isSelf = auth('admin')->id() === $admin->id;
                    $superAdminCount = $admins->where('role', \App\Models\Admin::ROLE_SUPER_ADMIN)->count();
                    $isLastSuperAdmin = $admin->role === \App\Models\Admin::ROLE_SUPER_ADMIN && $superAdminCount === 1;
                    $canDelete = ! $isSelf && ! $isLastSuperAdmin;
                @endphp
                <div class="article-index-block">
                    <div class="article-index-row article-index-row--main">
                        <div class="article-index-row__expand-cell">
                            <button
                                type="button"
                                class="article-index-row__expand"
                                data-toggle-article-row
                                aria-expanded="false"
                                aria-controls="{{ $detailsId }}"
                                aria-label="إظهار البريد الإلكتروني ورقم الجوال"
                            >+</button>
                        </div>
                        <div class="article-index-row__title">
                            <a href="{{ route('admin.users.edit', $admin) }}" class="article-index-row__name link-plain">{{ $admin->name }}</a>
                        </div>
                        <div class="article-index-row__status">
                            <span class="badge badge--primary">{{ $roleLabel }}</span>
                        </div>
                        <div class="article-index-row__actions">
                            <div class="article-table__actions">
                                <a href="{{ route('admin.users.edit', $admin) }}" class="action-btn action-btn--ghost">تعديل</a>
                                @if ($canDelete)
                                    <form
                                        action="{{ route('admin.users.destroy', $admin) }}"
                                        method="POST"
                                        class="article-index-row__delete-form js-user-delete-form"
                                    >
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="action-btn action-btn--danger">حذف</button>
                                    </form>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div id="{{ $detailsId }}" class="article-index-row__details" hidden>
                        <div class="article-index-row__detail-group">
                            <span class="article-index-row__detail-label">البريد الإلكتروني</span>
                            <span class="body-s text-muted article-index-row__date-value">{{ $admin->email }}</span>
                        </div>
                        <div class="article-index-row__detail-group">
                            <span class="article-index-row__detail-label">رقم الجوال</span>
                            <span class="body-s text-muted article-index-row__date-value">{{ $admin->phone }}</span>
                        </div>
                        <div class="article-index-row__detail-group article-index-row__detail-group--date">
                            <span class="article-index-row__detail-label">آخر تحديث</span>
                            <span class="body-s text-muted article-index-row__date-value">{{ $admin->updated_at?->diffForHumans() }}</span>
                        </div>
                    </div>
                </div>
            @empty
                <div class="article-index-table__empty">
                    📭 لا توجد حسابات مستخدمين حتى الآن.
                </div>
            @endforelse
        </div>
    </div>
@endsection