{% extends 'admin_master/base_admin_master.html' if session.get('role') == 'admin_master' else 'admin_psb/base_admin_psb.html' %}
{% set active_page = 'pengaturan' %}

{% block page_title %}Pengaturan Sistem{% endblock %}

{% block content %}

        <!-- TAB NAVIGATION (Gaya Modern) -->
        <ul class="nav nav-pills mb-4" id="settings-tab" role="tablist">
        <div class="card border-0 shadow-sm rounded-4 p-4 bg-white" style="min-height: 500px;">
                <form action="/admin_psb/pengaturan" method="POST">
                    <input type="hidden" name="form_type" value="ubah_password">
                    
                    <div class="row mb-4 align-items-center">
                        <div class="col-md-3">
                            <label class="form-label mb-0 fw-bold text-secondary">Username Saat Ini</label>
                        </div>
                        <div class="col-md-5">
                            <input type="text" name="username_baru" class="form-control bg-light" value="{{ username_saat_ini }}" required>
                        </div>
                    </div>

                    <hr class="my-4 text-muted">

                    <div class="row mb-4 align-items-center">
                        <div class="col-md-3">
                            <label class="form-label mb-0 fw-bold text-danger">Password Lama <span class="text-danger">*</span></label>
                            <small class="d-block text-muted">Wajib diisi untuk memverifikasi identitas Anda.</small>
                        </div>
                        <div class="col-md-5">
                            <input type="password" name="password_lama" class="form-control border-danger" required placeholder="Masukkan password Anda saat ini">
                        </div>
                    </div>

                    <div class="row mb-4 align-items-center">
                        <div class="col-md-3">
                            <label class="form-label mb-0 fw-bold text-secondary">Password Baru</label>
                            <small class="d-block text-muted">Biarkan kosong jika tidak ingin mengubah password.</small>
                        </div>
                        <div class="col-md-5">
                            <input type="password" name="password_baru" class="form-control">
                        </div>
                    </div>
                    
                    <div class="row mb-5 align-items-center">
                        <div class="col-md-3">
                            <label class="form-label mb-0 fw-bold text-secondary">Konfirmasi Password Baru</label>
                        </div>
                        <div class="col-md-5">
                            <input type="password" name="password_konfirmasi" class="form-control">
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-3"></div>
                        <div class="col-md-6">
                            <button type="submit" class="btn btn-primary px-4 shadow-sm">Save Changes</button>
                        </div>
                    </div>
        </div>
{% endblock %}