<div class="card">
  <div class="row" style="justify-content:space-between;align-items:center">
    <h3 style="margin:0"><?= e($page_title) ?></h3>
    <div class="row" style="gap:8px">
      <a class="btn" href="<?= e(url('/index.php?page=inspectors')) ?>">عودة</a>
      <?php if (($action ?? '') === 'edit'): ?>
        <a class="btn" href="<?= e(url('/index.php?page=inspector_tasks&filter_inspector=' . intval($row['id']))) ?>">عرض مهامه</a>
      <?php endif; ?>
    </div>
  </div>

  <form method="post" action="<?= e(url('/index.php?page=inspectors&action=' . e($action) . ($id ? '&id=' . intval($id) : ''))) ?>">
    <?= csrf_field() ?>

    <div class="grid" style="grid-template-columns:repeat(3,minmax(0,1fr));gap:12px">
      <div>
        <label class="label">الاسم *</label>
        <input class="input" name="name" value="<?= e((string)($row['name'] ?? '')) ?>" required>
      </div>
      <div>
        <label class="label">الرمز (اختياري)</label>
        <input class="input" name="code" value="<?= e((string)($row['code'] ?? '')) ?>" placeholder="INS-001">
      </div>
      <div>
        <label class="label">الحالة</label>
        <label style="display:flex;gap:8px;align-items:center">
          <input type="checkbox" name="is_active" value="1" <?= intval($row['is_active'] ?? 1)===1 ? 'checked':'' ?>>
          <span class="small">نشط</span>
        </label>
      </div>

      <div>
        <label class="label">الهاتف</label>
        <input class="input" name="phone" value="<?= e((string)($row['phone'] ?? '')) ?>" placeholder="05xxxxxxxx">
      </div>
      <div>
        <label class="label">البريد الإلكتروني</label>
        <input class="input" name="email" value="<?= e((string)($row['email'] ?? '')) ?>" placeholder="name@example.com">
      </div>
      <div>
        <label class="label">هوية إماراتية (15 رقم)</label>
        <input class="input" name="emirates_id" value="<?= e((string)($row['emirates_id'] ?? '')) ?>" placeholder="xxxxxxxxxxxxxxx">
      </div>

      <div style="grid-column:1/-1">
        <label class="label">ملاحظات</label>
        <textarea class="input" name="notes" rows="3"><?= e((string)($row['notes'] ?? '')) ?></textarea>
      </div>
    </div>

    <div class="row" style="margin-top:12px;gap:10px">
      <?php if (!auth_can('manage_inspectors')): ?>
        <div class="alert warn">ليس لديك صلاحية التعديل. يمكنك الاطلاع فقط.</div>
      <?php else: ?>
        <button class="btn primary" type="submit">حفظ</button>
      <?php endif; ?>
    </div>
  </form>
</div>

<?php if (($action ?? '') === 'edit' && !empty($row['id'])): ?>
  <div class="card" id="assignments" style="margin-top:16px">
    <div class="row" style="justify-content:space-between;align-items:center">
      <div>
        <h3 style="margin:0">الربط بالواحات/المزارع</h3>
        <div class="muted small">يمكن ربط المراقب بواحة أو مزرعة لتسهيل توزيع المهام.</div>
      </div>
      <div class="small muted">عدد المهام: <?= e((string)($tasksCount ?? 0)) ?></div>
    </div>

    <?php if (auth_can('manage_inspectors')): ?>
      <form method="post" action="<?= e(url('/index.php?page=inspectors&action=edit&id=' . intval($row['id']))) ?>" class="row" style="gap:10px;flex-wrap:wrap;margin-top:12px">
        <?= csrf_field() ?>
        <input type="hidden" name="_sub" value="add_assignment">

        <select class="input" name="entity_type" required>
          <option value="">نوع الربط...</option>
          <option value="oasis">واحة</option>
          <option value="farm">مزرعة</option>
        </select>

        <input class="input" name="entity_id" type="number" min="1" placeholder="ID" required>

        <input class="input" name="role_title" placeholder="صفة/دور (اختياري)">
        <input class="input" name="notes" placeholder="ملاحظات (اختياري)">
        <button class="btn" type="submit">إضافة/تحديث</button>
        <span class="small muted">تلميح: يمكنك أخذ ID من صفحة الواحات/المزارع.</span>
      </form>
    <?php else: ?>
      <div class="muted" style="margin-top:10px">لا يمكنك إضافة/حذف الربط (صلاحيات مطلوبة).</div>
    <?php endif; ?>

    <div class="table-wrap" style="margin-top:12px">
      <table class="table">
        <thead>
          <tr>
            <th>#</th>
            <th>الوجهة</th>
            <th>الصفة</th>
            <th>ملاحظات</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          <?php foreach (($assignments ?? []) as $a): ?>
            <tr>
              <td><?= e((string)$a['id']) ?></td>
              <td><?= e(owner_label((string)$a['entity_type'], intval($a['entity_id']))) ?></td>
              <td><?= e((string)($a['role_title'] ?? '')) ?></td>
              <td><?= e((string)($a['notes'] ?? '')) ?></td>
              <td style="text-align:left;white-space:nowrap">
                <?php if (auth_can('manage_inspectors')): ?>
                  <form method="post" action="<?= e(url('/index.php?page=inspectors&action=edit&id=' . intval($row['id']))) ?>" style="display:inline">
                    <?= csrf_field() ?>
                    <input type="hidden" name="_sub" value="delete_assignment">
                    <input type="hidden" name="assignment_id" value="<?= e((string)$a['id']) ?>">
                    <button class="btn danger" type="submit" onclick="return confirm('حذف الربط؟')">حذف</button>
                  </form>
                <?php endif; ?>
              </td>
            </tr>
          <?php endforeach; ?>
          <?php if (empty($assignments)): ?>
            <tr><td colspan="5" class="muted">لا يوجد ربط بعد.</td></tr>
          <?php endif; ?>
        </tbody>
      </table>
    </div>
  </div>
<?php endif; ?>
