Admin Panel

Doctors Management

Manage platform users, doctors, and system configuration.

👥 Users ⚕️ Doctors 📊 Dashboard

Total doctors

—

Active doctors

—

Total patients assigned

—

Name	Email	Specialty	Patients	Cases	Actions
Loading doctors...

<!-- Pagination -->
<div class="flex items-center justify-between border-t border-slate-200 bg-slate-50 px-6 py-4 dark:border-slate-700 dark:bg-slate-950">
  <div class="text-sm text-slate-600 dark:text-slate-400">
    Page <span id="current-page">1</span> of <span id="total-pages">1</span> 
    (<span id="total-doctors-pagination">0</span> total doctors)
  </div>
  <div class="flex gap-2">
    <button id="prev-btn" class="rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm font-semibold text-slate-700 hover:bg-slate-50 disabled:opacity-50 dark:border-slate-600 dark:bg-slate-900 dark:text-slate-200">← Previous</button>
    <button id="next-btn" class="rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm font-semibold text-slate-700 hover:bg-slate-50 disabled:opacity-50 dark:border-slate-600 dark:bg-slate-900 dark:text-slate-200">Next →</button>
  </div>
</div>

Doctor profile

—

<div class="space-y-6 p-6">
  <div>
    <h3 class="text-xs font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400">Contact information</h3>
    <div class="mt-3 space-y-2">
      <div>
        <p class="text-sm font-semibold text-slate-900 dark:text-slate-100" id="doctor-email">—</p>
        <p class="text-xs text-slate-500 dark:text-slate-400">Email</p>
      </div>
    </div>
  </div>

  <div>
    <h3 class="text-xs font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400">Professional details</h3>
    <div class="mt-3 grid gap-4 sm:grid-cols-2">
      <div>
        <p class="text-sm font-semibold text-slate-900 dark:text-slate-100" id="doctor-specialty">—</p>
        <p class="text-xs text-slate-500 dark:text-slate-400">Specialty</p>
      </div>
      <div>
        <p class="text-sm font-semibold text-slate-900 dark:text-slate-100" id="doctor-patients">—</p>
        <p class="text-xs text-slate-500 dark:text-slate-400">Total patients</p>
      </div>
      <div>
        <p class="text-sm font-semibold text-slate-900 dark:text-slate-100" id="doctor-cases">—</p>
        <p class="text-xs text-slate-500 dark:text-slate-400">Cases handled</p>
      </div>
    </div>
  </div>

  <div class="flex gap-3">
    <button id="manage-doctor-btn" class="rounded-lg bg-emerald-600 px-4 py-2 text-sm font-semibold text-white hover:bg-emerald-700">Manage account</button>
    <button type="button" class="close-modal rounded-lg border border-slate-300 bg-white px-4 py-2 text-sm font-semibold hover:bg-slate-50 dark:border-slate-600 dark:bg-slate-900">Close</button>
  </div>
</div>