<div class="card">
  <!-- رأس الصفحة: زر الإضافة بمحاذاة العنوان (بدون تمركز عمودي مع الوصف) -->
  <div style="display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap">
    <div>
      <h3 style="margin:0">المراقبون</h3>
      <div class="muted small" style="margin-top:4px">إدارة بيانات المراقبين وربطهم بالواحات/المزارع.</div>
    </div>
    <?php if (auth_can('manage_inspectors')): ?>
      <a class="btn primary" style="align-self:flex-start" href="<?= e(url('/index.php?page=inspectors&action=create')) ?>">إضافة مراقب</a>
    <?php endif; ?>
  </div>

  <form method="get" style="display:flex;gap:10px;flex-wrap:wrap;margin-top:12px">
    <input type="hidden" name="page" value="inspectors">
    <input class="input" type="text" name="q" value="<?= e($q) ?>" placeholder="بحث بالاسم/الرمز/الهاتف/الهوية">
    <label class="small" style="display:flex;gap:6px;align-items:center">
      <input type="checkbox" name="active" value="1" <?= $only_active? 'checked':'' ?>>
      فقط النشط
    </label>
    <button class="btn" type="submit">بحث</button>
    <a class="btn" href="<?= e(url('/index.php?page=inspectors')) ?>">إعادة</a>
  </form>
</div>

<div class="card" style="margin-top:16px">
  <div class="table-wrap">
    <table class="table">
      <thead>
        <tr>
          <th>#</th>
          <th>الاسم</th>
          <th>الرمز</th>
          <th>الهاتف</th>
          <th>الهوية</th>
          <th>الحالة</th>
          <th>الربط</th>
          <th>المهام</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        <?php foreach ($rows as $r): ?>
          <tr>
            <td><?= e((string)$r['id']) ?></td>
            <td><?= e((string)$r['name']) ?></td>
            <td><?= e((string)($r['code'] ?? '')) ?></td>
            <td><?= e((string)($r['phone'] ?? '')) ?></td>
            <td><?= e((string)($r['emirates_id'] ?? '')) ?></td>
            <td><?= intval($r['is_active'])===1 ? '<span class="tag ok">نشط</span>' : '<span class="tag danger">موقوف</span>' ?></td>
            <td><?= e((string)($r['assignments_count'] ?? 0)) ?></td>
            <td><?= e((string)($r['tasks_count'] ?? 0)) ?></td>
            <td style="white-space:nowrap;text-align:left">
              <a class="btn" href="<?= e(url('/index.php?page=inspectors&action=edit&id=' . intval($r['id']))) ?>">فتح</a>
              <?php if (auth_can('manage_inspectors')): ?>
                <a class="btn danger" href="<?= e(url('/index.php?page=inspectors&action=delete&id=' . intval($r['id']))) ?>">حذف</a>
              <?php endif; ?>
            </td>
          </tr>
        <?php endforeach; ?>
        <?php if (empty($rows)): ?>
          <tr><td colspan="9" class="muted">لا توجد بيانات.</td></tr>
        <?php endif; ?>
      </tbody>
    </table>
  </div>
</div>
