cms-gov/app/Views/admin/profile/index.php

<?= $this->extend('admin/layout') ?>

<?= $this->section('content') ?>
<div class="space-y-5 sm:space-y-6">
  <!-- Page Header -->
  <div class="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
    <div>
      <h2 class="text-2xl font-semibold text-gray-800 dark:text-white/90">
        Edit Profile
      </h2>
      <p class="text-sm text-gray-500 dark:text-gray-400">
        Ubah informasi profile Anda
      </p>
    </div>
    <a
      href="<?= base_url('admin/dashboard') ?>"
      class="inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm font-medium text-gray-700 shadow-theme-xs hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-white/[0.03]"
    >
      <i class="fe fe-arrow-left"></i>
      Kembali
    </a>
  </div>

  <!-- Flash Messages -->
  <?php if (session()->getFlashdata('error')): ?>
    <div class="rounded-lg border border-error-200 bg-error-50 p-4 dark:border-error-800 dark:bg-error-900/20">
      <p class="text-sm text-error-800 dark:text-error-400">
        <?= esc(session()->getFlashdata('error')) ?>
      </p>
    </div>
  <?php endif; ?>

  <?php if (session()->getFlashdata('success')): ?>
    <div class="rounded-lg border border-success-200 bg-success-50 p-4 dark:border-success-800 dark:bg-success-900/20">
      <p class="text-sm text-success-800 dark:text-success-400">
        <?= esc(session()->getFlashdata('success')) ?>
      </p>
    </div>
  <?php endif; ?>

  <!-- Form -->
  <div class="rounded-lg border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]">
    <div class="p-5 sm:p-6">
      <form
        action="<?= base_url('admin/profile/update') ?>"
        method="post"
        class="space-y-6"
      >
        <?= csrf_field() ?>

        <div class="grid grid-cols-1 gap-6 sm:grid-cols-2">
          <!-- Username -->
          <div>
            <label class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">
              Username <span class="text-error-500">*</span>
            </label>
            <input
              type="text"
              name="username"
              value="<?= old('username', $user['username'] ?? '') ?>"
              placeholder="Masukkan username"
              class="h-11 w-full rounded-lg border border-gray-300 bg-transparent px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:ring-3 focus:ring-brand-500/10 focus:outline-none dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
              required
            />
            <?php if (session()->getFlashdata('errors') && isset(session()->getFlashdata('errors')['username'])): ?>
              <p class="mt-1 text-sm text-error-600"><?= esc(session()->getFlashdata('errors')['username']) ?></p>
            <?php endif; ?>
          </div>

          <!-- Email -->
          <div>
            <label class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">
              Email <span class="text-error-500">*</span>
            </label>
            <input
              type="email"
              name="email"
              value="<?= old('email', $user['email'] ?? '') ?>"
              placeholder="Masukkan email"
              class="h-11 w-full rounded-lg border border-gray-300 bg-transparent px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:ring-3 focus:ring-brand-500/10 focus:outline-none dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
              required
            />
            <?php if (session()->getFlashdata('errors') && isset(session()->getFlashdata('errors')['email'])): ?>
              <p class="mt-1 text-sm text-error-600"><?= esc(session()->getFlashdata('errors')['email']) ?></p>
            <?php endif; ?>
          </div>

          <!-- Password (optional) -->
          <div>
            <label class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">
              Password Baru
            </label>
            <input
              type="password"
              name="password"
              placeholder="Kosongkan jika tidak ingin mengubah password"
              class="h-11 w-full rounded-lg border border-gray-300 bg-transparent px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:ring-3 focus:ring-brand-500/10 focus:outline-none dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
              minlength="6"
            />
            <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">
              Minimal 6 karakter. Kosongkan jika tidak ingin mengubah password.
            </p>
          </div>

          <!-- Phone Number -->
          <div>
            <label class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">
              Nomor Telepon
            </label>
            <input
              type="text"
              name="phone_number"
              value="<?= old('phone_number', $user['phone_number'] ?? '') ?>"
              placeholder="Masukkan nomor telepon"
              class="h-11 w-full rounded-lg border border-gray-300 bg-transparent px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:ring-3 focus:ring-brand-500/10 focus:outline-none dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
            />
          </div>

          <!-- Telegram ID -->
          <div>
            <label class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">
              Telegram ID
            </label>
            <input
              type="number"
              name="telegram_id"
              value="<?= old('telegram_id', $user['telegram_id'] ?? '') ?>"
              placeholder="Masukkan Telegram ID"
              class="h-11 w-full rounded-lg border border-gray-300 bg-transparent px-4 py-2.5 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:ring-3 focus:ring-brand-500/10 focus:outline-none dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
            />
          </div>
        </div>

        <!-- Form Actions -->
        <div class="flex items-center gap-3 border-t border-gray-100 pt-6 dark:border-gray-800">
          <button
            type="submit"
            class="inline-flex items-center justify-center gap-2 rounded-lg bg-brand-500 px-4 py-2.5 text-sm font-medium text-white shadow-theme-xs hover:bg-brand-600"
          >
            <i class="fe fe-save"></i>
            Simpan Perubahan
          </button>
          <a
            href="<?= base_url('admin/dashboard') ?>"
            class="inline-flex items-center justify-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-sm font-medium text-gray-700 shadow-theme-xs hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-white/[0.03]"
          >
            Batal
          </a>
        </div>
      </form>
    </div>
  </div>
</div>
<?= $this->endSection() ?>