https://ghodaghodimun.gov.np/login

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <meta name="csrf-token" content="zZirqB66yvUSe6KP5PRClTU7R7TT9oregZOcuTHi">
8    <title>
9
10         घोडाघोडी नगरपालिका
11    </title>
12
13    <link rel="icon" href="https://ghodaghodimun.gov.np/assets/img/nep-gov-logo-sm.png">
14<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari&display=swap" rel="stylesheet">
15<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
16<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
17
18
19
20<link rel="stylesheet" href="https://ghodaghodimun.gov.np/css/sidebar.css">
21<link href="https://cdn.jsdelivr.net/npm/tom-select/dist/css/tom-select.bootstrap5.min.css" rel="stylesheet">
22
23
24
25<style>
26    @font-face {
27        font-family: Kalimati;
28        src: url("https://ghodaghodimun.gov.np/assets/fonts/Kalimati.ttf") format('truetype');
29
30    }
31
32    .kalimati-font {
33        font-family: 'Kalimati';
34    }
35
36    #project {
37        background-color: #12213A;
38    }
39
40    /* .unicode-font {
41        font-family: 'noto';
42    } */
43
44    label.required:after {
45        content: ' *';
46        color: #fa5661;
47    }
48
49    .carousel-image {
50        border: 1px solid #ddd;
51        padding: 2px;
52        max-width: 700px;
53        height: 300px;
54        object-fit: fill;
55        position: relative;
56        /* margin: 20px; */
57    }
58
59    .feature-image {
60        height: 200px;
61        object-fit: cover;
62        position: relative;
63        /* margin: 20px; */
64    }
65
66    .feature-image-thum {
67        border: 1px solid #ddd;
68        padding: 2px;
69        width: 120px;
70        height: 80px;
71        object-fit: cover;
72        position: relative;
73        margin: 2px;
74    }
75
76    .profile {
77        border: 1px solid #ddd;
78        border-radius: 50%;
79        padding: 2px;
80        width: 200px;
81        height: 200px;
82        object-fit: cover;
83        position: relative;
84        margin: 20px;
85    }
86
87    .profile-nav {
88        border: 1px solid #ddd;
89        border-radius: 50%;
90        padding: 2px;
91        width: 40px;
92        height: 40px;
93        object-fit: cover;
94        position: relative;
95        margin: 2px;
96    }
97
98    .fa-ellipsis-v {
99        color: black;
100    }
101
102    .sub-menu {
103        height: 0;
104        overflow: hidden;
105        margin: 0;
106        padding: 0;
107
108    }
109
110    .parent-item.active-menu .sub-menu {
111        height: auto !important;
112    }
113
114    .parent-item.active-menu .arrow-icon {
115        transform: rotate(90deg)
116    }
117</style>
118<link rel="stylesheet" href="https://ghodaghodimun.gov.np/assets/css/utilities.css">
119<link href="https://ghodaghodimun.gov.np/assets/mdb/css/addons/datatables.min.css" rel="stylesheet">
120
121<link rel="stylesheet" href="https://ghodaghodimun.gov.np/assets/nepali-datepicker-v4/css/nepali.datepicker.v4.0.1.min.css">
122<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap" rel="stylesheet">
123<link rel="stylesheet" href="/css/app.css?id=5089ca8929ea60015b545b1a68d56479">
124<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/summernote-bs4.min.css" rel="stylesheet">
125<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
126<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css"
127    integrity="sha256-FdatTf20PQr/rWg+cAKfl6j4/IY3oohFAJ7gVC3M34E=" crossorigin="anonymous">
128
129<!-- select2-bootstrap4-theme -->
130<link rel="stylesheet"
131    href="https://cdn.jsdelivr.net/npm/@ttskch/select2-bootstrap4-theme/dist/select2-bootstrap4.min.css">
132<!-- for live demo page -->
133<!-- Web Application Manifest -->
134<link rel="manifest" href="https://ghodaghodimun.gov.np/manifest.json">
135<!-- Chrome for Android theme color -->
136<meta name="theme-color" content="#000000">
137
138<!-- Add to homescreen for Chrome on Android -->
139<meta name="mobile-web-app-capable" content="yes">
140<meta name="application-name" content="Suchi Darta">
141<link rel="icon" sizes="512x512" href="/images/icons/manifest-icon-512.maskable.png">
142
143<!-- Add to homescreen for Safari on iOS -->
144<meta name="apple-mobile-web-app-capable" content="yes">
145<meta name="apple-mobile-web-app-status-bar-style" content="black">
146<meta name="apple-mobile-web-app-title" content="Suchi Darta">
147<link rel="apple-touch-icon" href="/images/icons/manifest-icon-512.maskable.png">
148
149
150<link href="/images/icons/apple-splash-640-1136.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
151<link href="/images/icons/apple-splash-750-1334.jpg" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
152<link href="/images/icons/apple-splash-1242-2208.jpg" media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
153<link href="/images/icons/apple-splash-1125-2436.jpg" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
154<link href="/images/icons/apple-splash-828-1792.jpg" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
155<link href="/images/icons/apple-splash-1242-2688.jpg" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
156<link href="/images/icons/apple-splash-1536-2048.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
157<link href="/images/icons/apple-splash-1668-2224.jpg" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
158<link href="/images/icons/apple-splash-1668-2388.jpg" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
159<link href="/images/icons/apple-splash-2048-2732.jpg" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
160
161<!-- Tile for Win8 -->
162<meta name="msapplication-TileColor" content="#ffffff">
163<meta name="msapplication-TileImage" content="/images/icons/manifest-icon-512.maskable.png">
164

