<div class="content-wrapper android-users-permissions">
  <main class="auperm-main">
    <header class="auperm-heading">
      <div><span>Access Control</span><h1>المستخدمون والصلاحيات</h1><p>إدارة الحسابات وبياناتها وصلاحيات الوصول من الهاتف.</p></div>
      <a href="user_profile.php"><i class="fa fa-id-card-o"></i><b>ملفي</b></a>
    </header>

    <?php if($msg): ?><div class="auperm-notice is-ok"><?= h($msg) ?></div><?php endif; ?>
    <?php if($err): ?><div class="auperm-notice is-error"><?= h($err) ?></div><?php endif; ?>

    <section class="auperm-card auperm-picker">
      <form method="get" data-ua-android-native-layout>
        <label><span>اختيار مستخدم</span><select name="id">
          <?php foreach($users as $u): $id=(int)$u['id']; ?><option value="<?= $id ?>" <?= $id===$selected_id?'selected':'' ?>><?= h(($u['full_name'] ?? '') ?: ($u['username'] ?? '')) ?><?= ((int)($u['is_active'] ?? 1)===1?'':' — معطّل') ?></option><?php endforeach; ?>
          <option value="0" <?= $selected_id===0?'selected':'' ?>>+ مستخدم جديد</option>
        </select></label>
        <div><button><i class="fa fa-search"></i> فتح</button><a href="users_permissions.php?new=1&id=0"><i class="fa fa-plus"></i> جديد</a></div>
      </form>
    </section>

    <form class="auperm-form" method="post" enctype="multipart/form-data" data-ua-android-native-layout>
      <input type="hidden" name="user_id" value="<?= (int)($sel['id'] ?? 0) ?>">
      <section class="auperm-identity">
        <div class="auperm-avatar"><?php if($avatar): ?><img src="<?= h($avatar) ?>" alt=""><?php else: ?><span><?= h(mb_substr($selected_name,0,1,'UTF-8')) ?></span><?php endif; ?></div>
        <div><span>الحساب المحدد</span><h2><?= h($selected_name) ?></h2><small><?= h($sel['username'] ?? 'حساب جديد') ?></small></div>
      </section>

      <section class="auperm-card">
        <div class="auperm-title"><i class="fa fa-user"></i><div><span>Account Info</span><h2>بيانات المستخدم</h2></div></div>
        <label><span>الاسم الكامل</span><input name="full_name" value="<?= h($sel['full_name'] ?? '') ?>" autocomplete="name"></label>
        <label><span>اسم المستخدم</span><input name="username" value="<?= h($sel['username'] ?? '') ?>" autocomplete="off" required></label>
        <label><span>البريد الإلكتروني</span><input name="email" value="<?= h($sel['email'] ?? '') ?>" inputmode="email" dir="ltr" autocomplete="off"></label>
        <label><span>الحالة</span><select name="is_active"><option value="1" <?= ((int)($sel['is_active'] ?? 1)===1)?'selected':'' ?>>فعّال</option><option value="0" <?= ((int)($sel['is_active'] ?? 1)===0)?'selected':'' ?>>معطّل</option></select></label>
        <div class="auperm-grid"><label><span>رقم الاتصال</span><input name="phone" value="<?= h($sel['phone'] ?? '') ?>" inputmode="tel" dir="ltr"></label><label><span>رقم إضافي</span><input name="phone2" value="<?= h($sel['phone2'] ?? '') ?>" inputmode="tel" dir="ltr"></label></div>
        <div class="auperm-grid"><label><span>المسمى الوظيفي</span><input name="job_title" value="<?= h($sel['job_title'] ?? '') ?>"></label><label><span>رقم الهوية</span><input name="identity_no" value="<?= h($sel['identity_no'] ?? '') ?>" dir="ltr"></label></div>
        <label><span>العنوان</span><input name="address" value="<?= h($sel['address'] ?? '') ?>"></label>
        <label><span>ملاحظات</span><textarea name="profile_notes" rows="3"><?= h($sel['profile_notes'] ?? '') ?></textarea></label>
        <label><span>كلمة مرور جديدة</span><input type="password" name="new_password" autocomplete="new-password" placeholder="اتركها فارغة دون تغيير"></label>
      </section>

      <details class="auperm-card auperm-details">
        <summary><span><i class="fa fa-image"></i><b>الصور والهوية</b></span><i class="fa fa-angle-down"></i></summary>
        <div class="auperm-details-body">
          <label><span>صورة الملف الشخصي</span><input type="file" name="avatar_image" accept="image/jpeg,image/png,image/webp"></label>
          <?php if($avatar): ?><label class="auperm-check"><input type="checkbox" name="remove_avatar" value="1"> حذف الصورة الحالية</label><?php endif; ?>
          <label><span>الهوية — الوجه الأمامي</span><input type="file" name="identity_front_image" accept="image/jpeg,image/png,image/webp"></label>
          <?php if($idfront): ?><label class="auperm-check"><input type="checkbox" name="remove_identity_front_image" value="1"> حذف الصورة الأمامية</label><?php endif; ?>
          <label><span>الهوية — الوجه الخلفي</span><input type="file" name="identity_back_image" accept="image/jpeg,image/png,image/webp"></label>
          <?php if($idback): ?><label class="auperm-check"><input type="checkbox" name="remove_identity_back_image" value="1"> حذف الصورة الخلفية</label><?php endif; ?>
          <?php if($idfront || $idback): ?><div class="auperm-previews"><?php if($idfront): ?><img src="<?= h($idfront) ?>" alt="الوجه الأمامي"><?php endif; ?><?php if($idback): ?><img src="<?= h($idback) ?>" alt="الوجه الخلفي"><?php endif; ?></div><?php endif; ?>
        </div>
      </details>

      <details class="auperm-card auperm-details" open>
        <summary><span><i class="fa fa-shield"></i><b>الصلاحيات</b></span><i class="fa fa-angle-down"></i></summary>
        <div class="auperm-details-body auperm-permissions">
          <label class="auperm-perm is-all"><input type="checkbox" id="android_perm_all" name="perm_all" value="1" <?= ua_up_checked($selPerms,'all') ?>><span>كل الصلاحيات / SUPER</span></label>
          <?php foreach($PERMS as $key=>$label): ?><label class="auperm-perm"><input type="checkbox" class="android-perm-item" name="perm_<?= h($key) ?>" value="1" <?= ua_up_checked($selPerms,$key) ?>><span><?= h($label) ?></span></label><?php endforeach; ?>
        </div>
      </details>

      <button class="auperm-save" name="save_user"><i class="fa fa-save"></i> حفظ المستخدم والصلاحيات</button>
    </form>

    <?php if(!empty($sel['id'])): ?><details class="auperm-card auperm-danger"><summary><span><i class="fa fa-trash"></i><b>حذف المستخدم</b></span><i class="fa fa-angle-down"></i></summary><div><p>سيُحذف الحساب وملفاته نهائياً. افتح هذا القسم فقط عند التأكد.</p><form method="post"><input type="hidden" name="user_id" value="<?= (int)$sel['id'] ?>"><button name="delete_user"><i class="fa fa-trash"></i> تأكيد الحذف النهائي</button></form></div></details><?php endif; ?>

    <details class="auperm-card auperm-details auperm-super"><summary><span><i class="fa fa-lock"></i><b>كلمة مرور السوبر أدمن</b></span><i class="fa fa-angle-down"></i></summary><form method="post" data-ua-android-native-layout><p>لحماية الأوامر اليدوية الحساسة فقط.</p><label><span>كلمة المرور</span><input type="password" name="sa_pass1" autocomplete="new-password"></label><label><span>تأكيد كلمة المرور</span><input type="password" name="sa_pass2" autocomplete="new-password"></label><button name="set_super_admin_password"><i class="fa fa-lock"></i> حفظ كلمة المرور</button></form></details>
  </main>
</div>
<script>(function(){var all=document.getElementById('android_perm_all');if(!all)return;all.addEventListener('change',function(){document.querySelectorAll('.android-perm-item').forEach(function(x){x.checked=all.checked;});});})();</script>
