@extends('layouts.app')

@section('content')
    <div class="container">
        <h3 class="mb-4 text-success">👥 إدارة مستخدمي النظام</h3>

        <!-- نموذج إضافة مستخدم -->
        <div class="card shadow-sm mb-4">
            <div class="card-body">
                <form action="{{ route('users.store') }}" method="POST" class="row g-3">
                    @csrf
                    <div class="col-md-3">
                        <label class="form-label">الاسم</label>
                        <input type="text" name="name" class="form-control" required>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">البريد الإلكتروني</label>
                        <input type="email" name="email" class="form-control" required>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">كلمة المرور</label>
                        <input type="password" name="password" class="form-control" required>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">الدور</label>
                        <select name="role" class="form-select" required>
                            <option value="admin">مدير النظام</option>
                            <option value="licensing">موظف تراخيص</option>
                            <option value="inspector">مفتش</option>
                        </select>
                    </div>
                    <div class="col-md-2 d-flex align-items-end">
                        <button type="submit" class="btn btn-success w-100">إضافة</button>
                    </div>
                </form>
            </div>
        </div>

        <!-- جدول عرض المستخدمين -->
        <div class="card shadow-sm">
            <div class="card-body">
                <table class="table table-bordered text-center align-middle">
                    <thead class="table-dark">
                        <tr>
                            <th>#</th>
                            <th>الاسم</th>
                            <th>البريد الإلكتروني</th>
                            <th>الدور</th>
                            <th>الإجراءات</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($users as $index => $user)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>{{ $user->name }}</td>
                                <td>{{ $user->email }}</td>
                                <td>
                                    @if($user->role == 'admin')
                                        <span class="badge bg-danger">مدير النظام</span>
                                    @elseif($user->role == 'licensing')
                                        <span class="badge bg-primary">موظف تراخيص</span>
                                    @else
                                        <span class="badge bg-info text-dark">مفتش</span>
                                    @endif
                                </td>
                                <td>
                                    <!-- زر فتح نافذة الصلاحيات -->
                                    <button type="button" class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#permModal{{ $user->id }}"
                                        {{ $user->role == 'admin' ? 'disabled' : '' }}>
                                        🔐 الصلاحيات
                                    </button>
                                    <form action="{{ route('users.destroy', $user->id) }}" method="POST"
                                        onsubmit="return confirm('هل أنت متأكد من الحذف؟');">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-danger">حذف</button>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @foreach($users as $user)
        <div class="modal fade" id="permModal{{ $user->id }}" tabindex="-1">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header bg-primary text-white">
                        <h5 class="modal-title">صلاحيات المستخدم: {{ $user->name }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <form action="{{ route('users.permissions', $user->id) }}" method="POST">
                            @csrf
                            @method('PUT')
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" name="permissions[]" value="dashboard"
                                    id="p_dash{{ $user->id }}" {{ in_array('dashboard', $user->permissions ?? []) ? 'checked' : '' }}>
                                <label class="form-check-label" for="p_dash{{ $user->id }}">📊 لوحة التحكم</label>
                            </div>
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" name="permissions[]" value="inspections"
                                    id="p_insp{{ $user->id }}" {{ in_array('inspections', $user->permissions ?? []) ? 'checked' : '' }}>
                                <label class="form-check-label" for="p_insp{{ $user->id }}">📋 التفتيش والمخالفات</label>
                            </div>
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" name="permissions[]" value="establishments"
                                    id="p_est{{ $user->id }}" {{ in_array('establishments', $user->permissions ?? []) ? 'checked' : '' }}>
                                <label class="form-check-label" for="p_est{{ $user->id }}">🏥 المؤسسات الصيدلانية</label>
                            </div>
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" name="permissions[]" value="licenses"
                                    id="p_lic{{ $user->id }}" {{ in_array('licenses', $user->permissions ?? []) ? 'checked' : '' }}>
                                <label class="form-check-label" for="p_lic{{ $user->id }}">📜 الرخص</label>
                            </div>
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" name="permissions[]" value="reports"
                                    id="p_rep{{ $user->id }}" {{ in_array('reports', $user->permissions ?? []) ? 'checked' : '' }}>
                                <label class="form-check-label" for="p_rep{{ $user->id }}">📊 التقارير</label>
                            </div>
                                                <!-- أضف هذه الخيارات داخل النافذة لتكتمل القائمة -->
                                                <div class="form-check mb-2">
                                                    <input class="form-check-input" type="checkbox" name="permissions[]" value="regions" id="p_reg{{ $user->id }}" {{ in_array('regions', $user->permissions ?? []) ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="p_reg{{ $user->id }}">📍 الولايات / الأقاليم</label>
                                                </div>
                                                <div class="form-check mb-2">
                                                    <input class="form-check-input" type="checkbox" name="permissions[]" value="localities" id="p_loc{{ $user->id }}" {{ in_array('localities', $user->permissions ?? []) ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="p_loc{{ $user->id }}">🏘️ المحليات</label>
                                                </div>
                                                <div class="form-check mb-2">
                                                    <input class="form-check-input" type="checkbox" name="permissions[]" value="admin_units" id="p_unit{{ $user->id }}"
                                                        {{ in_array('admin_units', $user->permissions ?? []) ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="p_unit{{ $user->id }}">🏢 الوحدات الإدارية</label>
                                                </div>
                                                <div class="form-check mb-2">
                                                    <input class="form-check-input" type="checkbox" name="permissions[]" value="violations" id="p_viol{{ $user->id }}"
                                                        {{ in_array('violations', $user->permissions ?? []) ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="p_viol{{ $user->id }}">⚖️ كتالوج المخالفات</label>
                                                </div>
                                                <div class="form-check mb-2">
                                                    <input class="form-check-input" type="checkbox" name="permissions[]" value="license_types"
                                                        id="p_ltype{{ $user->id }}" {{ in_array('license_types', $user->permissions ?? []) ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="p_ltype{{ $user->id }}">⚙️ إدارة أنواع الرخص</label>
                                                </div>
                            <button type="submit" class="btn btn-success w-100 mt-3">حفظ الصلاحيات</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
@endsection