165<script type="text/javascript">
166    // Initialize the service worker
167    if ('serviceWorker' in navigator) {
168        navigator.serviceWorker.register('/serviceworker.js', {
169            scope: '.'
170        }).then(function (registration) {
171            // Registration was successful
172            console.log('Laravel PWA: ServiceWorker registration successful with scope: ', registration.scope);
173        }, function (err) {
174            // registration failed :(
175            console.log('Laravel PWA: ServiceWorker registration failed: ', err);
176        });
177    }
178</script>

178        <style>
179        #login-form-wrap {
180            display: flex;
181            height: 100vh;
182            align-items: center;
183            justify-content: center;
184        }
185
186        #login-form-wrap>.card {
187            width: 400px;
188            border-radius: 8px;
189        }
190    </style>
191
192
193</head>
194
195<body class="">
196    <div id="app">
197                        <div id="login-form-wrap">
198        <div class="card font-roboto card-shadow z-depth-0">
199            <div class="card-body pt-0 px-4 pb-4">
200                <div class="text-center">
201                    <img class="img-responsive rounded-circle bg-white p-2"
202                        src="https://ghodaghodimun.gov.np/assets/img/nep-gov-logo-sm.png" alt=""
203                        style="height: 100px; width: 110px; margin-top: -35px;">
204                </div>
205                <h2 class="h2-responsive text-center font-weight-bold my-4">Login</h2>
206                <div class="my-5"></div>
207                
208                <form method="POST" action="https://ghodaghodimun.gov.np/login">
209                    <input type="hidden" name="_token" value="zZirqB66yvUSe6KP5PRClTU7R7TT9oregZOcuTHi">                    <div class="form-group">
210                        <input type="email" id="email" name="email"
211                            class="form-control grey lighten-5 p-4  "
212                            placeholder="Email" value="" required autocomplete="email" autofocus>
213                                            </div>
214                    <div class="form-group">
215                        <input type="password" id="password" name="password"
216                            class="form-control grey lighten-5 p-4 "
217                            placeholder="Password" required autocomplete="current-password">
218                                            </div>
219
220                    <div class="form-group">
221                        <div class="form-check">
222                            <input class="form-check-input" type="checkbox" name="remember" id="remember"
223                                >
224
225                            <label class="form-check-label" for="remember">
226                                Remember Me
227                            </label>
228                        </div>
229                    </div>
230
231                    <div class="form-group text-center">
232                        <button type="submit" class="btn btn-primary btn-block z-depth-0 rounded">
233                            Login
234                        </button>
235
236                                            </div>
237                </form>
238            </div>
239        </div>
240    </div>
241        
242            </div>
243
244
245    <!-- ✅ jQuery (ONLY ONE - FULL VERSION) -->

246<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

246
247
248<!-- ✅ Bootstrap (CHOOSE ONE → using v5 here) -->

249<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>

249

250<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>

250
251
252
253<!-- ✅ Plugins (AFTER jQuery) -->

254<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

254

