Initial commit - CMS Gov Bapenda Garut dengan EditorJS

app/Views/admin/profile/index.php

@@ -0,0 +1,155 @@
+<?= $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() ?>
+