@extends('layouts.admin', ['title' => 'الموظفون والصلاحيات'])

@php($currentAdmin = auth()->user())

@section('content')
    <section class="ac-section ac-staff-page">
        <div class="ac-panel ac-staff-hero">
            <div>
                <span>إدارة الفريق</span>
                <h2>الموظفون والصلاحيات</h2>
                <p>اختار الأقسام فقط. أي قسم تفتحه للموظف يقدر يشتغل ويعدل فيه عادي.</p>
            </div>
            <div class="ac-staff-hero-stats">
                <div><strong>{{ number_format($staffUsers->total()) }}</strong><small>كل الأدمن</small></div>
                <div><strong>{{ number_format(\App\Models\User::where('role', 'admin')->where('status', 'active')->count()) }}</strong><small>نشط</small></div>
                <div><strong>{{ number_format(\App\Models\User::where('role', 'admin')->where('status', 'suspended')->count()) }}</strong><small>موقوف</small></div>
            </div>
        </div>

        @if($errors->any())
            <div class="ac-alert danger">{{ $errors->first() }}</div>
        @endif

        <details class="ac-panel ac-staff-create">
            <summary>
                <span>+ إضافة موظف جديد</span>
                <small>افتح، اكتب البيانات، واختار الأقسام</small>
            </summary>
            <form method="POST" action="{{ route('admin.staff.store') }}" class="ac-form-grid ac-staff-form">
                @csrf
                <label>الاسم<input name="name" required></label>
                <label>اسم العرض<input name="display_name"></label>
                <label>البريد<input type="email" name="email" required></label>
                <label>الهاتف<input name="phone"></label>
                <label>الباسورد<input type="password" name="password" required></label>
                <label>الحالة<select name="status"><option value="active">نشط</option><option value="suspended">موقوف</option></select></label>

                <div class="ac-simple-permissions">
                    <div class="ac-simple-permissions-head">
                        <strong>الأقسام المسموحة</strong>
                        <small>سيبها فاضية = أدمن كامل الصلاحيات.</small>
                    </div>
                    <div class="ac-section-picker compact">
                        @foreach($adminSections as $key => $label)
                            <label><input type="checkbox" name="admin_sections[]" value="{{ $key }}"><span>{{ $label }}</span></label>
                        @endforeach
                    </div>
                </div>

                <button class="ac-btn">إنشاء الموظف</button>
            </form>
        </details>

        <section class="ac-staff-grid">
            @foreach($staffUsers as $staff)
                <article class="ac-panel ac-staff-mini-card">
                    <div class="ac-staff-mini-top">
                        <div class="ac-staff-avatar">{{ mb_strtoupper(mb_substr($staff->display_name ?: $staff->name, 0, 1)) }}</div>
                        <div class="ac-staff-mini-main">
                            <h3>{{ $staff->display_name ?: $staff->name }}</h3>
                            <p>{{ $staff->email }}</p>
                        </div>
                        <span class="ac-badge {{ $staff->status === 'active' ? 'success' : 'warning' }}">{{ $staff->status === 'active' ? 'نشط' : 'موقوف' }}</span>
                    </div>

                    <div class="ac-staff-section-summary">
                        @if(blank($staff->admin_sections))
                            <span>كل الصلاحيات</span>
                        @else
                            @foreach(array_slice((array) $staff->admin_sections, 0, 4) as $section)
                                <span>{{ $adminSections[$section] ?? $section }}</span>
                            @endforeach
                            @if(count((array) $staff->admin_sections) > 4)
                                <span>+{{ count((array) $staff->admin_sections) - 4 }}</span>
                            @endif
                        @endif
                    </div>

                    <details class="ac-staff-edit">
                        <summary>تعديل الموظف</summary>
                        <form method="POST" action="{{ route('admin.staff.update', $staff) }}" class="ac-form-grid ac-staff-form">
                            @csrf
                            @method('PATCH')
                            <label>الاسم<input name="name" value="{{ $staff->name }}" required></label>
                            <label>اسم العرض<input name="display_name" value="{{ $staff->display_name }}"></label>
                            <label>البريد<input type="email" name="email" value="{{ $staff->email }}" required></label>
                            <label>الهاتف<input name="phone" value="{{ $staff->phone }}"></label>
                            <label>باسورد جديد<input type="password" name="password" placeholder="اختياري"></label>
                            <label>الحالة<select name="status"><option value="active" @selected($staff->status === 'active')>نشط</option><option value="suspended" @selected($staff->status === 'suspended')>موقوف</option></select></label>

                            <div class="ac-simple-permissions">
                                <div class="ac-simple-permissions-head">
                                    <strong>الأقسام المسموحة</strong>
                                    <small>{{ blank($staff->admin_sections) ? 'أدمن كامل الصلاحيات' : count((array) $staff->admin_sections).' قسم مفعّل' }}</small>
                                </div>
                                <div class="ac-section-picker compact">
                                    @foreach($adminSections as $key => $label)
                                        <label><input type="checkbox" name="admin_sections[]" value="{{ $key }}" @checked(blank($staff->admin_sections) || in_array($key, (array) $staff->admin_sections, true))><span>{{ $label }}</span></label>
                                    @endforeach
                                </div>
                            </div>

                            <button class="ac-btn secondary">حفظ التعديل</button>
                        </form>

                        @unless($staff->is($currentAdmin))
                            <form method="POST" action="{{ route('admin.staff.destroy', $staff) }}" class="ac-danger-form">
                                @csrf
                                @method('DELETE')
                                <button class="ac-btn secondary danger">حذف الموظف</button>
                            </form>
                        @endunless
                    </details>
                </article>
            @endforeach
        </section>

        {{ $staffUsers->links() }}
    </section>
@endsection