{% extends "admin_master/base_admin_master.html" %}
{% block title %}Pengaturan Akun - Admin Master{% endblock %}

{% block page_header %}
<h5 class="mb-1 fw-bold" style="color: #1f2937; font-size: 1.25rem;">
    {% if wajib_ganti %}Wajib Ganti Password{% else %}Pengaturan Akun{% endif %}
</h5>
<small class="text-muted" style="font-size: 0.85rem;">
    {% if wajib_ganti %}Anda harus mengganti password sebelum melanjutkan.{% else %}Kelola profil dan keamanan akun Anda.{% endif %}
</small>
{% endblock %}

{% block content %}

{% if wajib_ganti %}
<!-- Form Wajib Ganti Password -->
<div class="row justify-content-center">
    <div class="col-md-6">
        <div class="db-card">
            <div class="text-center mb-4">
                <div class="stat-icon amber mx-auto mb-3" style="width: 56px; height: 56px; font-size: 1.5rem;">
                    <i class="fas fa-exclamation-triangle"></i>
                </div>
                <h6 class="fw-bold">Ganti Password Wajib</h6>
                <p class="text-muted" style="font-size: 0.85rem;">Password sementara harus diganti demi keamanan.</p>
            </div>
            <form action="/admin_master/ganti_password_wajib" method="POST">
                <div class="mb-3">
                    <label class="form-label fw-semibold" style="font-size: 0.85rem;">Password Baru</label>
                    <input type="password" name="password_baru" class="form-control" required minlength="6" placeholder="Minimal 6 karakter">
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold" style="font-size: 0.85rem;">Konfirmasi Password</label>
                    <input type="password" name="password_konfirmasi" class="form-control" required minlength="6" placeholder="Ulangi password baru">
                </div>
                <button type="submit" class="btn btn-success w-100"><i class="fas fa-key me-1"></i> Ganti Password & Lanjutkan</button>
            </form>
        </div>
    </div>
</div>

{% else %}
<!-- Form Profil -->
<div class="row g-4">
    <div class="col-md-6">
        <div class="db-card">
            <h6 class="fw-bold mb-3" style="font-size: 0.95rem;"><i class="fas fa-user me-2 text-primary"></i>Informasi Profil</h6>
            <form action="/admin_master/pengaturan_akun/update" method="POST">
                <div class="mb-3">
                    <label class="form-label fw-semibold" style="font-size: 0.85rem;">Nama Lengkap</label>
                    <input type="text" name="nama_lengkap" class="form-control" value="{{ admin_data.nama_lengkap or '' }}" placeholder="Nama lengkap Anda">
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold" style="font-size: 0.85rem;">Username</label>
                    <input type="text" name="username" class="form-control" value="{{ admin_data.username or '' }}" required>
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold" style="font-size: 0.85rem;">Role</label>
                    <input type="text" class="form-control" value="Admin Master" disabled>
                </div>
                <button type="submit" class="btn btn-primary"><i class="fas fa-save me-1"></i> Simpan Profil</button>
            </form>
        </div>
    </div>

    <!-- Form Ganti Password -->
    <div class="col-md-6">
        <div class="db-card">
            <h6 class="fw-bold mb-3" style="font-size: 0.95rem;"><i class="fas fa-lock me-2 text-warning"></i>Ganti Password</h6>
            <form action="/admin_master/pengaturan_akun/ganti_password" method="POST">
                <div class="mb-3">
                    <label class="form-label fw-semibold" style="font-size: 0.85rem;">Password Lama</label>
                    <input type="password" name="password_lama" class="form-control" required>
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold" style="font-size: 0.85rem;">Password Baru</label>
                    <input type="password" name="password_baru" class="form-control" required minlength="6" placeholder="Minimal 6 karakter">
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold" style="font-size: 0.85rem;">Konfirmasi Password Baru</label>
                    <input type="password" name="password_konfirmasi" class="form-control" required minlength="6">
                </div>
                <button type="submit" class="btn btn-warning"><i class="fas fa-key me-1"></i> Ganti Password</button>
            </form>
        </div>
    </div>
</div>
{% endif %}

{% endblock %}