255<script src="https://ghodaghodimun.gov.np/assets/nepali-datepicker-v4/js/nepali.datepicker.v4.0.1.min.js"></script>

255

256<script src="https://ghodaghodimun.gov.np/assets/mdb/js/addons/datatables.min.js"></script>

256
257

258<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/summernote-bs4.min.js"></script>

258

259<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>

259

260<script src="https://cdn.jsdelivr.net/npm/tom-select/dist/js/tom-select.complete.min.js"></script>

260
261

262<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

262

263<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

263
264
265<!-- ✅ MAIN SCRIPT -->
266

267<script src="/js/app.js?id=b0397026d3696963426c4bf41d98070b"></script>

267

268<script>
269    $(function() {
270
271        // ✅ Summernote
272        $('#summernote, #summernote1, #summernote2').summernote({
273            height: 300,
274            placeholder: "Descriptions",
275            toolbar: [
276                ['style', ['style']],
277                ['font', ['bold', 'italic', 'underline', 'clear']],
278                ['fontname', ['fontname']],
279                ['fontsize', ['fontsize']],
280                ['color', ['color']],
281                ['para', ['ul', 'ol', 'paragraph']],
282                ['insert', ['link', 'picture']],
283                ['view', ['fullscreen', 'codeview']]
284            ],
285            fontNames: [
286                'Arial', 'Arial Black', 'Comic Sans MS', 'Courier New',
287                'Times New Roman', 'Verdana', 'Mangal', 'Preeti', 'Noto Sans Devanagari'
288            ],
289            fontNamesIgnoreCheck: [
290                'Mangal', 'Preeti', 'Noto Sans Devanagari'
291            ]
292        });
293
294        // ✅ Nepali Date Picker
295        $('.nepali-date-picker').nepaliDatePicker({
296            ndpYear: true,
297            ndpMonth: true,
298            ndpYearCount: 200,
299        });
300
301        // ✅ Sidebar Toggle
302        window.toggleSidebar = function() {
303            const sidebar = document.getElementById('sidebar');
304            const body = document.body;
305            if (!sidebar) return;
306
307            sidebar.classList.toggle('close');
308            body.classList.toggle('sidebar-opened');
309            body.classList.toggle('sidebar-close');
310        };
311
312        // ✅ Dropdowns (safe check)
313        function handleDropdown(toggleId, menuId) {
314            const toggle = document.getElementById(toggleId);
315            const menu = document.getElementById(menuId);
316
317            if (!toggle || !menu) return;
318
319            toggle.addEventListener("click", function(e) {
320                e.preventDefault();
321                menu.classList.toggle("show");
322                menu.classList.toggle("hidden");
323            });
324
325            document.addEventListener("click", function(event) {
326                if (!toggle.contains(event.target) && !menu.contains(event.target)) {
327                    menu.classList.remove("show");
328                    menu.classList.add("hidden");
329                }
330            });
331        }
332
333        handleDropdown("dropdownToggle-department", "dropdownMenu-department");
334        handleDropdown("dropdownToggle", "dropdownMenu");
335
336    });
337</script>

337
338
339<!-- ✅ PWA INSTALL -->

340<script>
341    let deferredPrompt;
342
343    window.addEventListener('beforeinstallprompt', (e) => {
344        e.preventDefault();
345        deferredPrompt = e;
346        console.log('PWA install ready');
347    });
348</script>

348
349
350        

350<script>
351        document.addEventListener('DOMContentLoaded', function() {
352
353            fetch('https://api.ipify.org?format=json')
354                .then(response => {
355                    if (!response.ok) {
356                        throw new Error('Unable to get public IP');
357                    }
358
359                    return response.json();
360                })
361                .then(data => {
362
363                    if (!data.ip) {
364                        return;
365                    }
366
367                    return fetch('https://ghodaghodimun.gov.np/set-public-ip', {
368                        method: 'POST',
369
370                        headers: {
371                            'Content-Type': 'application/json',
372                            'X-CSRF-TOKEN': 'zZirqB66yvUSe6KP5PRClTU7R7TT9oregZOcuTHi',
373                            'Accept': 'application/json',
374                        },
375
376                        body: JSON.stringify({
377                            ip: data.ip
378                        })
379                    });
380                })
381                .catch(error => {
382                    console.log('Public IP detection failed:', error);
383                });
384
385        });
386    </script>

386
387
388</body>
389
390</html>