https://henbuk.com/reset

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5  <meta name="csrf-token" content="JVSUyI2I1VpLvlV6XIGKi2VSntksucoCGa9tqDKl">
6  <meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" name="viewport">
7  <title>Lupa Password | Henbuk </title>
8
9  <!-- General CSS Files -->
10  <link rel="stylesheet" href="https://henbuk.com/assets/modules/bootstrap/css/bootstrap.min.css">
11  <link rel="stylesheet" href="https://henbuk.com/assets/modules/fontawesome/css/all.min.css">
12
13  <!-- CSS Libraries -->
14
15  <!-- Template CSS -->
16  <link rel="stylesheet" href="https://henbuk.com/assets/css/style.css">
17  <link rel="stylesheet" href="https://henbuk.com/assets/css/components.css">
18
19  <!-- Start GA -->

19
20  <script async src="https://www.googletagmanager.com/gtag/js?id=

20UA-94034622-3

20"></script>
21  

21<script>
22    

22window.dataLayer = window.dataLayer || [];
23    function gtag(){dataLayer.push(arguments);}
24    gtag('js', new Date());
25
26    gtag('config', '

26UA-94034622-3

26');
27  

27</script>

27
28  <!-- /END GA -->
29
30  <style>
31    body {
32        background: var(--hb-header);
33    }
34    .card.card-primary {
35        border-top: 2px solid var(--hb-header) !important;
36    }
37  </style>
38
39  
40  <!-- PWA  -->
41<meta name="theme-color" content="#ffffff" />
42<link rel="apple-touch-icon" href="https://henbuk.com/assets/img/logo-henbuk-app.webp">
43<link rel="manifest" href="https://henbuk.com/manifest.json?ver=2.26.2">
44

45<script>
46    let deferredPrompt;
47
48    function isIosDevice() {
49        return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
50    }
51
52    function isAppInstalled() {
53        return window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true;
54    }
55
56    function isChromeIos() {
57        return /CriOS/.test(navigator.userAgent);
58    }
59
60    function isAndroidDevice() {
61        return /Android/.test(navigator.userAgent);
62    }
63
64    window.addEventListener("beforeinstallprompt", (event) => {
65        event.preventDefault(); // Mencegah prompt muncul otomatis
66        deferredPrompt = event; // Simpan event untuk digunakan nanti
67    });
68
69    // Pastikan tombol ada sebelum menambahkan event listener
70    document.addEventListener("DOMContentLoaded", () => {
71        const btnDownload = document.getElementById("btn-download-pwa");
72
73        if (btnDownload) {
74            btnDownload.addEventListener("click", async () => {
75                if (deferredPrompt) {
76                    deferredPrompt.prompt(); // Menampilkan pop-up install PWA
77                    const {
78                        outcome
79                    } = await deferredPrompt.userChoice; // Menunggu respon user
80                    deferredPrompt = null; // Reset event setelah digunakan
81                } else if (isAppInstalled()) {
82                    alert("Aplikasi sudah terinstall di perangkat Anda.");
83                } else if (isIosDevice()) {
84                    if (isChromeIos()) {
85                        alert("Untuk mengunduh Henbuk sebagai Web App di Chrome iOS:\n\n1. Ketuk ikon 'Bagikan' di pojok kanan atas.\n2. Pilih 'Tambahkan ke Layar Utama'.");
86                    } else {
87                        alert("Untuk mengunduh Henbuk sebagai Web App di Safari:\n\n1. Ketuk ikon 'Bagikan' di bagian bawah.\n2. Pilih 'Tambahkan ke Layar Utama'.");
88                    }
89                } else if (isAndroidDevice()) {
90                    alert("Untuk mengunduh Henbuk sebagai Web App di Chrome Android:\n\n1. Ketuk ikon menu (tiga titik) di pojok kanan atas.\n2. Pilih 'Tambahkan ke Layar Utama'.");
91                } else {
92                    alert("Terjadi kesalahan yang tidak diketahui.");
93                }
94            });
95        }
96    });
97</script>

97
98</head>
99
100<body>
101  <div id="app">
102    <section class="section">
103      <div class="container mt-5">
104        <div class="row">
105          <div class="col-12 col-sm-8 offset-sm-2 col-md-6 offset-md-3 col-lg-6 offset-lg-3 col-xl-4 offset-xl-4">
106          <div class="login-brand">
107            <h3 class="text-light">HENBUK</h3>
108          </div>
109            <div class="card card-primary">
110            <div class="card-body">
111              <div class="card-header"><h4>Reset Password</h4></div>
112              
113                <div class="error-message" style="display: none"></div>
114              
115              
116                <div class="success-message" style="display: none"></div>
117              
118                <form id="form-reset" method="POST">
119                <input type="hidden" name="_token" value="JVSUyI2I1VpLvlV6XIGKi2VSntksucoCGa9tqDKl">                  <div class="form-group">
120                    <label for="email">Email</label>
121                    <input id="email" type="email" class="form-control" name="email" tabindex="1" autofocus>
122                  </div>
123                  <div class="form-group">
124                    <button type="submit" id="btn-submit" class="btn btn-primary btn-lg btn-block" tabindex="4">
125                      Reset Password
126                    </button>
127                  </div>
128                </form>
129              </div>
130            </div>
131          </div>
132        </div>
133       <input type="hidden" id="submit-url" value="https://henbuk.com/reset">
134      </div>
135    </section>
136  </div>
137  <input type="hidden" id="base-url" value="https://henbuk.com">
138  <input type="hidden" id="asset-url" value="https://henbuk.com/">
139    <!-- General JS Scripts -->
140    

140<script src="https://henbuk.com/assets/modules/jquery.min.js"></script>

140
141    

141<script src="https://henbuk.com/assets/modules/popper.js"></script>

141
142    

142<script src="https://henbuk.com/assets/modules/tooltip.js"></script>

142
143    

143<script src="https://henbuk.com/assets/modules/bootstrap/js/bootstrap.min.js"></script>

143
144    

144<script src="https://henbuk.com/assets/modules/nicescroll/jquery.nicescroll.min.js"></script>

144
145    

145<script src="https://henbuk.com/assets/modules/moment.min.js"></script>

145
146    

146<script src="https://henbuk.com/assets/js/stisla.js"></script>

146
147    <!-- Template JS File -->
148    

148<script src="https://henbuk.com/assets/js/scripts.js"></script>

148
149    

149<script src="https://henbuk.com/assets/js/custom.js"></script>

149
150    

150<script src="https://henbuk.com/assets/js/validation.js"></script>

150
151    

151<script src="https://henbuk.com/assets/js/helpers.js"></script>

151
152
153  

153<script src="https://henbuk.com/assets/js/resetpassword.js"></script>

153
154</body>
155</html>