        <!-- ============================================================== -->
        <!-- wrapper  -->
        <!-- ============================================================== -->
        <div class="dashboard-wrapper">
            <div class="container-fluid  dashboard-content">
                <!-- ============================================================== -->
                <!-- pageheader -->
                <!-- ============================================================== -->
                <div class="row">
                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="page-header">
                            <h2 class="pageheader-title">Ubah Sandi</h2>
                            <div class="page-breadcrumb">
                                <nav aria-label="breadcrumb">
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="index.php" class="breadcrumb-link"><?php echo namahari_ID(date('Y-m-d')) . ", " . date('d-m-Y'); ?>, Dashboard</a></li>
                                        <li class="breadcrumb-item">Pengaturan</a></li>
                                        <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">Profile</a></li>
                                        <li class="breadcrumb-item active" aria-current="page"><a href="?menu=ubah-sandi" class="breadcrumb-link">Ubah Sandi</a></li>
                                    </ol>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- ============================================================== -->
                <!-- end pageheader -->
                <!-- ============================================================== -->

                <div class="row">
                    <!-- ============================================================== -->
                    <!-- basic form -->
                    <!-- ============================================================== -->
                    <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                        <div class="card">
                            <h5 class="card-header">Edit Password User</h5>
                            <div class="card-body">
                                <form id="basicform" data-parsley-validate="" action="pengaturan/ubahsandi/simpan.ubah.sandi.php" method="post" enctype="multipart/form-data">
                                    <div class="form-group">
                                        <label for="inputSandiLama">Sandi Lama anda</label>
                                        <input id="inputSandiLama" type="password" name="strSandiLama" data-parsley-trigger="change" required="" placeholder="masukan sandi lama anda" autocomplete="off" class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <label for="inputSandiBaru">Sandi baru anda <i class="fas fa-question-circle" title="pastikan minimal 6 karakter mengandung 1 angka, 1 huruf kecil dan 1 huruf besar"></i></label>
                                        <input id="inputSandiBaru" type="password" name="strSandiBaru" minlength="6" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}" data-parsley-trigger="change" required="" placeholder="Masukan sandi baru anda" title="pastikan minimal 6 karakter mengandung 1 angka, 1 huruf kecil dan 1 huruf besar" autocomplete="off" class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <label for="inputSandiKonfirmasi">Ulangi sandi baru anda</label>
                                        <input id="inputSandiKonfirmasi" type="password" name="strSandiKonfirmasi" data-parsley-trigger="change" required="" placeholder="Masukan kembali sandi baru anda" autocomplete="off" class="form-control">
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6 pl-0">
                                            <p class="text-right">
                                                <button type="submit" name="simpan" class="btn btn-space btn-primary">Simpan</button>
                                                <a href="?menu=daftar-user" class="btn btn-space btn-secondary">Cancel</a>
                                            </p>
                                        </div>
                                    </div>
                                </form>
                                <?php
                                if (isset($_SESSION['stsSimpan']) && $_SESSION['stsSimpan'] <> "") {
                                    if ($_SESSION['stsSimpan'] == "Password Berhasil diubah")
                                        echo "<span class='badge-dot badge-success mr-1'></span>Password telah diubah";
                                    elseif ($_SESSION['stsSimpan'] == "Password Gagal diubah")
                                        echo "<span class='badge-dot badge-danger mr-1'></span>Password gagal diubah";
                                    $_SESSION['stsSimpan'] = "";
                                }
                                ?>
                            </div>
                        </div>
                    </div>
                    <!-- ============================================================== -->
                    <!-- end basic form -->
                    <!-- ============================================================== -->
                </div>
            </div>
            <!-- ============================================================== -->
            <!-- footer -->
            <!-- ============================================================== -->
            <div class="footer">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                            Copyright © 2024 TPC-PACK, Developed By <a href="mailto: jockie@netportal.my.id">JC Comp</a>.
                        </div>
                        <!--<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="text-md-right footer-links d-none d-sm-block">
                                <a href="javascript: void(0);">About</a>
                                <a href="javascript: void(0);">Support</a>
                                <a href="javascript: void(0);">Contact Us</a>
                            </div>
                        </div>-->
                    </div>
                </div>
            </div>
            <!-- ============================================================== -->
            <!-- end footer -->
            <!-- ============================================================== -->
        </div>