PageSourceSearch

https://thuviennhadat.vn/Users/Login?returnUrl=%2Fgoi-hoi-vien%2Fdang-ky

html thuviennhadat.vn collected 2026-10-03 21:04:01 UTC 298,448 bytes, 5,665 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="vi">
4<head>
5    <title>Thư Viện Nhà Đất - Đăng nhập</title>
6
7        <meta name="robots" content="index,follow,max-image-preview:large" />
8
9    <meta name="viewport" content="width=device-width, initial-scale=1.0">
10    
11
12    <meta name="theme-color" content="#003366">
13    <meta charset="utf-8" />
14    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
15    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
16    <meta http-equiv="content-language" content="vi" />
17
18    <meta name="application-name" content="Thư Viện Nhà Đất">
19    <meta name="apple-mobile-web-app-title" content="Thư Viện Nhà Đất" />
20    <meta name="msapplication-tooltip" content="Thư Viện Nhà Đất">
21    <meta name="msapplication-starturl" content="/">
22    <meta name="msapplication-TileColor" content="#003366">
23    <meta name="msapplication-TileImage" content="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-128x128.png">
24
25    <meta property="og:site_name" content="Thư Viện Nhà Đất" />
26    <meta property="og:type" content="website" />
27
28    <meta name="google-site-verification" content="ly9NW4W7SEBMj9z49R6ekCxjFebFyqq8CKSYgFMZTPU" />
29
30    <link rel="icon" href="/favicon.ico" type="image/x-icon">
31    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
32
33    <link rel="icon" type="image/png" sizes="16x16" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-16x16.png">
34    <link rel="icon" type="image/png" sizes="32x32" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-32x32.png">
35    <link rel="icon" type="image/png" sizes="64x64" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-64x64.png">
36    <link rel="icon" type="image/png" sizes="96x96" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-96x96.png">
37    <link rel="icon" type="image/png" sizes="128x128" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-128x128.png">
38    <link rel="icon" type="image/png" sizes="256x256" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-256x256.png">
39    <link rel="icon" type="image/png" sizes="512x512" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-512x512.png">
40
41    <link rel="icon" type="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-128x128.svg" />
42
43    <link rel="apple-touch-icon" sizes="64x64" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-64x64.png">
44    <link rel="apple-touch-icon" sizes="128x128" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-128x128.png">
45    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/apple-touch-icon.png" />
46    <link rel="apple-touch-icon" sizes="256x256" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-256x256.png">
47    <link rel="apple-touch-icon" sizes="512x512" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-512x512.png">
48
49    <link rel="mask-icon" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-128x128.svg" color="#5bbad5">
50    <link href="/Content/sweetalert2.min.css?v=1.0.90" rel="stylesheet" />
51
52
53    
54
55    <link href="/Library/Semantic-UI-CSS/semantic.css" rel="stylesheet" />
56    <link href="/Content/Site.css?v=1.0.90" rel="stylesheet" />
57    <link href="/Content/Main.css?v=?v=1.0.90" rel="stylesheet" />
58    <link href="/Library/FontAwesome/css/font-awesome.min.css" rel="stylesheet" />
59    <link href="/Content/modal/register.connection.css?v=1.0.90" rel="stylesheet" />
60
61    
61<script src="/Scripts/jquery-3.7.1.min.js"></script>
61
62    
62<script src="/Library/Semantic-UI-CSS/semantic.js"></script>
62
63    
63<script src="/Scripts/News/Detail.js?v=1.0.90"></script>
63
64    
64<script src="/Library/StickyParent/Main.js"></script>
64
65
66    <link href="/Library/Calendar/calendar.css" rel="stylesheet" />
67    
67<script src="/Library/Calendar/calendar.js"></script>
67
68
69    <link rel="stylesheet" type="text/css" href="/Library/Semantic UI Alerts/dist/semantic-ui-alerts.css">
70    
70<script type="text/javascript" src="/Library/Semantic UI Alerts/dist/semantic-ui-alerts.js"></script>
70
71
72    <!-- lazy loading image jsDeliver -->
73    
73<script type="text/javascript" src="/Library/LazyLoading/jquery.lazy-master/jquery.lazy.min.js"></script>
73
74    
74<script type="text/javascript" src="/Library/LazyLoading/jquery.lazy-master/jquery.lazy.plugins.min.js"></script>
74
75
76    <!-- Zalo SDK -->
77    
77<script src="https://sp.zalo.me/plugins/sdk.js"></script>
77
78
79
80        <!-- Google Tag Manager -->
81        
81<script>
vendor: 527 bytes, lines 81-89
81
82            (function (w, d, s, l, i) {
83                w[l] = w[l] || []; w[l].push({
84                    'gtm.start':
85                        new Date().getTime(), event: 'gtm.js'
86                }); var f = d.getElementsByTagName(s)[0],
87                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
88                        'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
89            })(window, document, 'script', 'dataLayer', '
89GTM-KM7D4R5C
vendor: 13 bytes, lines 89-90
89');
90        
90</script>
90
91        <!-- End Google Tag Manager -->
92
93    
93<script>
94        var isOnlyMobileMode = $(window).innerWidth() < 480;
95        var isMobile_TabletMode = $(window).innerWidth() < 979;
96        var isOnlyTabletMode = $(window).innerWidth() < 979 && $(window).innerWidth() > 480;
97    </script>
97
98
99
100
101
102
103    <style>
104
105        ins.adsbygoogle[data-ad-status="unfilled"] {
106            display: none !important;
107        }
108
109        #main-content {
110            text-align: unset;
111        }
112
113        .introduction {
114            text-align: unset !important;
115        }
116
117        @media only screen and (min-width: 768px) and (max-width: 991px) {
118            .ui.container {
119                width: unset !important;
120                margin-left: 16px !important;
121                margin-right: 16px !important;
122            }
123
124            .ui.grid.container {
125                width: unset !important;
126            }
127
128            .ui.relaxed.grid.container {
129                width: unset !important;
130            }
131
132            .ui.very.relaxed.grid.container {
133                width: unset !important;
134            }
135        }
136
137        /* Small Monitor */
138
139        /*  @media only screen and (min-width: 992px) and (max-width: 1199px) {
140            .ui.container {
141                width: unset !important;
142                margin-left: 2rem !important;
143                margin-right: 2rem !important;
144            }
145
146            .ui.grid.container {
147                width: unset !important;
148            }
149
150            .ui.relaxed.grid.container {
151                width: unset !important;
152            }
153
154            .ui.very.relaxed.grid.container {
155                width: unset !important;
156            }
157        }*/
158
159
160        .brand-name {
161            position: relative;
162            padding-top: 20px;
163            /*font-family: 'Times New Roman';*/
164            font-weight: bold;
165        }
166
167            .brand-name .br-1 {
168                color: var(--primary-color);
169            }
170
171            .brand-name .br-2 {
172                color: var(--secondary-color);
173            }
174
175            .brand-name .br-3 {
176                position: absolute;
177                top: 9px;
178                right: 0px;
179                color: var(--primary-color);
180                font-size: 0.6em;
181            }
182
183
184        .ui.primary.buttons .button, .ui.primary.button {
185            background-color: var(--primary-color);
186        }
187
188        .ui.secondary.buttons .button, .ui.secondary.button {
189            background-color: var(--secondary-color);
190        }
191
192        .ui.negative.buttons .button, .ui.negative.button {
193            background-color: var(--alert-error);
194        }
195
196        /* Tooltip styling */
197        .tooltip {
198            position: absolute;
199            display: none; /* Initially hidden */
200            z-index: 10;
201        }
202
203            /* Tooltip button styling */
204            .tooltip button {
205                background-color: #333;
206                color: #fff;
207                border: none;
208                padding: 5px 10px;
209                border-radius: 5px;
210                cursor: pointer;
211            }
212
213        #report-news-content {
214            background-color: ghostwhite;
215            padding: 8px 16px;
216        }
217
218
219        .link:hover {
220            background-size: 100% 100%;
221        }
222
223        .link {
224            background-image: linear-gradient(transparent calc(100% - 1px), var(--text-highlight) 1px);
225            background-size: 0 100%;
226            background-repeat: no-repeat;
227            transition: all 0.6s ease, -webkit-transform 0.6s ease;
228        }
229
230        .btn-secondary {
231            background-color: var(--secondary-color) !important;
232            color: var(--background-main) !important;
233        }
234
235        .btn-secondary-outline {
236            background-color: var(--background-main) !important;
237            color: var(--secondary-color) !important;
238            border: 2px solid var(--secondary-color) !important;
239        }
240
241        @media not all and (hover: none) {
242            .btn-secondary:hover {
243                opacity: 0.8;
244            }
245
246            .btn-muted:hover {
247                opacity: 0.8;
248            }
249
250            .btn-secondary-outline:hover {
251                background-color: var(--secondary-color) !important;
252                color: var(--background-main) !important;
253                border: 2px solid var(--secondary-color) !important;
254            }
255        }
256
257        .btn-muted {
258            background-color: var(--text-muted) !important;
259            color: var(--background-main) !important;
260        }
261
262
263        /*        .loader-center {
264            position: fixed;
265            left: 0px;
266            top: 0px;
267            width: 100%;
268            height: 100%;
269            z-index: 9999;
270        }*/
271
272        h1, h2, h3 {
273            line-height: 145%;
274        }
275
276        .padding-0 {
277            padding: 0;
278        }
279
280        .login-bar-header user-sign-in {
281            margin-bottom: 0 !important;
282            margin-top: 0 !important;
283        }
284
285        .margin-left-5 {
286            margin-left: 5px;
287        }
288
289        .align-items-center {
290            display: flex;
291            align-items: center;
292        }
293
294        .margin-left-auto {
295            margin-left: auto !important;
296        }
297
298        .justify-content-header {
299            display: flex;
300            justify-content: space-between;
301            margin-top: 0 !important;
302        }
303
304        #main-content table {
305            border-collapse: collapse;
306            width: 100% !important;
307            margin: 1em 0;
308            border: 1px solid rgba(34,36,38,.15);
309        }
310
311            #main-content table thead th {
312                background: #f9fafb;
313                padding: 12px 15px;
314                text-align: left;
315                font-weight: bold;
316                border: 1px solid rgba(34,36,38,.15);
317            }
318
319            #main-content table tbody td {
320                padding: 12px 15px;
321                border: 1px solid rgba(34,36,38,.15);
322            }
323
324            #main-content table.ui.celled {
325                border: none;
326            }
327
328                #main-content table.ui.celled td,
329                #main-content table.ui.celled th {
330                    border: 1px solid rgba(34,36,38,.15);
331                }
332
333        @media only screen and (max-width: 767px) {
334
335            #main-content table thead th {
336                padding: 3px;
337            }
338
339            #main-content table tbody td {
340                padding: 3px;
341            }
342
343            .ui.sidebar.menu .item {
344                padding-top: 8.5px;
345                padding-bottom: 8.5px;
346            }
347
348            .dropdown-title-left i {
349                line-height: 24px;
350                height: 100%;
351            }
352        }
353
354        @media (max-width: 480px) {
355            a {
356                -webkit-tap-highlight-color: transparent;
357                -webkit-focus-ring-color: transparent;
358                outline: none;
359            }
360
361            .breadcrumb .ui.dropdown .menu > .item {
362                max-width: 175px;
363                padding: 8px !important;
364            }
365
366            .ui.dropdown .menu > * {
367                white-space: normal !important;
368            }
369        }
370
371        /* Full-screen overlay */
372        .loading-overlay {
373            position: fixed;
374            top: 0;
375            left: 0;
376            width: 100vw;
377            height: 100vh;
378            background: rgb(255 255 255);
379            /*background: rgba(0, 0, 0, 0.8);
379*/ /* Dark background */
380            display: flex;
381            justify-content: center;
382            align-items: center;
383            z-index: 9999;
384            color: var(--primary-color);
385        }
386
387        /* Spinning loader */
388        .loader {
389            width: 50px;
390            height: 50px;
391            /*            border: 5px solid rgba(255, 255, 255, 0.3);
392            border-top: 5px solid #fff;*/
393            border-radius: 50%;
394            animation: spin 1s linear infinite;
395            border: 5px solid rgb(16 1 1 / 30%);
396            border-top: 5px solid #4a4444;
397        }
398
399        @keyframes spin {
400            0% {
401                transform: rotate(0deg);
402            }
403
404            100% {
405                transform: rotate(360deg);
406            }
407        }
408
409        .img_lazy_list {
410            width: 100% !important;
411            max-width: 100% !important;
412        }
413
414        .img-item-list-post {
415            width: 100% !important;
416            border-radius: 5px;
417            aspect-ratio: 16 / 10;
418            object-fit: cover;
419        }
420
421        .swal-small-newuser {
422            width: 350px !important; /* hoặc nhỏ hơn tuỳ ý */
423            font-size: 13px;
424        }
425
426        .swal2-popup a:focus {
427            outline: none !important;
428            box-shadow: none !important;
429        }
430
431
432
433        .lbl-err {
434            background-color: #ffeceb;
435            color: #e53c31;
436            padding: 3px;
437            border-radius: 3px;
438        }
439
440        .lbl-suss {
441            background-color: #e7fff4;
442            color: #07a36b;
443            padding: 3px;
444            border-radius: 3px;
445        }
446
447        .lbl-dis {
448            background-color: #e7fff4;
449            color: #07a36b;
450            padding: 3px;
451            border-radius: 3px;
452        }
453
454        .lbl-nom {
455            background-color: #f0eaf4;
456            color: #845db0;
457            padding: 3px;
458            border-radius: 3px;
459        }
460
461        .tippy-box[data-theme~='light-border'] {
462            background-color: #e0f2f1 !important;
463            color: #000 !important;
464            border: 1px solid #4db6ac !important;
465        }
466
467            .tippy-box[data-theme~='light-border'][data-placement^='top'] > .tippy-arrow::before {
468                border-top-color: #e0f2f1 !important;
469            }
470
471            .tippy-box[data-theme~='light-border'][data-placement^='bottom'] > .tippy-arrow::before {
472                border-bottom-color: #e0f2f1 !important;
473            }
474
475            .tippy-box[data-theme~='light-border'][data-placement^='left'] > .tippy-arrow::before {
476                border-left-color: #e0f2f1 !important;
477            }
478
479            .tippy-box[data-theme~='light-border'][data-placement^='right'] > .tippy-arrow::before {
480                border-right-color: #e0f2f1 !important;
481            }
482    </style>
483
484    <link href="/Content/Layout/layout.css?v=1.0.90" rel="stylesheet" />
485    
486</head>
487
488<body>
489
490    
491
492        <!-- Google Tag Manager (noscript) -->
vendor: 91 bytes, lines 492-494
492
493        <noscript>
494            <iframe src="https://www.googletagmanager.com/ns.html?id=
494GTM-KM7D4R5C
vendor: 123 bytes, lines 494-497
494"
495                    height="0" width="0" style="display:none;visibility:hidden"></iframe>
496        </noscript>
497        
497<!-- End Google Tag Manager (noscript) -->
498
499    <!-- Full-screen loader -->
500    
501
502    
503
504<style>
505
506    .ui.left.sidebar {
507        width: 300px;
508    }
509
510    .menu-left-content .item {
511        padding-left: unset !important;
512    }
513
514        .menu-left-content .item a, .menu-left-content .item i {
515            color: black !important;
516        }
517
518    .ui.sidebar.menu .item {
519        padding-top: 8.5px;
520        padding-bottom: 8.5px;
521        padding-right: 10px;
522    }
523
524    .user-login {
525        display: inline-block;
526        max-width: 100px;
527        white-space: nowrap;
528        overflow: hidden;
529        text-overflow: ellipsis;
530    }
531
532    .ui.sidebar.menu .sub-menu,
533    .ui.sidebar.menu .sub-menu-level-2 {
534        list-style: none !important;
535        padding-left: 25px;
536        margin-top: .5rem;
537    }
538</style>
539
540<div class="ui sidebar inverted vertical menu sidebar-left-menu" style="background-color: lightgray !important; height: 100dvh !important;">
541    <div class="column menu-left login-bar" style="background-color: #fff !important;">
542        <div class="column login-bar-header justify-content-header" style="margin-bottom: 20px;">
543            <div class="ui inline ui simple dropdown item user-sign-in flex-center" style="display:none; margin-bottom: 0!important;">
544                <div class="text" style="color: black; display: flex; align-items: center;">
545                    <img class="ui avatar image user-avatar" src="" loading="lazy">
546                    <div style="text-align: left;">
547                        <a class="dropdown-title user-login" id="user-login-mobile" style="margin-bottom:6px;"></a><br />
548                        <span class="user-loggedin-balance" style="font-weight: normal;display:none;">T&#224;i khoản: <b>0</b></span>
549                    </div>
550                </div>
551            </div>
552
553            
554            <div id="notify-toast-mobile" style="align-content: center; padding-right: 1rem"></div>
555
556        </div>
557
558        <div class="ui buttons" style="justify-content: center; align-items: center; width: 100%; position: absolute; top: 0%; left: 0%; ">
559            <button class="ui left button login text-primary" style="margin: 6px; border-radius: 8px; background: none; border: 0.5px solid; " id="login-button">Đăng nhập</button>
560            <button class="right ui button login text-primary" style="margin: 6px; border-radius: 8px; background-color: var(--text-highlight); color: var(--background-main) !important " id="register-button">Đăng ký</button>
561        </div>
562
563        <div class="ui stackable two column grid" style="justify-content:center; margin-top: 0; padding: 10px; gap:12px;">
564
565            
566<a class="ui button btn-secondary tvnd-button --button-create-post" href="/dang-tin" style="border-radius:8px;">
567    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 17h7m5-1h3m0 0h3m-3 0v3m0-3v-3M3 12h11M3 7h11" /></svg>
568    Đăng tin
569</a>
570
571            
572        <a class="ui button tvnd-btn-circle --button-deposit" style ="font-weight:500" href="/giao-dich/nap-tien">
573            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9v8a2 2 0 0 0 2 2h6M3 9V7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2M3 9h18m0 0v3M7 13h5m6 2v3m0 3v-3m0 0h-3m3 0h3" /></svg>
574            Nạp tiền
575        </a>
576
577
578            <a href="/goi-hoi-vien/dang-ky" style="display: flex; border-radius: 10px;">
579                <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/BannerHVP1.png" style="width: calc(100% + 2px); height: auto; margin: 0 -1px; border-radius: 10px;" />
580            </a>
581
582        </div>
583
584    </div>
585
586    <div style="background-color: #fff !important;">
587        <ul class="menu-left-content user-sign-in" style="margin-bottom: 0 !important; padding-right: 0;">
588            
589            <li class="item">
590                <a href="/tai-khoan/tong-quan" class="align-items-center">
591                    <img src="/Assets/img/pie-chart.svg" />
592                    <span class="margin-left-5"> Tổng quan</span>
593                </a>
594            </li>
595            <li class="item">
596                <a href="/tai-khoan/quan-ly-tin-dang" class="align-items-center">
597                    <img src="/Assets/img/litsting.svg" />
598                    <span class="margin-left-5"> Quản lý tin đăng</span>
599                </a>
600            </li>
601
602            <li class="item">
603                <a href="/goi-hoi-vien/dang-ky" style="padding-right: 0;">
604                    <i class="users icon" style="margin: 0; width: 20px;margin-right: 8px;"></i>
605                    <span>Gói hội viên</span> <span class="ui red label small pull-right" style="margin: 0 0 0 4px; font-weight: 500; padding: 0.3em 0.78571429em">Tiết kiệm đến 40%</span>
606                </a>
607            </li>
608
609            <li class="item">
610                <a href="/tai-khoan/quan-ly-khach-hang" class="align-items-center">
611                    <img src="/Assets/img/notebook.svg" />
612                    <span class="margin-left-5"> Quản lý khách hàng</span>
613                </a>
614            </li>
615
616            <li class="item">
617                <a href="/tai-khoan/quan-ly-khuyen-mai" class="align-items-center">
618                    <img src="/Assets/img/ticket-voucher.svg" alt="icon-voucher" style="height: 24px; width: 24px;" />
619                    <span class="margin-left-5"> Quản lý khuyến mãi</span>
620                </a>
621            </li>
622
623            <li class="item">
624                <a href="/tai-khoan/danh-sach-tin-da-luu" class="align-items-center">
625                    <img src="/Assets/img/heart.svg" />
626                    <span class="margin-left-5">Tin đăng đã lưu</span>
627                </a>
628            </li>
629        </ul>
630        <ul class="menu-left-content" style="padding-right: 0; padding-left: 10px; margin-top:0;">
631
632            
633
634            <li class="item">
635                <a href="/" class="align-items-center">
636                    <img src="/Assets/img/home.svg" />
637                    <span class="margin-left-5">Trang chá»§</span>
638                </a>
639
640            </li>
641
642            <li class="item">
643                <a href="/bang-gia-dat-moi-nhat-2026" class="align-items-center">
644                    
645
646                    <i class="icon search" style="font-size:18px"></i>
647                    <span class="margin-left-5">Tra cứu giá đất 2026</span>
648                </a>
649                <div style="margin-top:27px !important; left: 180px !important" class="floating ui red label lable-animation"></div>
650            </li>
651
652
653            <li class="item">
654                <div style="width:100%">
655                    <div class="dropdown-title-left align-items-center">
656                        <img src="/Assets/img/all.svg" />
657                        <a style="color:white" href="/ban-nha-dat-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"><span class="margin-left-5">Nhà đất bán</span></a>
658                        <i class="caret down icon margin-left-auto"></i>
659                    </div>
660                    <ul class="sub-menu" hidden>
661                                <li>
662                                    <a class="item" href="/ban-can-ho-chung-cu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
663                                        Căn hộ chung cư
664                                    </a>
665                                </li>
666                                <li>
667                                    <a class="item" href="/ban-nha-tai-dinh-cu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
668                                        Nhà tái định cư
669                                    </a>
670                                </li>
671                                <li>
672                                    <a class="item" href="/ban-chung-cu-mini-can-ho-dich-vu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
673                                        Chung cư mini, căn hộ dịch vụ
674                                    </a>
675                                </li>
676                                <li>
677                                    <a class="item" href="/ban-nha-rieng-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
678                                        Nhà riêng
679                                    </a>
680                                </li>
681                                <li>
682                                    <a class="item" href="/ban-nha-biet-thu-lien-ke-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
683                                        Nhà biệt thự, liền kề
684                                    </a>
685                                </li>
686                                <li>
687                                    <a class="item" href="/ban-nha-mat-pho-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
688                                        Nhà mặt phố
689                                    </a>
690                                </li>
691                                <li>
692                                    <a class="item" href="/ban-nha-pho-thuong-mai-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
693                                        Nhà phố thương mại
694                                    </a>
695                                </li>
696                                <li>
697                                    <a class="item" href="/ban-shop-house-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
698                                        Shophouse
699                                    </a>
700                                </li>
701                                <li>
702                                    <a class="item" href="/ban-condotel-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
703                                        Condotel
704                                    </a>
705                                </li>
706                                <li>
707                                    <a class="item" href="/ban-dat-o-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
708                                        Đất
709                                    </a>
710                                </li>
711                                <li>
712                                    <a class="item" href="/ban-dat-nen-du-an-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
713                                        Đất nền dự án
714                                    </a>
715                                </li>
716                                <li>
717                                    <a class="item" href="/ban-kho-nha-xuong-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
718                                        Kho, nhà xưởng
719                                    </a>
720                                </li>
721                                <li>
722                                    <a class="item" href="/ban-bat-dong-san-khac-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
723                                        Bất động sản khác
724                                    </a>
725                                </li>
726                    </ul>
727                </div>
728            </li>
729            <li class="item">
730                <div style="width:100%">
731                    <div class="dropdown-title-left align-items-center">
732                        <img src="/Assets/img/complex.svg" />
733                        <a style="color:white" href="/cho-thue-nha-dat-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"><span class="margin-left-5">Nhà đất cho thuê</span></a>
734                        <i class="caret down icon margin-left-auto"></i>
735                    </div>
736                    <ul class="sub-menu" hidden>
737                                <li>
738                                    <a class="item" href="/cho-thue-can-ho-chung-cu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
739                                        Căn hộ chung cư
740                                    </a>
741                                </li>
742                                <li>
743                                    <a class="item" href="/cho-thue-chung-cu-mini-can-ho-dich-vu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
744                                        Chung cư mini, căn hộ dịch vụ
745                                    </a>
746                                </li>
747                                <li>
748                                    <a class="item" href="/cho-thue-nha-rieng-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
749                                        Nhà riêng
750                                    </a>
751                                </li>
752                                <li>
753                                    <a class="item" href="/cho-thue-nha-biet-thu-lien-ke-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
754                                        Nhà biệt thự, liền kề
755                                    </a>
756                                </li>
757                                <li>
758                                    <a class="item" href="/cho-thue-nha-mat-pho-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
759                                        Nhà mặt phố
760                                    </a>
761                                </li>
762                                <li>
763                                    <a class="item" href="/cho-thue-nha-pho-thuong-mai-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
764                                        Nhà phố thương mại
765                                    </a>
766                                </li>
767                                <li>
768                                    <a class="item" href="/cho-thue-nha-tai-dinh-cu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
769                                        Nhà tái định cư
770                                    </a>
771                                </li>
772                                <li>
773                                    <a class="item" href="/cho-thue-shop-house-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
774                                        Shophouse
775                                    </a>
776                                </li>
777                                <li>
778                                    <a class="item" href="/cho-thue-condotel-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
779                                        Condotel
780                                    </a>
781                                </li>
782                                <li>
783                                    <a class="item" href="/cho-thue-nha-tro-phong-tro-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
784                                        Nhà trọ, phòng trọ
785                                    </a>
786                                </li>
787                                <li>
788                                    <a class="item" href="/cho-thue-van-phong-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
789                                        Văn phòng
790                                    </a>
791                                </li>
792                                <li>
793                                    <a class="item" href="/cho-thue-cua-hang-ki-ot-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
794                                        Mặt bằng kinh doanh, cửa hàng, kiot
795                                    </a>
796                                </li>
797                                <li>
798                                    <a class="item" href="/cho-thue-kho-nha-xuong-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
799                                        Kho, nhà xưởng
800                                    </a>
801                                </li>
802                                <li>
803                                    <a class="item" href="/cho-thue-bat-dong-san-khac-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">
804                                        Bất động sản khác
805                                    </a>
806                                </li>
807                    </ul>
808                </div>
809            </li>
810            <li class="item">
811                <div style="width:100%">
812                    <div class="dropdown-title-left align-items-center">
813                        <img src="/Assets/img/apartment.svg" />
814                        <a style="color:white" href="/du-an-bat-dong-san"><span class="margin-left-5">Dự án</span></a>
815                        <i class="caret down icon margin-left-auto"></i>
816                    </div>
817                    <ul class="sub-menu" hidden>
818                                <li>
819                                    <a class="item" href="/du-an-can-ho-chung-cu">
820                                        Căn hộ chung cư
821                                    </a>
822                                </li>
823                                <li>
824                                    <a class="item" href="/du-an-nha-tai-dinh-cu">
825                                        Nhà tái định cư
826                                    </a>
827                                </li>
828                                <li>
829                                    <a class="item" href="/du-an-cao-oc-van-phong">
830                                        Cao ốc văn phòng
831                                    </a>
832                                </li>
833                                <li>
834                                    <a class="item" href="/du-an-dat-chan-nuoi">
835                                        Đất chăn nuôi
836                                    </a>
837                                </li>
838                                <li>
839                                    <a class="item" href="/du-an-trung-tam-thuong-mai">
840                                        Trung tâm thương mại
841                                    </a>
842                                </li>
843                                <li>
844                                    <a class="item" href="/du-an-biet-thu-l
844ien-ke">
845                                        Biệt thự, liền kề
846                                    </a>
847                                </li>
848                                <li>
849                                    <a class="item" href="/du-an-nha-mat-pho">
850                                        Nhà mặt phố
851                                    </a>
852                                </li>
853                                <li>
854                                    <a class="item" href="/du-an-nha-hem">
855                                        Nhà hẻm
856                                    </a>
857                                </li>
858                                <li>
859                                    <a class="item" href="/du-an-khu-do-thi-moi">
860                                        Khu đô thị mới
861                                    </a>
862                                </li>
863                                <li>
864                                    <a class="item" href="/du-an-khu-phuc-hop">
865                                        Khu phức hợp
866                                    </a>
867                                </li>
868                                <li>
869                                    <a class="item" href="/du-an-nha-o-xa-hoi">
870                                        Nhà ở xã hội
871                                    </a>
872                                </li>
873                                <li>
874                                    <a class="item" href="/du-an-khu-cong-nghiep">
875                                        Khu công nghiệp
876                                    </a>
877                                </li>
878                                <li>
879                                    <a class="item" href="/du-an-khac">
880                                        Dự án khác
881                                    </a>
882                                </li>
883                                <li>
884                                    <a class="item" href="/du-an-shophouse">
885                                        Shophouse
886                                    </a>
887                                </li>
888                                <li>
889                                    <a class="item" href="/du-an-dat-nen">
890                                        Đất nền
891                                    </a>
892                                </li>
893                                <li>
894                                    <a class="item" href="/du-an-condotel">
895                                        Condotel
896                                    </a>
897                                </li>
898                    </ul>
899                </div>
900            </li>
901            <li class="item">
902                <div style="width:100%">
903                    <div class="dropdown-title-left align-items-center">
904                        <img src="/Assets/img/news.svg" />
905                        <a style="color:white" href="/thi-truong-bat-dong-san"><span class="margin-left-5">Thông tin nhà đất</span></a>
906                        <i class="caret down icon margin-left-auto"></i>
907                    </div>
908                    <ul class="sub-menu" hidden>
909                        <li class="item">
910                            <div class="dropdown-title-level-2 align-items-center" style="width:100%">
911                                <a href="/cam-nang-nha-dat">Cẩm nang nhà đất</a>
912                                <i class="caret down icon margin-left-auto"></i>
913                            </div>
914                            <ul class="sub-menu-level-2" hidden>
915
916                                        <li>
917                                            <a class="item" href="/cam-nang-nha-dat/cam-nang-nha-dat/kinh-nghiem-mua-ban-cho-thue">
918                                                Kinh nghiệm mua bán cho thuê
919                                            </a>
920                                        </li>
921                                        <li>
922                                            <a class="item" href="/cam-nang-nha-dat/cam-nang-nha-dat/phong-thuy-nha-dat">
923                                                Phong thủy nhà đất
924                                            </a>
925                                        </li>
926                                        <li>
927                                            <a class="item" href="/cam-nang-nha-dat/cam-nang-nha-dat/thuat-ngu-nha-dat">
928                                                Thuật ngữ nhà đất
929                                            </a>
930                                        </li>
931                                        <li>
932                                            <a class="item" href="/cam-nang-nha-dat/cam-nang-nha-dat/vat-lieu-xay-dung">
933                                                Vật liệu xây dựng
934                                            </a>
935                                        </li>
936                            </ul>
937                        </li>
938                        <li class="item">
939                            <div class="dropdown-title-level-2 align-items-center" style="width:100%">
940                                <a href="/khong-gian-song">
940Không gian sống </a>
941                                <i class="caret down icon margin-left-auto"></i>
942                            </div>
943                            <ul class="sub-menu-level-2" hidden>
944
945                                        <li>
946                                            <a class="item" href="/khong-gian-song/khong-gian-song/nha-dep-vuon-dep">
947                                                Nhà đẹp, vườn đẹp
948                                            </a>
949                                        </li>
950                                        <li>
951                                            <a class="item" href="/khong-gian-song/khong-gian-song/noi-that-ngoai-that">
952                                                Nội thất, ngoại thất
953                                            </a>
954                                        </li>
955                                        <li>
956                                            <a class="item" href="/khong-gian-song/khong-gian-song/thiet-bi-gia-dung">
957                                                Thiết bị gia dụng
958                                            </a>
959                                        </li>
960
961
962                            </ul>
963                        </li>
964                        <li class="item">
965                            <div class="dropdown-title-level-2 align-items-center" style="width:100%">
966                                <a href="/tai-chinh-bat-dong-san">Tài chính bất động sản</a>
967                            </div>
968                            <ul class="sub-menu-level-2" hidden>
969
970
971                            </ul>
972                        </li>
973                        <li class="item">
974                            <div class="dropdown-title-level-2 align-items-center" style="width:100%">
975                                <a href="/thi-truong-bat-dong-san">Thị trường bất động sản</a>
976                            </div>
977                            <ul class="sub-menu-level-2" hidden>
978
979                            </ul>
980                        </li>
981                    </ul>
982                </div>
983            </li>
984            <li class="item">
985                <div style="width:100%">
986                    <div class="dropdown-title-left align-items-center">
987                        <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/balance_menu.png" style="height:24px; width:24px;" alt="Thuviennhadat.vn" />
988                        <a style="color:white" href="/phap-ly-nha-dat" class="align-items-center"><span class="margin-left-5">Pháp lý nhà đất</span></a>
989                        <i class="caret down icon margin-left-auto"></i>
990                    </div>
991                    <ul class="sub-menu" hidden>
992                                <li>
993                                    <a class="item" href="/phap-ly-nha-dat/chinh-sach-moi-ve-nha-dat">
994                                        Chính sách mới về nhà đất
995                                    </a>
996                                </li>
997                                <li>
998                                    <a class="item" href="/phap-ly-nha-dat/ho-so-thu-tuc-nha-dat">
999                                        Hồ sơ, thủ tục nhà đất
1000                                    </a>
1001                                </li>
1002                                <li>
1003                                    <a class="item" href="/phap-ly-nha-dat/phap-luat-ve-bat-dong-san">
1004                                        Pháp luật về bất động sản
1005                                    </a>
1006                                </li>
1007                                <li>
1008                                    <a class="item" href="/phap-ly-nha-dat/quy-hoach-dat-dai">
1009                                        Quy hoạch Đất đai
1010                                    </a>
1011                                </li>
1012                                <li>
1013                                    <a class="item" href="/phap-ly-nha-dat/thong-tin-bat-dong-san">
1014                                        Thông tin bất động sản
1015                                    </a>
1016                                </li>
1017                                <li>
1018                                    <a class="item" href="/phap-ly-nha-dat/tu-van-phap-ly-nha-dat">
1019                                        Tư vấn pháp lý nhà đất
1020                                    </a>
1021                                </li>
1022                    </ul>
1023                </div>
1024            </li>
1025            <li class="item user-sign-in">
1026                <div style="width: 100%; ">
1027                    <div class="dropdown-title-left align-items-center">
1028                        <img class="img-icon-user" style=" width: 24px !important; margin-right:0px !important;" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/user_4032866.png">
1029                        <span class="text-primary margin-left-5">Quản lý TK Cá nhân</span>
1030                        <i class="caret down icon margin-left-auto"></i>
1031                    </div>
1032                    <ul class="sub-menu" hidden>
1033                        <li>
1034                            <a class="item" href="/tai-khoan/thong-tin-ca-nhan?type=2">
1035                                Cài đặt tài khoản
1036                            </a>
1037                        </li>
1038                        <li>
1039                            <a class="item" href="/tai-khoan/quyen-doi-voi-du-lieu-ca-nhan">
1040                                Quyền đối với DLCN
1041                            </a>
1042                        </li>
1043                        <li>
1044                            <a class="item" id="broker-now">
1045                                Môi giới chuyên nghiệp
1046                            </a>
1047                        </li>
1048                        <li>
1049                            <a class="item" href="/tai-khoan/lich-su-giao-dich">
1050                                Lịch sử giao dịch
1051                            </a>
1052                        </li>
1053                    </ul>
1054                </div>
1055            </li>
1056            <li class="item user-sign-in">
1057                <a class="align-items-center" href="/tai-khoan/thong-tin-ca-nhan?type=1">
1058                    <img src="https://cdn.thuviennhadat.vn//upload/bds/HomePage/gear_11386565.png" width="24" />
1059                    <span class="margin-left-5">Chỉnh sửa thông tin cá nhân</span>
1060                </a>
1061            </li>
1062            <li class="item">
1063                <div style="width:100%; display:flex;">
1064                    <a href="/nha-moi-gioi" class="dropdown-title-left align-items-center">
1065                        <img src="/Assets/img/notebook.svg" />
1066                        <span class="text-primary margin-left-5">Chuyên trang môi giới</span>
1067                    </a>
1068                </div>
1069            </li>
1070            <li class="item">
1071                <div style="width:100%; display:flex;">
1072                    <a href="/moi-gioi" class="dropdown-title-left align-items-center">
1073                        <img src="/Assets/img/notebook.svg" />
1074                        <span class="text-primary margin-left-5">Danh bạ môi giới</span>
1075                    </a>
1076                </div>
1077            </li>
1078            <li class="item user-sign-in">
1079                <div style="width: 100%;">
1080                    <a class="align-items-center" href="/huong-dan-su-dung/bang-gia-dang-tin.html">
1081                        <img class="img-icon-user" style=" width: 24px !important; margin-right:0px !important;" src="https://cdn.thuviennhadat.vn//upload/bds/HomePage/paper_10901929.png">
1082                        <span class="text-primary margin-left-5">Báo giá và Hướng dẫn</span>
1083                        
1084                    </a>
1085                </div>
1086            </li>
1087        </ul>
1088    </div>
1089
1090    <div style="margin-bottom: 18px; margin-top: 5px;">
1091        <div class="item" style="background-color: lightgray; padding-top: 0px;">
1092            <a href="/lien-he.html" class="align-items-center text-primary">
1093                <span>Góp ý - Báo lỗi</span>
1094            </a>
1095        </div>
1096        <div class="menu-left-content user-sign-in margin-left-5">
1097            <a id="user-sign-out-mobile" onclick="signOut()" style="color:black;font-size:14px!important">
1098                <span>Đăng xuất</span>
1099            </a>
1100        </div>
1101    </div>
1102
1103</div>
1104
1105<script>
1106
1107    $('.dropdown-title-left').click(function (event) {
1108
1109        var $subMenu = $(this).next('.sub-menu');
1110
1111        if ($subMenu.is(':hidden')) {
1112            $subMenu.slideDown();
1113        } else {
1114            $subMenu.slideUp();
1115        }
1116    });
1117
1118    $(".dropdown-title-level-2").click(function (event) {
1119        var $subMenu = $(this).next('.sub-menu-level-2');
1120
1121        if ($subMenu.is(':hidden')) {
1122            $subMenu.slideDown();
1123        } else {
1124            $subMenu.slideUp();
1125        }
1126    });
1127</script>
1127
1128
1129    <!-- Tooltip button -->
1130    <div id="report-content-tooltip" class="tooltip">
1131        <button onclick="reportContentModal()">Báo cáo nội dung</button>
1132    </div>
1133    <!-- Tooltip button -->
1134    <!-- Modal report content -->
1135    <div class="ui tiny modal content-report-modal">
1136        <div class="ui header">
1137            <i class="exclamation triangle icon yellow"></i> Báo lỗi nội dung bài viết
1138        </div>
1139        <div class="content">
1140            <form class="ui form">
1141                <div class="field">
1142                    <label>Nội dung lỗi</label>
1143                    <div id="report-news-content" type="text"></div>
1144                </div>
1145                <div class="field">
1146                    <label>Mô tả sửa lỗi</label>
1147                    <textarea id="report-description" type="text" rows="4" name="reportDescription"></textarea>
1148                </div>
1149                <div class="field">
1150                    <label>Email của bạn</label>
1151                    <input id="reporter-email" type="email" rows="4" name="reporterEmail" />
1152                </div>
1153                <div class="ui error message"></div>
1154
1155                <div class="actions">
1156                    <div class="ui red cancel inverted button" style="margin: 0;">
1157                        <i class="remove icon"></i> Há»§y
1158                    </div>
1159                    <div class="ui green submit button" style="float: right; margin: 0;" onsubmit="submitReport(this)">
1160                        <i class="checkmark icon"></i> Báo cáo lỗi
1161                    </div>
1162                </div>
1163            </form>
1164        </div>
1165    </div>
1166    <!-- Modal report content -->
1167    <!-- Modal report content -->
1168    <div class="ui tiny modal content-report-thanks-modal">
1169        <div class="ui header">
1170            <i class="exclamation thumbs up outline icon blue"></i>
1171            Báo lỗi thành công
1172        </div>
1173        <div class="ui content">
1174            <p>
1175                Cám ơn bạn đã gửi báo lỗi nội dung, chúng tôi sẽ kiểm tra và chỉnh sửa trong thời gian sớm nhất
1176            </p>
1177        </div>
1178        <div class="actions">
1179            <div class="ui green ok button">
1180                <i class="checkmark icon"></i> Đóng
1181            </div>
1182        </div>
1183    </div>
1184    <!-- Modal report content -->
1185
1186    <div class="ui pusher">
1187        <div id="mbbellthuviennhadatvn-rkGqqlxdVF"></div>
1188
1189        
1190<link href="/Content/shared.header.css?v=1.0.90" rel="stylesheet" />
1191
1192<div id="header" class="header header-sticky">
1193    <div class="ui container header-container" style="margin:0 !important">
1194        <div class="mobile-menu-button" style="width: 100% !important; padding: 4px 0;">
1195            <div class="mobile-header" style="display: flex; justify-content: space-between; width: 100%; height: 50px">
1196                <div class="ui menu-button" style="padding: 0; display: flex; gap: .5rem; align-items: center; color: var(--primary-color);margin-top: 4px;">
1197                    
1198                    <div id="menu-left-mobile">
1199                        <a class="ui icon-button">
1200                            <i class="large sidebar icon" style="margin: 0;"></i>
1201                        </a>
1202                    </div>
1203
1204                    
1205                    
1206
1207                    
1208                    <div id="notify-favorite-mobile" style="display:none">
1209                        <a href="/tai-khoan/danh-sach-tin-da-luu" class="icon-button">
1210                            <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 14 14"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="M6.992 12.395L1.597 7.4c-2.94-2.957 1.349-8.68 5.395-4.05c4.045-4.617 8.375 1.107 5.394 4.05z" /></svg>
1211                        </a>
1212                    </div>
1213
1214                </div>
1215                <div class="logo-mobile-version" style="display:none">
1216                    <a class="logo mobile-logo-scroll" href="/" style="display: flex; align-items: center; width: 100% !important; top: 4px; position: absolute;">
1217                        <img id="logo-img-mobile" alt="Logo" src="https://cdn.thuviennhadat.vn/upload/images/logo/Logo-TVND.png" class="img-fluid" width="48" height="48" loading="lazy" />
1218                        <strong class="brand-name" style="font-size: 22px; padding-top: 0; padding-left: 5px;"><span class="br-1">ThuVien</span><span class="br-2">NhaDat</span><span class="br-3" style="top: -14px;">.vn</span></strong>
1219                    </a>
1220                    <div class="mobile-search-scroll" style="display:none;">
1221                        <div class="kinhdoanh-view mobile-search-container" style="display: none; margin-bottom: 2%;">
1222                            <div class="ui icon input mobile-input-search">
1223                                <input class="mobile-input-text" type="text" placeholder="Trên toàn quốc" readonly>
1224                                <div class="mobile-searchbox" id="mobile-searchbox">
1225                                </div>
1226                                <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/magnifying-glass.png" class="mobile-search-icon" style="background-color: #4CAF50 !important; opacity: 5 !important; width: 28px; height: 28px; border-radius: 4px; position: absolute; right: 2%; " alt="Tìm kiếm" loading="lazy" />
1227                            </div>
1228                        </div>
1229                    </div>
1230                </div>
1231            </div>
1232
1233            
1234            
1235
1236            <div class="flex-2 cs-search-container__mobile" style="display: none;">
1237
1238
1239                <div class="ui action d-flex gap-x1 cs-search-box">
1240    <div class="flex-2 cs-search-box__imput">
1241        <form class="cs-search__form">
1242            <input class="w-100 cs-search__imput" placeholder="" value="" />
1243        </form>
1244    </div>
1245    <div class="d-flex align-items-center cs-search-box__btn cs-search-box__btn-clear" style="display: none;">
1246        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
1247            <path fill="currentColor" d="M12 20c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-18C6.47 2 2 6.47 2 12s4.47 10 10 10s10-4.47 10-10S17.53 2 12 2m2.59 6L12 10.59L9.41 8L8 9.41L10.59 12L8 14.59L9.41 16L12 13.41L14.59 16L16 14.59L13.41 12L16 9.41z" />
1248        </svg>
1249    </div>
1250    <div class="ui button btn-secondary cs-search-box__btn-search" style="border-radius: 1rem !important;">
1251        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24">
1252            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314" />
1253        </svg>
1254    </div>
1255    <div class="cs-search-box__suggestion" style="display: none;">
1256        <div class="d-flex flex-direction-column gap-x2 cs-search-box__suggestion--result" style="display: none;">
1257            <div class="d-flex flex-direction-column cs-search-box__suggestion--content"></div>
1258        </div>
1259        <div class="d-flex flex-direction-column gap-x1 cs-search-box__suggestion--history">
1260            <div class="cs-search-box__suggestion--title">Tiếp tục tìm kiếm</div>
1261            <div class="d-flex flex-direction-column cs-search-box__suggestion--content" style="margin-bottom: .5rem;"></div>
1262            <div class="d-flex flex-direction-column gap-x2 cs-search-box__suggestion--guid">
1263                <span class="d-flex align-items-center gap-r05">
1264                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
1265                        <path fill="#009BA1" d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m1 14a1 1 0 0 1-2 0v-5a1 1 0 0 1 2 0Zm-1-7a1 1 0 1 1 1-1a1 1 0 0 1-1 1" />
1266                    </svg>
1267                    Nhập từ khóa bạn muốn tìm. Ví dụ:
1268                </span>
1269                <ul>
1270                </ul>
1271            </div>
1272        </div>
1273    </div>
1274</div>
1275
1276
1277            </div>
1278
1279        </div>
1280
1281        <div class="ui menu-top stackable grid container" style="width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;">
1282            <div class="row" style="padding: 0; justify-content:space-between; flex-wrap: nowrap;">
1283                <div class="" style="display: flex; justify-content: start; align-items: center; padding:0;">
1284                    <a title="Logo" href="/">
1285                        <img id="logo-img" alt="Logo" src="https://cdn.thuviennhadat.vn/upload/images/logo/Logo-TVND.png" loading="lazy" class="img-fluid" width="84" height="84">
1286                    </a>
1287                    <div style="display:flex; flex-direction:column; margin-top:-15px">
1288                        <a class="logo" href="/" style="margin-right: 10px; margin-left: 5px">
1289                            <strong class="brand-name" style="font-size: 22px;"><span class="br-1">ThuVien</span><span class="br-2">NhaDat</span><span class="br-3">.vn</span></strong>
1290                        </a>
1291                        <div href="/" class="logo" style="margin-top: -5px; margin-bottom: 5px;">
1292                            <strong class="brand-name" style="padding: 0;"><span class="br-" style="margin-left: 8px; font-size: 10px; font-weight:400; opacity: 0.6;">Trang thông tin điện tử tổng hợp</span></strong>
1293                        </div>
1294                        <div href="/" class="logo slg-tvnd" style="position:absolute; bottom: 8px">
1295                            <span class="slogan-tvnd">...hiểu pháp lý, rõ quy hoạch, giao dịch nhanh...</span>
1296                        </div>
1297                    </div>
1298
1299                    <div class="ui simple dropdown item dropdown-container p-5 padding-header">
1300                        <a class="dropdown-title link-header text-primary text-bold" href="/ban-nha-dat-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">Nhà đất bán</a>
1301                        <div class="menu">
1302                                    <a href="/ban-can-ho-chung-cu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1303                                        <div class="item py-item">
1304                                            Căn hộ chung cư
1305                                        </div>
1306                                    </a>
1307                                    <a href="/ban-nha-tai-dinh-cu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1308                                        <div class="item py-item">
1309                                            Nhà tái định cư
1310                                        </div>
1311                                    </a>
1312                                    <a href="/ban-chung-cu-mini-can-ho-dich-vu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1313                                        <div class="item py-item">
1314                                            Chung cư mini, căn hộ dịch vụ
1315                                        </div>
1316                                    </a>
1317                                    <a href="/ban-nha-rieng-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1318                                        <div class="item py-item">
1319                                            Nhà riêng
1320                                        </div>
1321                                    </a>
1322                                    <a href="/ban-nha-biet-thu-lien-ke-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1323                                        <div class="item py-item">
1324                                            Nhà biệt thự, liền kề
1325                                        </div>
1326                                    </a>
1327                                    <a href="/ban-nha-mat-pho-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1328                                        <div class="item py-item">
1329                                            Nhà mặt phố
1330                                        </div>
1331                                    </a>
1332                                    <a href="/ban-nha-pho-thuong-mai-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1333                                        <div class="item py-item">
1334                                            Nhà phố thương mại
1335                                        </div>
1336                                    </a>
1337                                    <a href="/ban-shop-house-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1338                                        <div class="item py-item">
1339                                            Shophouse
1340                                        </div>
1341                                    </a>
1342                                    <a href="/ban-condotel-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1343                                        <div class="item py-item">
1344                                            Condotel
1345                                        </div>
1346                                    </a>
1347                                    <a href="/ban-dat-o-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1348                                        <div class="item py-item">
1349                                            Đất
1350                                        </div>
1351                                    </a>
1352                                    <a href="/ban-dat-nen-du-an-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1353                                        <div class="item py-item">
1354                                            Đất nền dự án
1355                                        </div>
1356                                    </a>
1357                                    <a href="/ban-kho-nha-xuong-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1358                                        <div class="item py-item">
1359                                            Kho, nhà xưởng
1360                                        </div>
1361                                    </a>
1362                                    <a href="/ban-bat-dong-san-khac-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1363                                        <div class="item py-item">
1364                                            Bất động sản khác
1365                                        </div>
1366                                    </a>
1367                        </div>
1368                    </div>
1369                    <div class="ui simple dropdown item dropdown-container p-5 padding-header">
1370                        <a class="dropdown-title link-header text-primary text-bold" href="/cho-thue-nha-dat-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">Nhà đất cho thuê</a>
1371                        <div class="menu">
1372                                    <a href="/cho-thue-can-ho-chung-cu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1373                                        <div class="item py-item">
1374                                            Căn hộ chung cư
1375                                        </div>
1376                                    </a>
1377                                    <a href="/cho-thue-chung-cu-mini-can-ho-dich-vu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1378                                        <div class="item py-item">
1379                                            Chung cư mini, căn hộ dịch vụ
1380                                        </div>
1381                                    </a>
1382                                    <a href="/cho-thue-nha-rieng-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1383                                        <div class="item py-item">
1384                                            Nhà riêng
1385                                        </div>
1386                                    </a>
1387                                    <a href="/cho-thue-nha-biet-thu-lien-ke-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1388                                        <div class="item py-item">
1389                                            Nhà biệt thự, liền kề
1390                                        </div>
1391                                    </a>
1392                                    <a href="/cho-thue-nha-mat-pho-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1393                                        <div class="item py-item">
1394                                            Nhà mặt phố
1395                                        </div>
1396                                    </a>
1397                                    <a href="/cho-thue-nha-pho-thuong-mai-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1398                                        <div class="item py-item">
1399                                            Nhà phố thương mại
1400                                        </div>
1401                                    </a>
1402                                    <a href="/cho-thue-nha-tai-dinh-cu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1403                                        <div class="item py-item">
1404                                            Nhà tái định cư
1405                                        </div>
1406                                    </a>
1407                                    <a href="/cho-thue-shop-house-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1408                                        <div class="item py-item">
1409                                            Shophouse
1410                                        </div>
1411                                    </a>
1412                                    <a href="/cho-thue-condotel-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1413                                        <div class="item py-item">
1414                                            Condotel
1415                                        </div>
1416                                    </a>
1417                                    <a href="/cho-thue-nha-tro-phong-tro-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1418                                        <div class="item py-item">
1419                                            Nhà trọ, phòng trọ
1420                                        </div>
1421                                    </a>
1422                                    <a href="/cho-thue-van-phong-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1423                                        <div class="item py-item">
1424                                            Văn phòng
1425                                        </div>
1426                                    </a>
1427                                    <a href="/cho-thue-cua-hang-ki-ot-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1428                                        <div class="item py-item">
1429                                            Mặt bằng kinh doanh, cửa hàng, kiot
1430                                        </div>
1431                                    </a>
1432                                    <a href="/cho-thue-kho-nha-xuong-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1433                                        <div class="item py-item">
1434                                  
1434          Kho, nhà xưởng
1435                                        </div>
1436                                    </a>
1437                                    <a href="/cho-thue-bat-dong-san-khac-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important">
1438                                        <div class="item py-item">
1439                                            Bất động sản khác
1440                                        </div>
1441                                    </a>
1442                        </div>
1443                    </div>
1444                    <div class="ui simple dropdown item dropdown-container p-5 padding-header">
1445                        <a class="dropdown-title link-header text-primary text-bold" href="/du-an-bat-dong-san">Dự án</a>
1446                        <div class="menu">
1447                                    <a href="/du-an-can-ho-chung-cu" style="color:black;font-size:14px!important">
1448                                        <div class="item py-item">
1449                                            Căn hộ chung cư
1450                                        </div>
1451                                    </a>
1452                                    <a href="/du-an-nha-tai-dinh-cu" style="color:black;font-size:14px!important">
1453                                        <div class="item py-item">
1454                                            Nhà tái định cư
1455                                        </div>
1456                                    </a>
1457                                    <a href="/du-an-cao-oc-van-phong" style="color:black;font-size:14px!important">
1458                                        <div class="item py-item">
1459                                            Cao ốc văn phòng
1460                                        </div>
1461                                    </a>
1462                                    <a href="/du-an-dat-chan-nuoi" style="color:black;font-size:14px!important">
1463                                        <div class="item py-item">
1464                                            Đất chăn nuôi
1465                                        </div>
1466                                    </a>
1467                                    <a href="/du-an-trung-tam-thuong-mai" style="color:black;font-size:14px!important">
1468                                        <div class="item py-item">
1469                                            Trung tâm thương mại
1470                                        </div>
1471                                    </a>
1472                                    <a href="/du-an-biet-thu-lien-ke" style="color:black;font-size:14px!important">
1473                                        <div class="item py-item">
1474                                            Biệt thự, liền kề
1475                                        </div>
1476                                    </a>
1477                                    <a href="/du-an-nha-mat-pho" style="color:black;font-size:14px!important">
1478                                        <div class="item py-item">
1479                                            Nhà mặt phố
1480                                        </div>
1481                                    </a>
1482                                    <a href="/du-an-nha-hem" style="color:black;font-size:14px!important">
1483                                        <div class="item py-item">
1484                                            Nhà hẻm
1485                                        </div>
1486                                    </a>
1487                                    <a href="/du-an-khu-do-thi-moi" style="color:black;font-size:14px!important">
1488                                        <div class="item py-item">
1489                                            Khu đô thị mới
1490                                        </div>
1491                                    </a>
1492                                    <a href="/du-an-khu-phuc-hop" style="color:black;font-size:14px!important">
1493                                        <div class="item py-item">
1494                                            Khu phức hợp
1495                                        </div>
1496                                    </a>
1497                                    <a href="/du-an-nha-o-xa-hoi" style="color:black;font-size:14px!important">
1498                                        <div class="item py-item">
1499                                            Nhà ở xã hội
1500                                        </div>
1501                                    </a>
1502                                    <a href="/du-an-khu-cong-nghiep" style="color:black;font-size:14px!important">
1503                                        <div class="item py-item">
1504                                            Khu công nghiệp
1505                                        </div>
1506                                    </a>
1507                                    <a href="/du-an-khac" style="color:black;font-size:14px!important">
1508                                        <div class="item py-item">
1509                                            Dự án khác
1510                                        </div>
1511                                    </a>
1512                                    <a href="/du-an-shophouse" style="color:black;font-size:14px!important">
1513                                        <div class="item py-item">
1514                                            Shophouse
1515                                        </div>
1516                                    </a>
1517                                    <a href="/du-an-dat-nen" style="color:black;font-size:14px!important">
1518                                        <div class="item py-item">
1519                                            Đất nền
1520                                        </div>
1521                                    </a>
1522                                    <a href="/du-an-condotel" style="color:black;font-size:14px!important">
1523                                        <div class="item py-item">
1524                                            Condotel
1525                                        </div>
1526                                    </a>
1527                        </div>
1528                    </div>
1529
1530                    <div class="ui simple dropdown item dropdown-container p-5 padding-header">
1531                        <a class="dropdown-title link-header text-primary text-bold">Môi giới</a>
1532                        <div class="menu">
1533                            <a href="/nha-moi-gioi" style="color:black;font-size:14px!important">
1534                                <div class="item py-item">
1535                                    Chuyên trang môi giới
1536                                </div>
1537                            </a>
1538                            <a href="/moi-gioi" style="color:black;font-size:14px!important">
1539                                <div class="item py-item">
1540                                    Danh bạ môi giới
1541                                </div>
1542                            </a>
1543                        </div>
1544                    </div>
1545
1546                    <div id="mn-tt-bds" class="ui simple dropdown item dropdown-container p-5 padding-header">
1547                        <a class="dropdown-title link-header text-primary text-bold">
1548                            Thông tin BĐS
1549                            <div class="floating ui red label lable-animation"></div>
1550                        </a>
1551
1552                        <div class="menu" style="min-width:250px !important">
1553
1554                            <div class="item" style="padding: 8px 3px 8px 15px !important">
1555                                <a href="/bang-gia-dat-moi-nhat-2026" style="color:black!important;">
1556                                    Bảng giá đất 2026 <strong style="padding: 2px 5px; background-color: #DB2828; color: white; border-radius: 2px; font-size: 11px">Mới</strong>
1557                                </a>
1558                            </div>
1559
1560                            <div class="item" style="padding: 8px 3px 8px 15px !important">
1561                                <a href="/phap-ly-nha-dat" style="color:black!important;">
1562                                    Pháp lý nhà đất <i class="angle right icon" style="float:right; font-size:15px !important"></i>
1563                                </a>
1564                                <div class="menu">
1565                                    <a class="item" href="/phap-ly-nha-dat/chinh-sach-moi-ve-nha-dat" style="color:black!important;">Chính sách mới về nhà đất</a>
1566                                    <a class="item" href="/phap-ly-nha-dat/ho-so-thu-tuc-nha-dat" style="color:black!important;">Hồ sơ, thủ tục nhà đất</a>
1567                                    <a class="item" href="/phap-ly-nha-dat/phap-luat-ve-bat-dong-san" style="color:black!important;">Pháp luật về bất động sản</a>
1568                                    <a class="item" href="/phap-ly-nha-dat/quy-hoach-dat-dai" style="color:black!important;">Quy hoạch đất đai</a>
1569                                    <a class="item" href="/phap-ly-nha-dat/thong-tin-bat-dong-san" style="color:black!important;">Thông tin bất động sản</a>
1570                                    <a class="item" href="/phap-ly-nha-dat/tu-van-phap-ly-nha-dat" style="color:black!important;">Tư vấn pháp lý nhà đất</a>
1571                                </div>
1572                            </div>
1573
1574                            <div class="item" style="padding: 8px 3px 8px 15px !important">
1575                                <a href="/bat-dong-san" style="color:black!important;">
1576                                    Bất động sản <i class="angle right icon" style="float:right; font-size:15px !important"></i>
1577                                </a>
1578                                <div class="menu">
1579                                    <a class="item" href="/bat-dong-san/du-an-nha-dat" style="color:black!important;">Dự án Nhà đất</a>
1580                                    <a class="item" href="/bat-dong-san/mua-ban-nha-dat" style="color:black!important;">Mua bán Nhà đất</a>
1581                                </div>
1582                            </div>
1583
1584                            <div class="item" style="padding: 8px 3px 8px 15px !important">
1585                                <a href="/cam-nang-nha-dat" style="color:black!important;">
1586                                    Cẩm nang nhà đất <i class="angle right icon" style="float:right; font-size:15px !important"></i>
1587                                </a>
1588                                <div class="menu">
1589                                    <a class="item" href="/cam-nang-nha-dat/kinh-nghiem-mua-ban-cho-thue" style="color:black!important;">Kinh nghiệm mua bán cho thuê</a>
1590                                    <a class="item" href="/cam-nang-nha-dat/phong-thuy-nha-dat" style="color:black!important;">Phong thủy nhà đất</a>
1591                                    <a class="item" href="/cam-nang-nha-dat/thuat-ngu-nha-dat" style="color:black!important;">Thuật ngữ nhà đất</a>
1592                                    <a class="item" href="/cam-nang-nha-dat/vat-lieu-xay-dung" style="color:black!important;">Vật liệu xây dựng</a>
1593                                </div>
1594                            </div>
1595
1596                            <div class="item" style="padding: 8px 3px 8px 15px !important">
1597                                <a href="/tai-chinh-bat-dong-san" style="color:black!important;">
1598                                    Tài chính bất động sản
1599                                </a>
1600                            </div>
1601
1602                            <div class="item" style="padding: 8px 3px 8px 15px !important">
1603                                <a href="/thi-truong-bat-dong-san" style="color:black!important;">
1604                                    Thị trường bất động sản
1605                                </a>
1606                            </div>
1607
1608                            <div class="item" style="padding: 8px 3px 8px 15px !important">
1609                                <a href="/khong-gian-song" style="color:black!important;">
1610                                    Không gian sống <i class="angle right icon" style="float:right; font-size:15px !important"></i>
1611                                </a>
1612                                <div class="menu">
1613                                    <a class="item" href="/khong-gian-song/nha-dep-vuon-dep" style="color:black!important;">Nhà đẹp, vườn đẹp</a>
1614                                    <a class="item" href="/khong-gian-song/noi-that-ngoai-that" style="color:black!important;">Nội thất, ngoại thất</a>
1615                                    <a class="item" href="/khong-gian-song/thiet-bi-gia-dung" style="color:black!important;">Thiết bị gia dụng</a>
1616                                </div>
1617                            </div>
1618
1619                            <div class="item" style="padding: 8px 3px 8px 15px !important">
1620                                <a href="/phap-luat" style="color:black!important;">
1621                                    Pháp luật <i class="angle right icon" style="float:right; font-size:15px !important"></i>
1622                                </a>
1623                                <div class="menu">
1624                                    <a class="item" href="/phap-luat/chi-dao-dieu-hanh" style="color:black!important;">Chỉ đạo - Điều hành</a>
1625                                    <a class="item" href="/phap-luat/dat-dai-va-nha-o" style="color:black!important;">Đất đai và Nhà ở</a>
1626                                    <a class="item" href="/phap-luat/ha-tang-bat-dong-san" style="color:black!important;">Hạ tầng bất động sản</a>
1627                                    <a class="item" href="/phap-luat/van-ban-moi" style="color:black!important;">Văn bản mới</a>
1628                                </div>
1629                            </div>
1630
1631                            <div class="item" style="padding: 8px 3px 8px 15px !important">
1632                                <a href="/hoi-dap" style="color:black!important;">
1633                                    Hỏi đáp Pháp luật nhà đất <i class="angle right icon" style="float:right; font-size:15px !important"></i>
1634                                </a>
1635                                <div class="menu">
1636                                    <a class="item" href="/hoi-dap/boi-thuong-tai-dinh-cu" style="color:black!important;">Bồi thường, tái định cư</a>
1637                                    <a class="item" href="/hoi-dap/dau-tu-xay-dung" style="color:black!important;">Đầu tư xây dựng</a>
1638                                    <a class="item" href="/hoi-dap/giao-dich-nha-dat" style="color:black!important;">Giao dịch nhà đất</a>
1639                                    <a class="item" href="/hoi-dap/hoi-dap-khac" style="color:black!important;">Hỏi đáp khác</a>
1640                                    <a class="item" href="/hoi-dap/tai-chinh-nha-dat" style="color:black!important;">Tài chính nhà đất</a>
1641                                    <a class="item" href="/hoi-dap/thu-tuc-hanh-chinh-nha-dat" style="color:black!important;">Thủ tục hành chính nhà đất</a>
1642                                </div>
1643                            </div>
1644
1645                            <div class="item" style="padding: 8px 3px 8px 15px !important">
1646                                <a href="/van-ban-phap-luat-viet-nam" style="color:black!important;">
1647                                    Văn bản Pháp luật
1648                                </a>
1649                            </div>
1650
1651
1652                            <div class="item" style="padding: 8px 3px 8px 15px !important">
1653                                <a style="color:black!important;">
1654                                    Tiện ích hỗ trợ <i class="angle right icon" style="float:right; font-size:15px !important"></i>
1655                                </a>
1656                                <div class="menu">
1657                                    <a class="item" href="/sap-nhap-tinh" style="color:black!important;">Tra cứu sáp nhập tỉnh</a>
1658                                    <a class="item" href="/bang-gia-dat" style="color:black!important;">Tra cứu bảng giá đất</a>
1659                                    <a class="item" href="/tinh-du
1659-toan-vat-lieu-xay-nha" style="color:black!important;">Tính dự toán xây nhà</a>
1660                                    <a class="item" href="/tinh-lai-suat-vay" style="color:black!important;">Tính lãi suất vay</a>
1661                                </div>
1662                            </div>
1663
1664
1665                        </div>
1666                    </div>
1667
1668                </div>
1669                <div style="display:flex; padding: 0;">
1670                    <div id="content-login" class="item" style="display: flex; padding: 0; width: 100%; align-items: center; justify-content: flex-end; gap: .5rem;">
1671
1672                        
1673                        <div id="notify-favorite"></div>
1674
1675                        
1676                        <div id="notify-toast">
1677                        </div>
1678
1679                        
1680                        
1681
1682                        <div class="ui simple dropdown item user-sign-in" style="display: none; max-width: 100% !important; padding-right: 5px; padding-left: 5px; position: relative;">
1683                            <div class="text">
1684                                <img class="ui avatar image user-avatar" style="margin-right: 0;" loading="lazy">
1685                                <a id="user-login" class="dropdown-title user-login" style="color:black"></a>
1686                            </div>
1687                            <i class="dropdown icon" style="margin-left: 5px;"></i>
1688                            <div class="menu menu-info-user" style="">
1689                                
1690
1691                                <a href="/goi-hoi-vien/dang-ky" style="display: flex; border-top-left-radius: 1rem; border-top-right-radius: 1rem;">
1692                                    <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/BannerHVP1.png"
1693                                         style="width: calc(100% + 2px); height: auto; margin: 0 -1px; border-top-left-radius: 1rem; border-top-right-radius: 1rem; " />
1694                                </a>
1695
1696                                <a class="item" href="/tai-khoan/tong-quan">
1697                                    <img class="img-icon-account" src="/Assets/img/pie-chart.svg" alt="Tổng quan"> Tổng quan
1698                                </a>
1699                                <a class="item" href="/tai-khoan/quan-ly-tin-dang">
1700                                    <img class="img-icon-account" src="/Assets/img/litsting.svg" alt="Quản lý tin đăng"> Quản lý tin đăng
1701                                </a>
1702
1703                                <a class="item" href="/goi-hoi-vien/dang-ky" style="display:flex;">
1704                                    <i class="users icon"></i>
1705                                    <span>Gói hội viên</span> <span class="ui red label small pull-right" style="margin: 0 0 0 4px;font-weight:500;font-size:12px">Tiết kiệm đến 40%</span>
1706                                </a>
1707
1708                                <a class="item" href="/tai-khoan/quan-ly-khach-hang">
1709                                    <img class="img-icon-account" src="/Assets/img/notebook.svg" alt="Quản lý khách hàng"> Quản lý khách hàng
1710                                </a>
1711                                <a class="item" href="/tai-khoan/quan-ly-khuyen-mai">
1712                                    <img class="img-icon-account" src="/Assets/img/ticket-voucher.svg" alt="Quản lý khuyến mãi"> Quản lý khuyến mãi
1713                                </a>
1714                                <a class="item" href="/tai-khoan/danh-sach-tin-da-luu">
1715                                    <img class="img-icon-account" src="/Assets/img/heart.svg" alt="Tin đăng đã lưu"> Tin đăng đã lưu
1716                                </a>
1717                                <a class="item" id="regist-now-header">
1718                                    <img class="img-icon-account" style="margin-bottom: 0;" src="/Assets/img/office.svg" alt="Môi giới chuyên nghiệp"> Môi giới chuyên nghiệp
1719                                </a>
1720                                <a class="item" href="/tai-khoan/thong-tin-ca-nhan?type=1">
1721                                    <img class="img-icon-account" src="https://cdn.thuviennhadat.vn//upload/bds/HomePage/gear_11386565.png" alt="Thay đổi thông tin cá nhân"> Thay đổi thông tin cá nhân
1722                                </a>
1723
1724                                    <a class="item" href="/giao-dich/nap-tien">
1725                                        <i class="credit card icon img-icon-account"></i>
1726                                        Nạp tiền
1727                                    </a>
1728
1729                                <a class="item" id="user-sign-out" style="color:black;font-size:14px!important">
1730                                    <img class="img-icon-account" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/logout.png" alt="icon-logout">
1731                                    Đăng xuất
1732                                </a>
1733                            </div>
1734                        </div>
1735
1736                        <div class="ui buttons login" style="justify-content: center; align-items: center; display: none;">
1737                            <button class="ui left button login login-header text-primary" id="login-button">Đăng nhập</button>
1738                            <div class="divider-header login-div
1738ider-header"></div>
1739                            <button class="right ui button login login-header text-primary" id="register-button">Đăng ký</button>
1740                        </div>
1741                        <a href="javascript:void(0);" class="ui button btn-secondary btn-radius-1rem" id="btnDangTin" style=" min-width: 82px; padding-left: 10px; padding-right: 10px; font-weight:500">Đăng tin</a>
1742                    </div>
1743                </div>
1744            </div>
1745        </div>
1746        <a href="#" id="backToTop" class="ui compact icon button back-to-top" style="z-index:1; margin-bottom:10%;"><i class="arrow up icon"></i></a>
1747    </div>
1748</div>
1749
1750
1751<div class="ui small modal modal-login" style="border-radius: 10px;">
1752    <i class="close icon" id="close-modal"></i>
1753    <div class="description" style="width:100%;display:flex">
1754        <div class="ui image" style="display:block;width: 40%; ">
1755            <a class="logo" style="display: flex; align-items: center;">
1756                <img style="border-top-left-radius: 8px; border-bottom-left-radius:8px;" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/SigninBannerV3.png" />
1757            </a>
1758        </div>
1759        <div id="content-modal-login" style="padding: 40px 20px; width: 60%;">
1760            <div class="lable-hello">Xin chào bạn</div>
1761            <h4 class="lable-welcome" id="lable-welcome">Đăng nhập để tiếp tục</h4>
1762            <div class="column">
1763                <form class="ui large form form-login">
1764                    <div class="field">
1765                        <div class="ui left icon input">
1766                            <i class="user icon"></i>
1767                            <input class="phone-regist" type="text" id="phone-mail-login" placeholder="Nhập SĐT chính hoặc email">
1768                        </div>
1769                    </div>
1770                    <div id="error-phone-mail-login" style="display: none; font-size: 12px; font-weight: 400; color: rgb(224, 60, 49); margin: -0.5em 0em 0.5em;"></div>
1771                    <div class="field">
1772                        <div class="ui input two-icons">
1773                            <i class="lock icon left-icon"></i>
1774                            <input type="password" id="password-login" placeholder="Mật khẩu">
1775                            <i class="eye icon right-icon" id="right-icon-password-login"></i>
1776                        </div>
1777                    </div>
1778                    <div id="error-password-login" style="display: none; font-size: 12px; font-weight: 400; color: rgb(224, 60, 49); margin: -0.5em 0em 0.5em;line-height:16px;"></div>
1779                    <button class="ui fluid large teal submit button opacity-8 button-h46" type="submit" id="button-submit-login" style=" background-color: var(--secondary-color)!important">Đăng nhập <i class="loading spinner icon" id="loading-login" style="display: none; left: 64%; position: absolute; transform: translate(-50%, -50%); "></i></button>
1780                    <div class="field remember-account" style="margin-top:15px;">
1781                        <div class="two fields" style="flex-wrap: nowrap !important;">
1782                            <div class="field ui checkbox">
1783                                <input id="remember-me" type="checkbox" name="example">
1784                                <label style="font-weight:normal;">Nhớ tài khoản</label>
1785                            </div>
1786                            <div class="field">
1787                                <a id="reset-password" style="color: rgb(224, 60, 49); display: flex; float: right; cursor: pointer; font-size: 13px; ">Quên mật khẩu?</a>
1788                            </div>
1789                        </div>
1790
1791                    </div>
1792
1793                </form>
1794                <form class="ui large form form-regist" style="display:none;">
1795                    <div class="field">
1796                        <div class="input-container">
1797                            <img src="/Assets/img/call-calling-svgrepo-com.svg" class="input-icon" />
1798                            <input type="text" class="phone-regist" name="phone" id="phone-regist" placeholder="Nhập số điện thoại" />
1799                            <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/09b753df-415b-43b3-a703-14ad59997d02-Photoroom.png" class="input-icon-right" />
1800                        </div>
1801
1802                    </div>
1803                    <div id="error-form-regist" style="display: none; font-size: 12px; line-height: 16px; font-weight: 400; color: rgb(224, 60, 49); margin-bottom: 10px; "></div>
1804                    <button class="ui fluid large teal submit button opacity-8 btn-secondary button-h46" type="submit" id="button-submit-regist" disabled>Tiếp tục<i class="loading spinner icon" id="loading-regist" style="display:none;"></i></button>
1805
1806                </form>
1807                <div id="login-footer">
1808                    <div class="sc-iXbCwh gGaPeb"><div class="sc-jTyxRY hcnzPw"></div><div class="sc-dJzGcj czShJi"><div type="tertiary" class="sc-crrsfI fmnTOX">Hoặc</div></div></div>
1809
1810                    <div class="field button-sign" style="display: none">
1811                        <div class="ui fluid button align-center">
1812                            <img style="max-width:25px" src="https://cdn.thuviennhadat.vn//upload/bds/MAIPM/apple-icon.png" /><span>Đăng nhập với Apple</span>
1813                        </div>
1814                    </div>
1815                    
1816                    <div class="field button-sign">
1817                        <div class="ui fluid button button-h46 button-white" id="sign-in-google">
1818                            <img style="max-width:25px" src="https://cdn.thuviennhadat.vn//upload/bds/MAIPM/google-icon.png" /><span class="mobile-font-14">Đăng nhập với Google</span>
1819                        </div>
1820                    </div>
1821                    <div class="field button-sign">
1822                        <div class="ui fluid button button-h46 button-white" id="sign-in-tvpl">
1823                            <img style="max-width:25px" src="https://cdn.thuvienphapluat.vn/images/logo-tvpl-small.png" /><span class="mobile-font-14">
1824                                Đăng nhập với <a href="#" class="mobile-font-14" style="color: rgb(224, 60, 49); font-weight: bold; font-size: 16px; font-family: Times New Roman; ">THƯ VIỆN PHÁP LUẬT</a>
1825                            </span>
1826                        </div>
1827                    </div>
1828                    <div style="text-align: center; font-size: 11px; color: rgb(153, 153, 153); line-height: 16px;">
1829                        Bằng việc tiếp tục, là bạn đã đồng ý với
1830                        <a href="/huong-dan-su-dung/quy-che-hoat-d
1830ong.html" target="_blank" style="color:red">Điều khoản sử dụng</a>,
1831                        <a href="/huong-dan-su-dung/quy-che-bao-mat-thong-tin.html" target="_blank" style="color:red">Chính sách bảo mật</a>, và
1832                        <a href="/huong-dan-su-dung/quy-che-bao-ve-du-lieu-ca-nhan.html" target="_blank" style="color:red">Quy chế bảo vệ dữ liệu cá nhân</a>
1833                        của <strong class="brand-name" style="font-size:16px; padding: 0px"><span class="br-1">Thư Viện</span><span class="br-2"> Nhà Đất</span></strong>
1834                    </div>
1835                    <div class="register" style="text-align: center; margin-top: 10px; font-size: 12px;">
1836                        Chưa là thành viên?
1837                        <a style="color: rgb(224, 60, 49); cursor: pointer;" id="register">Đăng ký</a>
1838                        tại đây
1839                    </div>
1840                </div>
1841
1842            </div>
1843        </div>
1844        <div id="verify-OTP" style="display: none; padding: 40px 30px; width: 60%;">
1845            <input hidden id="verity-type" />
1846            <div class="lable-hello" style="padding:10px 0;">Nhập mã xác minh</div>
1847            <p>Chúng tôi đã gửi mã xác minh gồm 6 chữ số tới số điện thoại <span style="font-weight: 500;" id="phone-OTP"></span> qua tài khoản <span style="color: rgb(0, 104, 255);">Zalo</span> hoặc SMS</p>
1848            <div class="ui form">
1849                <div class="field">
1850                    <div class="ui six mini input mini-input" style="display: flex; align-items: center; gap: 16px; justify-content: center;">
1851                        <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-1" />
1852                        <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-2" />
1853                        <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-3" />
1854                        <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-4" />
1855                        <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-5" />
1856                        <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-6" />
1857                    </div>
1858                </div>
1859                <div style="margin:10px 0;">
1860                    <p id="time-validity" style="font-size: 12px; line-height: 16px; font-weight: 400; color: rgb(153, 153, 153); text-align: center; margin-bottom: 0 !important; ">Mã có hiệu lực trong 2 phút</p>
1861                    <p style="text-align: center; font-size: 13px; margin: 0;" id="timer-count">Gửi lại mã sau: <a style="color: rgb(224, 60, 49)" id="timer"></a></p>
1862                    <div style="display: flex; justify-content: center; align-items: center; "><p style="text-align: center; font-size: 13px; margin: 0; display: none; padding-right: 5px;" id="resend-text">Không nhận được mã?</p><a id="resend-code" style="color: rgb(224, 60, 49);cursor:pointer;">Gửi lại bằng SMS</a></div>
1863
1864                </div>
1865                <div class="ui fluid large teal submit button opacity-8 btn-secondary button-h46" type="submit" id="button-submit-verify-OTP" disabled>Xác minh<i class="loading spinner icon" id="loading-verify-OTP" style="display:none;"></i></div>
1866                <div class="ui fluid button btn-comback-fast" id="comback-verify-OTP">Quay lại</div>
1867            </div>
1868
1869        </div>
1870        <div id="verify-password" style="display: none; padding: 40px 30px;width: 60%;">
1871            <div class="lable-hello" style="padding:10px 0;">Tạo mật khẩu</div>
1872            <div class="ui form">
1873                <div class="field">
1874                    <div class="ui input two-icons">
1875                        <i class="lock icon left-icon"></i>
1876                        <input id="password-regist" type="password" placeholder="Nhập mật khẩu">
1877                        <i class="eye icon right-icon" id="right-icon-verify-password"></i>
1878                    </div>
1879                </div>
1880                <div class="field">
1881                    <div class="ui input two-icons">
1882                        <i class="lock icon left-icon"></i>
1883                        <input id="confirm-password-regist" type="password" placeholder="Nhập lại mật khẩu">
1884                        <i class="eye icon right-icon" id="right-icon-confirm-verify-password"></i>
1885                    </div>
1886                </div>
1887                <div id="error-form-verify-password" style="display: none; font-size: 12px; font-weight: 400; color: rgb(224, 60, 49);"></div>
1888                <ul class="rule-pass" id="rule-pass">
1889                    <li data-id="1"><i class="check icon"></i>Mật khẩu tối thiểu 8 kí tự</li>
1890                    <li data-id="2"><i class="check icon"></i>Chứa ít nhất 1 kí tự viết hoa</li>
1891                    <li data-id="3"><i class="check icon"></i>Chứa ít nhất 1 kí tự số</li>
1892                    <li data-id="4"><i class="check icon"></i>Chứa ít nhất 1 kí tự đặc biệt</li>
1893                </ul>
1894                <div class="field ui checkbox" style="margin: 0 0 10px;">
1895                    <input type="checkbox" id="agree-personal-data">
1896                    <label for="agree-personal-data" style="font-weight: normal; cursor: pointer; font-size: 13px; line-height: 18px;">
1897                        Tôi đã đọc và đồng ý với
1898                        <a href="/huong-dan-su-dung/quy-che-bao-ve-du-lieu-ca-nhan.html" target="_blank" style="color: rgb(224, 60, 49);">quy chế bảo vệ dữ liệu cá nhân</a>
1899                    </label>
1900                </div>
1901                <div class="field ui checkbox" style="margin: 0 0 15px;">
1902                    <input type="checkbox" id="agree-marketing-data">
1903                    <label for="agree-marketing-data" style="font-weight: normal; cursor: pointer; font-size: 13px; line-height: 18px;">
1904                        Tôi đồng ý nhận thông tin giới thiệu sản phẩm, dịch vụ, chương trình khuyến mãi (có thể rút lại sau)
1905                    </label>
1906                </div>
1907                <button class="ui fluid large teal submit button opacity-8 btn-secondary button-h46" type="submit" id="button-submit-verify-password" disabled>Tiếp tục<i class="loading spinner icon" id="loading-verify-password" style="display:none;margin-left:10px;"></i></button>
1908            </div>
1909        </div>
1910        <div id="content-verify-phone" style="display: none; padding: 40px 30px;width: 60%;">
1911            <h4 class="lable-welcome" id="lable-content-verify-phone"></h4>
1912            <div>Tự động chuyển hướng sau <span id="time-redirect-verify-phone" style=" color: rgb(224, 60, 49)"></span></div>
1913        </div>
1914        <div id="content-reset" style="display: none; padding: 40px 30px;width: 60%;">
1915            <div style="display:none">
1916                <a title="Logo" id="logo-fast" style="display:flex;justify-content:center;">
1917                    <img id="logo-img" alt="Logo" src="https://cdn.thuviennhadat.vn/upload/images/logo/Logo-TVND.png" loading="lazy" class="img-fluid" width="64" height="64">
1918                </a>
1919
1920                <div style="font-size: 18px; line-height: 28px; font-weight: normal !important; letter-spacing: -.2px; margin-bottom: 0px; color: #2C2C2C; padding: 10px 0; text-align: center; ">Đặt lại mật khẩu </div>
1921            </div>
1922            <div class="content" style="padding-top: 20px;">
1923                <form class="ui large form">
1924                    <div class="field">
1925                        <div class="ui left icon input">
1926                            <i class="user icon"></i>
1927                            <input class="input-h46" type="text" name="email-phone" id="email-phone" placeholder="Nhập email hoặc số điện thoại">
1928                        </div>
1929                        <div id="error-email-phone" style="display: none; font-size: 12px; font-weight: 400; color: rgb(224, 60, 49); padding-top: 10px;line-height:16px; "></div>
1930                    </div>
1931                    <button class="ui fluid button btn-secondary button-h46" id="verify-email-button">
1932                        Gá»­i <i class="loading spinner icon" id="loading-send-email" style=" display:none;left: 56%; position: absolute; transform: translate(-50%, -50%); "></i>
1933                    </button>
1934                    <div class="ui fluid button btn-comback-fast" id="come-back">Quay lại</div>
1935                </form>
1936            </div>
1937        </div>
1938        <div id="content-message" style="display: none; padding: 40px 30px;width: 60%;">
1939            <div class="header" style="display: flex; justify-content: center; align-items: center; height: 100%">
1940                <div style="text-align: center;">
1941                    <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/Group%20633.png" height="100" style="margin-bottom: 20px;" />
1942                    <div id="mess-sms" style="display:none">
1943                        <div id="mess-reset-password" style="padding-bottom: 20px;"></div>
1944                        <div class="ui fluid button button-h46 btn-secondary" id="login-last-reset">Đăng nhập</div>
1945                    </div>
1946                    <div id="mess-mail">
1947                        <div style="font-size: 18px; font-weight: 500; margin-bottom: 10px;">Gửi thành công</div>
1948                        <div style="max-width: 400px; margin: 0 auto; line-height: 1.6;">
1949                            Chúng tôi đã gửi đường dẫn thay đổi mật khẩu tới địa chỉ email của bạn. Vui lòng kiểm tra hộp thư đến!
1950                        </div>
1951                    </div>
1952                </div>
1953            </div>
1954
1955        </div>
1956    </div>
1957
1958</div>
1959
1960<div class="ui mini modal modal-tvpl" id="modal-login-tvpl">
1961    <i class="close icon desktop-modal-tvpl"></i>
1962    <div class="image content">
1963        <div class="description" style="width: 100%;">
1964            <div style="display: flex; margin-bottom: 10px; justify-content: space-around;">
1965                <img style="max-width:50px;" src="https://cdn.thuvienphapluat.vn/images/logo-tvpl-small.png" />
1966                <i style="font-size: 30px;" class="long arrow alternate right icon"></i>
1967                <img style="max-width: 50px;" src="https://cdn.thuviennhadat.vn/upload/images/logo/Logo-TVND.png" />
1968            </div>
1969            <div class="column">
1970                <form class="ui large form">
1971                    <div class="ui segment">
1972                        <div class="field">
1973                            <div class="ui left icon input">
1974                                <i class="user icon"></i>
1975                                <input class="input-h46" type="text" name="username" id="username" placeholder="Nhập tên tài khoản hoặc email TVPL">
1976                            </div>
1977                        </div>
1978                        <div class="field">
1979                            <div class="ui input two-icons">
1980                                <i class="lock icon left-icon" style="top: 45%;"></i>
1981                                <input class="input-h46" type="password" name="password-tvpl" id="password-tvpl" placeholder="Mật khẩu">
1982                                <i class="eye icon right-icon" id="right-icon-password-tvpl" style="top: 45%;"></i>
1983                            </div>
1984                        </div>
1985                        <div id="error-msg-tvpl" style="font-size: 12px; font-weight: 400; color: rgb(224, 60, 49); padding-bottom: 10px"></div>
1986                        <button class="ui fluid large teal submit button opacity-8 button-h46" type="submit" id="button-submit-tvpl" style="background-color: #f89b1a !important ">Đăng nhập<i class="loading spinner icon" id="loading-login-tvpl" style="display:none; left: 65%; position: absolute; transform: translate(-50%, -50%); "></i></button>
1987                        <div class="field remember-account" style="margin-top:15px;">
1988                            <div class="two fields">
1989                                <div class="field ui checkbox">
1990                                    <input id="remember-me-tvpl" type="checkbox" name="example">
1991                                    <label style="font-weight:normal;">Nhớ tài khoản</label>
1992                                </div>
1993                                <div class="field">
1994                                </div>
1995                            </div>
1996
1997                        </div>
1998                    </div>
1999
2000                </form>
2001
2002                
2003
2004            </div>
2005        </div>
2006    </div>
2007</div>
2008
2009
2010
2011<div class="ui tiny modal modal-add-phone" id="modal-add-phone">
2012    <i class="close icon" style="top: 0.5rem !important; right: 0.5rem !important; color: rgba(0, 0, 0, 0.87) !important;"></i>
2013    <div class="content">
2014        <div class="content-header">
2015            <div>Thêm số điện thoại</div>
2016            <div>Nhập số điện thoại của bạn để kích hoạt tài khoản</div>
2017        </div>
2018        <form class="ui form" id="form-add-phone">
2019            <div class="field">
2020                <div class="ui input left icon">
2021                    <i class="user icon"></i>
2022                    <input type="text" name="phoneAdd" id="phone-add" placeholder="Nhập số điện thoại">
2023                </div>
2024
2025            </div>
2026            <div class="field">
2027                <div class="ui input two-icons">
2028                    <i class="lock icon left-icon"></i>
2029                    <input type="password" name="passwordAdd" id="password-add" placeholder="Thêm một mật khẩu">
2030                    <i class="eye icon right-icon" id="right-icon-add-phone"></i>
2031                </div>
2032            </div>
2033            <div class="field">
2034                <div class="ui error message" id="error-msg-add-phone"></div>
2035                <button type="submit" class="ui button btn-secondary" style=" float: right; margin-bottom: 15px; ">Tiếp tục</button>
2036            </div>
2037        </form>
2038    </div>
2039</div>
2040
2041
2042<div class="ui mini modal modal-valid-email" id="modal-valid-email">
2043
2044    <i class="close icon" style="top: 1rem !important; right: 0.5rem !important; color: rgba(0, 0, 0, 0.87) !important;"></i>
2045    <div class="content">
2046        <div>Xác thực Mã số thuế</div>
2047        <div id="content-valid">
2048            <div class="ui active inverted dimmer" id="loading-sendmail-valid" style="display:none;">
2049                <div class="loader"></div>
2050            </div>
2051            <div class="content-header">
2052                <div>Tài khoản của bạn chưa xác thực mã số thuế, Vui lòng nhập mã số thuế để xác thực</div>
2053            </div>
2054            <form class="ui form" id="form-valid-email">
2055                <div class="field">
2056                    <div class="ui input">
2057                        <input type="text" name="validemail" id="valid-email" placeholder="Ví dụ: 1234567890 hoặc 1234567890-123">
2058                    </div>
2059                    <div style="font-size: 12px; line-height: 16px; font-weight: 400;padding-top:5px;">MST gồm 10 hoặc 13 chữ số</div>
2060                </div>
2061                <div class="field">
2062                    <div class="ui error message" id="error-msg-valid-email"></div>
2063                    <button type="submit" class="ui button btn-secondary" style=" float: right; margin-bottom: 15px; ">Xác thực</button>
2064                </div>
2065            </form>
2066        </div>
2067        <div id="content-submit" style="display:none">
2068            <div class="content-header">
2069                <div><span style="font-size: 13px;"><span class="brand-name" style="padding-top:0;"><span class="br-1">Thư Viện</span> <span class="br-2">Nhà Đất</span></span>
2070
2071<style>
2072    .brand-name {
2073        font-family: Times New Roman !important;
2074    }
2075</style></span>
2075 đã gửi đường dẫn xác thực tới địa chỉ Email của bạn.</div>
2076                <br />
2077                <div>Thời gian hiệu lực trong vòng 30 phút, vui lòng kiểm tra hộp thư đến và tiến hành xác thực tài khoản!</div>
2078            </div>
2079        </div>
2080    </div>
2081</div>
2082
2083
2084<div class="ui small modal force-background modal-login-sigin-fast " id="modal-login-sigin-fast">
2085    <i class="close icon" style="top: 0.5rem !important; right: 0.5rem !important; color: white;"></i>
2086    <div class="content force-background" style="">
2087        <div class="ui grid stackable" style="height:100%">
2088            <div class="eight wide column" style="color:white;font-weight:500!important;text-align:center;">
2089                <div style="padding: 40px 10px; height: 460px;">
2090                    <h2 style="font-size:32px; font-family:'Times New Roman'!important">
2091                        ...hiểu pháp lý, rõ quy hoạch, giao dịch nhanh...
2092                    </h2>
2093                    <div style="font-size: 18px; font-family: 'Times New Roman' !important">ThuVienNhaDat.vn cam kết bảo mật thông tin người dùng</div>
2094                </div>
2095
2096            </div>
2097            <div class="eight wide column" style="height: 100%;padding: 50px 15px;">
2098                <div class="ui segment" style="padding: 40px 10px; height: 460px;">
2099                    <a title="Logo" id="logo-fast" style="display:flex;justify-content:center;">
2100                        <img id="logo-img" alt="Logo" src="https://cdn.thuviennhadat.vn/upload/images/logo/Logo-TVND.png" loading="lazy" class="img-fluid" width="64" height="64">
2101                    </a>
2102                    <div id="content-regist-fast">
2103                        <div style="font-size: 18px; line-height: 28px; font-weight: normal !important; letter-spacing: -.2px; margin-bottom: 0px; color: #2C2C2C; padding: 10px 0; text-align: center; ">Đăng ký / Đăng nhập để tiếp tục</div>
2104                        <div class="ui form">
2105                            <div class="field">
2106                                <div class="input-container">
2107                                    <img src="/Assets/img/call-calling-svgrepo-com.svg" class="input-icon" />
2108                                    <input type="text" class="phone-regist" name="phone" id="phone-regist-fast" placeholder="Nhập số điện thoại của bạn" />
2109                                    <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/09b753df-415b-43b3-a703-14ad59997d02-Photoroom.png" class="input-icon-right" />
2110                                </div>
2111                            </div>
2112                            <div id="error-form-regist-fast" style="display: none; font-size: 12px; line-height: 16px; font-weight: 400; color: rgb(224, 60, 49); margin-bottom: 10px; "></div>
2113                            <button class="ui fluid button btn-secondary button-h46" id="button-submit-fast">Tiếp tục <i class="loading spinner icon" id="loading-regist-fast" style="display:none; left: 65%; position: absolute; transform: translate(-50%, -50%); "></i></button>
2114                            <div class="ui checkbox checkbox-fast" style="padding-top:16px;">
2115                                <input type="checkbox" checked id="terms-checkbox">
2116                                <label for="terms-checkbox" style="font-size: 11px; color: rgb(153, 153, 153); line-height: 16px;">
2117                                    Tôi đã đọc và đồng ý với
2118                                    <a href="/huong-dan-su-dung/quy-che-hoat-dong.html" target="_blank" style="color: rgb(224, 60, 49)">Điều khoản sử dụng</a>,
2119                                    <a href="/huong-dan-su-dung/quy-che-bao-mat-thong-tin.html" target="_blank" style="color: rgb(224, 60, 49)">Chính sách bảo mật</a>, và
2120                                    <a href="/huong-dan-su-dung/quy-che-bao-ve-du-lieu-ca-nhan.html" target="_blank" style="color: rgb(224, 60, 49)">
2120Quy chế bảo vệ dữ liệu cá nhân</a>
2121                                    của <strong class="brand-name" style="font-family: 'Times New Roman'; padding: 0px;font-size: 12px;"><span class="br-1">Thư Viện</span><span class="br-2"> Nhà Đất</span></strong>
2122                                </label>
2123                            </div>
2124
2125                        </div>
2126                    </div>
2127                    <div id="verify-OTP-fast" style="display:none;text-align:center;">
2128                        <div class="lable-hello" style="padding:10px 0;">Nhập mã xác minh</div>
2129                        <p>Chúng tôi đã gửi mã xác minh gồm 6 chữ số tới số điện thoại <span style="font-weight: 500;" id="phone-OTP-fast"></span> qua tài khoản <span style="color: rgb(0, 104, 255);">Zalo</span> hoặc SMS</p>
2130                        <div class="ui form " id="verify-OTP-fast">
2131                            <div class="field">
2132                                <div class="ui six mini input mini-input-fast" style="display: flex; align-items: center; gap: 10px; justify-content: center;">
2133                                    <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-1-fast" />
2134                                    <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-2-fast" />
2135                                    <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-3-fast" />
2136                                    <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-4-fast" />
2137                                    <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-5-fast" />
2138                                    <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-6-fast" />
2139                                </div>
2140                            </div>
2141                            <div style="margin:10px 0;">
2142                                <p id="time-validity-fast" style="font-size: 12px; line-height: 16px; font-weight: 400; color: rgb(153, 153, 153); text-align: center; margin-bottom: 0 !important; ">Mã có hiệu lực trong 2 phút</p>
2143                                <p style="text-align: center; font-size: 12px; margin: 0;" id="timer-count-fast">Gửi lại mã sau: <a style="color: rgb(224, 60, 49)" id="timer-fast"></a></p>
2144                                <div style="display: flex; justify-content: center; align-items: center; "><p style="text-align: center; font-size: 13px; margin: 0; display: none; padding-right: 5px;" id="resend-text-fast">Không nhận được mã?</p><a id="resend-code-fast" style="color: rgb(224, 60, 49);cursor:pointer;">Gửi lại bằng SMS</a></div>
2145                            </div>
2146                            <div class="ui fluid large teal submit button opacity-8 btn-secondary button-h46" type="submit" id="button-submit-verify-OTP-fast">Xác thực<i class="loading spinner icon" id="loading-verify-OTP-fast" style="display:none;"></i></div>
2147                            <div class="ui fluid button btn-comback-fast" id="button-comback-verify-OTP-fast">Quay lại</div>
2148
2149                        </div>
2150
2151                    </div>
2152                    <div id="verify-OTP-success-fast" style="display:none;padding-top:20px;text-align:center">
2153
2154                        <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/Group%20633.png" height="100" width="120" />
2155                        <div style="font-size: 18px !important; line-height: 32px !important; font-weight: 500 !important; letter-spacing: -0.2px !important; color: rgb(44, 44, 44) !important; margin-bottom: 20px;" id="success-fast-lable"></div>
2156
2157                        <div style="position: absolute; bottom: 20px; left: 12%;">Tự động chuyển hướng sau <span id="time-redirect" style=" color: rgb(224, 60, 49)"></span></div>
2158
2159                    </div>
2160                </div>
2161            </div>
2162        </div>
2163    </div>
2164</div>
2165
2166<script>
2167    let modalOpen = false;
2168
2169    $(document).ready(function () {
2170
2171        $("#regist-now-header").click(function () {
2172            if (!CommonModule.isLoggedIn() || CommonModule.isLoggedInMobile()) {
2173                window.location.href = "/chuyen-trang-moi-gioi"
2174            }
2175            else {
2176                $.ajax({
2177                    url: '/Users/CheckIsBrokerUserLogin',
2178                    type: 'GET',
2179                    success: function (data) {
2180                        if (data) {
2181                            if (data.status) {
2182                                if (data.url != "") {
2183                                    window.location.href = data.url
2184                                }
2185                                else {
2186                                    window.location.href = "/dang-ki-moi-gioi"
2187                                }
2188                            }
2189                            else {
2190                                window.location.href = "/chuyen-trang-moi-gioi"
2191                            }
2192                        }
2193                        else {
2194                            window.location.href = "/chuyen-trang-moi-gioi"
2195                        }
2196                    }
2197                });
2198            }
2199        });
2200        $("#btnDangTin").click(function () {
2201            var isLoggedInTVPL = CommonModule.getCookie("tvpl_access_token");
2202            var isLoggedInGG = CommonModule.getCookie("google_access_token");
2203            var isLoggedIn = CommonModule.getCookie("token");
2204
2205            if (!isLoggedIn && !isLoggedInTVPL && !isLoggedInGG) {
2206                loginModalBinding();
2207                $(".modal-login").modal({
2208                    closable: false
2209                }).modal('show');
2210            } else {
2211                $.ajax({
2212                    url: "/Users/CheckExistPhoneUser",
2213                    type: "GET",
2214                    success: function (response) {
2215                        if (response.check) {
2216                            window.location.href = "/dang-tin";
2217
2218                        } else {
2219
2220                            $(".form-regist").show();
2221                            $(".form-login").hide();
2222                            $("#lable-welcome").text("Xác minh số điện thoại");
2223                            $("#login-footer").hide();
2224                            $(".lable-hello").hide();
2225                            $(".register").hide();
2226                            $("#verity-type").val(2);
2227                            $('.ui.modal.modal-login').modal({
2228                                closable: false
2229                            }).modal('show');
2230                        }
2231                    },
2232                    error: function () {
2233                    }
2234                });
2235            }
2236        });
2237        $("#btn-dangtin-mobile").click(function () {
2238            var isLoggedInTVPL = CommonModule.getCookie("tvpl_access_token");
2239            var isLoggedInGG = CommonModule.getCookie("google_access_token");
2240            var isLoggedIn = CommonModule.getCookie("token");
2241
2242            if (!isLoggedIn && !isLoggedInTVPL && !isLoggedInGG) {
2243                loginModalBinding();
2244                $('.ui.sidebar').sidebar('hide');
2245                $(".modal-login").modal({
2246                    closable: false
2247                }).modal('show');
2248            }
2249            else {
2250                $.ajax({
2251                    url: "/Users/CheckExistPhoneUser",
2252                    type: "GET",
2253                    success: function (response) {
2254                        if (response.check) {
2255                            window.location.href = "/dang-tin";
2256                        } else {
2257                            //$("#modal-add-phone").modal({
2258                            //    closable: false
2259                            //}).modal('show');
2260                            $(".form-regist").show();
2261                            $(".form-login").hide();
2262                            $("#lable-welcome").text("Xác minh số điện thoại");
2263                            $("#login-footer").hide();
2264                            $(".lable-hello").hide();
2265                            $(".register").hide();
2266                            $("#verity-type").val(2);
2267                            $('.ui.modal.modal-login').modal({
2268                                closable: false
2269                            }).modal('show');
2270                        }
2271                    },
2272                    error: function () {
2273                    }
2274                });
2275            }
2276        });
2277        $('#right-icon-add-phone').on('click', function () {
2278            const $passwordInput = $('#password-add');
2279            const isPasswordVisible = $passwordInput.attr('type') === 'text';
2280
2281            $passwordInput.attr('type', isPasswordVisible ? 'password' : 'text');
2282            $(this).toggleClass('eye').toggleClass('eye slash');
2283        });
2284        $('.ui.dropdown').dropdown();
2285
2286        $('.dropdown-title').on('click', function (text, value, element) {
2287            event.preventDefault();
2288            const href = $(this).attr('href');
2289            if (href) {
2290                window.location.href = href;
2291            }
2292        });
2293
2294        $(window).resize();
2295        $('.close').on('click', function () {
2296            $('.ui.sidebar').sidebar('hide');
2297            $("#menu-left-mobile").show();
2298
2299            $("#navigation-bar-bottom").fadeIn(500);
2300        });
2301
2302        $(window).scroll(function () {
2303            if ($(this).scrollTop() > 100) {
2304                $('#backToTop').fadeIn();
2305            } else {
2306                $('#backToTop').fadeOut();
2307            }
2308        });
2309        $('#backToTop').click(function (e) {
2310            e.preventDefault();
2311            $('html, body').animate({ scrollTop: 0 }, '300');
2312        });
2313
2314        function toggleIconButtons() {
2315            if ($('.user-sign-in').css('display') === 'block') {
2316                //$('.icon-button').css('display', 'block');
2317                $('.login-divider-header').css('display', 'none');
2318                //$('#content-login').css('justify-content', 'flex-end');
2319            } else {
2320                //$('.icon-button').css('display', 'none');
2321                $('.login-divider-header').css('display', 'block');
2322                //$('#content-login').css('justify-content', 'flex-end');
2323            }
2324        }
2325
2326        // Initial check when the page loads
2327        toggleIconButtons();
2328
2329        // Dynamically check when `.user-sign-in` visibility changes
2330        // MutationObserver is ideal for monitoring style changes
2331        const observer = new MutationObserver(toggleIconButtons);
2332        observer.observe(document.querySelector('.user-sign-in'), { attributes: true, attributeFilter: ['style'] });
2333
2334        // Optional: Attach click or other events to force the check
2335        $('.user-sign-in').on('click', toggleIconButtons());
2336
2337
2338        //set logo on top when mobile tablet mode
2339        if (isMobile_TabletMode) {
2340            $('.logo-mobile-version').attr('style', 'display:block !important');
2341        }
2342
2343        document.addEventListener("scroll", function () {
2344            const header = document.getElementById("header");
2345            const img = document.getElementById("logo-img");
2346            const text = document.getElementsByClassName("icon-button__badge");
2347            const headerContainer = document.getElementsByClassName("header-container");
2348            const $projectSearchbar = document.getElementById("project-search-bar");
2349            const searchBarSale = document.getElementsByClassName("searchBarSale");
2350            const menuTop = document.getElementsByClassName("menu-top");
2351            const banDemo = document.getElementById("ban-demo");
2352
2353            for (let i = 0; i < text.length; i++) {
2354                if (window.scrollY > 2) {
2355                    text[i].style.fontSize = "10px";
2356                    text[i].style.height = "15px";
2357                    text[i].style.width = "15px";
2358                    text[i].style.top = "-6px";
2359                    text[i].style.right = "-2px";
2360                } else {
2361                    text[i].style.fontSize = "14px";
2362                    text[i].style.height = "20px";
2363                    text[i].style.width = "20px";
2364                }
2365            }
2366
2367            if (window.scrollY > 2) {
2368                header.classList.add("shrink");
2369                //headerContainer[0].style.padding = "0 10px";
2370                img.style.width = "64px";
2371                img.style.height = "64px";
2372
2373                if ($projectSearchbar) $projectSearchbar.style.paddingTop = "60px";
2374
2375                if (searchBarSale.length > 0) {
2376                    searchBarSale[0].style.paddingTop = "68px";
2377                    searchBarSale[0].style.paddingBottom = "9px";
2378                }
2379
2380                menuTop[0].style.marginTop = "0.8rem";
2381
2382                //banDemo.style.bottom = "12px"
2383
2384            } else {
2385                header.classList.remove("shrink");
2386                //headerContainer[0].style.padding = "0 20px";
2387                img.style.width = "84px";
2388                img.style.height = "84px";
2389
2390                if ($projectSearchbar) $projectSearchbar.style.paddingTop = "90px";
2391
2392                if (searchBarSale.length > 0) searchBarSale[0].style.paddingTop = "100px";
2393
2394                menuTop[0].style.marginTop = "0.4rem";
2395
2396                //banDemo.style.bottom = "12px"
2397            }
2398            if (isMobile_TabletMode && (typeof isDetailPage !== 'undefined' && isDetailPage)) {
2399                $('.button-text-menu').text('');
2400                if (window.scrollY == 0) {
2401                    //$('.mobile-search-bar-dynamic').css('padding-top', '0');
2402                    //$('.mobile-search-bar-dynamic').css('padding-bottom', '0');
2403                    //$('.mobile-menu-button').attr('style', 'width: 100% !important; padding: 1% 0;');
2404                    //jQuery('.search-input-bar-header').prependTo('.mobile-search-bar-dynamic');
2405                    //$('.search-input-bar-header').attr('style', 'width: 100% !important; padding: 0; display: none;');
2406                    //$('.logo-mobile-version .img-fluid').attr('style', 'width: 48px; height: 48px;');
2407                    $('.logo-mobile-version').attr('style', 'display:block !important;');
2408                    $('.cs-search-container__mobile').appendTo('.mobile-menu-button');
2409                    //$('.panel-filter').css('padding-top', '22px');
2410                    $('.searchBarSale').css('padding-top', '87px');
2411                    //$('.mobile-search-container').attr('style', 'display:none !important');
2412                    //$('.header-container').attr('style', 'display:block !important; width: 100%; padding: 0px 20px; margin: 0px !important;');
2413                    //$('.search-input-bar').attr('style', 'width: 100%; margin-bottom: 15px; background-color: #fff; border: 1px solid #F2F2F2; border-radius: 4px; align-items: center;');
2414                    //$('#dropdown-menu-sale-mobilemode').css('display', 'block');
2415                    //$('.search-input-bar-mobile').attr('style', 'display: flex;');
2416                    //$('.PC-filter-panel').attr('style', 'margin-top: -1rem;margin-left:0;margin-right:0');
2417                    //$('.searchBarSale').attr('style', 'margin-top: 5dvh;');
2418                    if ($(window).innerWidth() <= 360) {
2419                        $('.panel-filter').attr('style', 'padding-top: 73px !important;');
2420                    }
2421                } else {
2422                    if (searchBarSale.length > 0) {
2423                        //$('.mobile-search-bar-dynamic').css('padding-top', '0%');
2424                        //$('.mobile-menu-button').attr('style', 'width:  25% !important; padding: 1% 0;');
2425                        $('.logo-mobile-version').attr('style', 'display:none !important;');
2426                        $('.cs-search-container__mobile').appendTo('.mobile-header');
2427                        //$('.panel-filter').css('padding-top', '0');
2428                        $('.searchBarSale').css('padding-top', '21px');
2429                        $('.searchBarSale').css('padding-bottom', '0');
2430                        //$('.mobile-search-container').attr('style', 'display:none !important');
2431                        //jQuery('.search-input-bar-header').appendTo('.header-container');
2432                        //$('.search-input-bar-header').attr('style', 'width: 100% !important; margin: 1dvh; display: flex;');
2433                        //$('.header-container').attr('style', 'display:flex !important; width: 100%; padding: 0px 20px; margin: 0px !important;');
2434                        //$('.search-input-bar').attr('style', 'width: 100%; margin-bottom: 0; background-color: #fff; border: 1px solid #F2F2F2; border-radius: 4px; align-items: center;');
2435                        //$('.search-input-bar-mobile').attr('style', 'display: none;');
2436                        //$('.searchBarSale').attr('style', 'margin-top: 34px;');
2437
2438                        if ($(window).innerWidth() <= 360) {
2439                            $('.panel-filter').attr('style', 'padding-top: 7px !important;');
2440                            //$('.searchBarSale').attr('style', 'margin-top: 20px;');
2441                            //$('.search-input-bar').attr('style', 'width: 96%; margin-bottom: 0; margin-left: 10px; margin-right: 10px; background-color: #fff; border: 1px solid #F2F2F2; border-radius: 4px; align-items: center;');
2442                        }
2443                        //$('#dropdown-menu-sale-mobilemode').attr('style', 'display:none !important;');
2444                    }
2445                }
2446            }
2447        });
2448
2449        function getZoomLevel() {
2450            return window.devicePixelRatio;
2451        }
2452
2453
2454        if ((typeof isHome !== 'undefined' && isHome) && isOnlyMobileMode) {
2455            let lastScrollTop = 0;
2456            //const searchContainer = document.querySelector('.mobile-container-scroll');
2457            //searchContainer.style.display = 'block';
2458
2459
2460            window.addEventListener('scroll', function () {
2461                const logo = document.querySelector('.mobile-logo-scroll');
2462                const searchScroll = document.querySelector('.mobile-search-scroll');
2463                const mobileHeader = document.querySelector('.mobile-header');
2464                const mobileLogo = document.querySelector('.logo-mobile-version');
2465                const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
2466
2467
2468                if (scrollTop > 50) {
2469                    // Scroll xuống
2470                    logo.style.display = 'none';
2471                    //searchContainer.style.display = 'none';
2472                    searchScroll.style.display = 'block';
2473                    mobileHeader.style.width = '100%';
2474                    mobileLogo.style.width = '80%';
2475                } else {
2476                    // Scroll lên
2477                    logo.style.display = 'flex';
2478                    //searchContainer.style.display = 'block';
2479                    searchScroll.style.display = 'none';
2480                    mobileHeader.style.width = '100%';
2481                    mobileLogo.style.width = 'auto';
2482                }
2483
2484                lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;
2485            });
2486        }
2487
2488        if (isMobile_TabletMode) {
2489            //const favorite = document.getElementById('notify-favorite-mobile');
2490            //favorite.style.display = 'block';
2491
2492            //const promotion = document.getElementById('promotion-cart-mobile');
2493            //promotion.style.display = 'block';
2494
2495            //const mobileHeader = document.querySelector('.mobile-header');
2496            //mobileHeader.style.paddingTop = "1%";
2497            //mobileHeader.style.paddingBottom = "1%";
2498
2499            //$('.mobile-menu-button').attr('style', 'width:  100% !important; padding: 1% 0;');
2500        }
2501
2502        let today = new Date();
2503        let targetDate = new Date("2025-05-01T00:00:00");
2504
2505        if (today.getTime() >= targetDate.getTime()) {
2506            $('#mobile-flashsale-container').attr('style', 'display:  none !important;');
2507            $('#promotion-cart-mobile').attr('style', 'display:  none !important;');
2508            $('#promotion-cart').attr('style', 'display:  none !important;');
2509
2510            const mobileHeader = document.querySelector('.mobile-header');
2511            mobileHeader.style.justifyContent = "space-between";
2512
2513            const mobileLogoSrcoll = document.querySelector('.mobile-logo-scroll');
2514            mobileLogoSrcoll.style.position = "absolute";
2515        }
2516        $.fn.form.settings.rules.validPhoneForm = function (value) {
2517            if (value) {
2518                return CommonModule.isValidPhoneNumber(value);
2519            }
2520            else return true;
2521        }
2522        $.fn.form.settings.rules.validPasswordForm = function (value) {
2523            if (value) {
2524                return CommonModule.isValidPassword(value);
2525            }
2526            else return true;
2527        };
2528        $.fn.form.settings.rules.validCheckExistPhone = function (value) {
2529            if (value) {
2530                var isPhoneValid = false;
2531                $.ajax({
2532                    url: "/Users/CheckExistUser",
2533                    type: 'POST',
2534                    dataType: "json",
2535                    method: "POST",
2536                    contentType: "application/json",
2537                    data: JSON.stringify({ PhoneNumber: value }),
2538                    async: false,
2539                    success: function (response) {
2540                        if (response.result.Success) {
2541                            isPhoneValid = false;
2542                        } else {
2543                            isPhoneValid = true;
2544                        }
2545                    },
2546                    error: function () {
2547                        isPhoneValid = false;
2548                    }
2549                });
2550                return isPhoneValid;
2551            } else {
2552                return true;
2553            }
2554        };
2555
2556
2557        $("#form-add-phone")
2558            .form({
2559                fields: {
2560                    phoneAdd: {
2561                        identifier: 'phoneAdd',
2562                        rules: [
2563                            {
2564                                type: 'empty',
2565                                prompt: 'Vui lòng nhập số điện thoại'
2566                            },
2567                            {
2568                                type: 'validPhoneForm',
2569                                prompt: 'Vui lòng nhập số điện thoại hợp lệ'
2570                            },
2571                            {
2572                                type: 'validCheckExistPhone',
2573                                prompt: 'Số điện thoại này đã được đăng ký. Vui lòng dùng số điện thoại khác để đăng ký.'
2574                            }
2575                        ]
2576                    },
2577                    passwordAdd: {
2578                        identifier: 'passwordAdd',
2579                        rules: [
2580                            {
2581                                type: 'empty',
2582                                prompt: 'Vui lòng nhập mật khẩu'
2583                            },
2584                            {
2585                                type: 'validPasswordForm',
2586                                prompt: 'Mật khẩu phải có tối thiểu 8 ký tự. Trong đó: có chứa đầy đủ chữ cái viết thường, viết hoa, ký tự đặc biệt và ký tự số!'
2587                            }
2588                        ]
2589                    },
2590                },
2591                onSuccess: function (event, fields) {
2592                    event.preventDefault();
2593                    var validpass = CommonModule.isValidPassword(fields.passwordAdd);
2594                    var validphone = CommonModule.isValidPhoneNumber(fields.phoneAdd);
2595                    if (!validpass || !validphone) {
2596                        return;
2597                    }
2598                    var dataInput = {
2599                        phone: fields.phoneAdd,
2600                        password: fields.passwordAdd,
2601                    };
2602
2603                    $.ajax({
2604                        url: '/Users/UpdatePhoneToUser',
2605                        type: 'POST',
2606                        data: dataInput,
2607                        success: function (data) {
2608                            if (data) {
2609                                $("#modal-add-phone").modal('hide');
2610                                $("#phone-add").val("");
2611                                $("#password-add").val("");
2612                                CommonModule.showToast("Success", "Cập nhật số điện thoại và mật khẩu thành công.", "success");
2613                                window.location.href = "/dang-tin";
2614                            } else {
2615                                CommonModule.showToast("Error", "Có lỗi xảy ra khi gửi mail.", "error");
2616                            }
2617                        },
2618                        error: function () {
2619                            CommonModule.showToast("Error", "Có lỗi xảy ra khi gửi mail.", "error");
2620                        }
2621                    });
2622                }
2623            })
2624        $('#phone-add').on('input', function () {
2625            var $errorMessageContainer = $("#error-msg-add-phone");
2626            var phone = $(this).val();
2627            var isValidPhone = CommonModule.isValidPhoneNumber(phone);
2628            $errorMessageContainer.find('ul li').each(function () {
2629                if (!$(this).hasClass('phone-error') && !$(this).hasClass('password-error')) {
2630                    $(this).remove();
2631                }
2632            });
2633            if ($errorMessageContainer.find('ul').length === 0) {
2634                $errorMessageContainer.append('<ul class="list"></ul>');
2635            }
2636            if (!isValidPhone) {
2637                if ($errorMessageContainer.find('ul li.phone-error').length === 0) {
2638                    $errorMessageContainer.find('ul').append('<li class="phone-error">Vui lòng nhập số điện thoại hợp lệ</li>');
2639                }
2640                $errorMessageContainer.show();
2641            } else {
2642                $errorMessageContainer.find('ul li.phone-error').remove();
2643                if ($errorMessageContainer.find('ul li').length === 0) {
2644                    $errorMessageContainer.hide();
2645                }
2646            }
2647        });
2648        $('#password-add').on('input', function () {
2649            var $errorMessageContainer = $("#error-msg-add-phone");
2650            var password = $(this).val();
2651            var isValidPassword = CommonModule.isValidPassword(password);
2652            $errorMessageContainer.find('ul li').each(function () {
2653                if (!$(this).hasClass('phone-error') && !$(this).hasClass('password-error')) {
2654                    $(this).remove();
2655                }
2656            });
2657            if ($errorMessageContainer.find('ul').length === 0) {
2658                $errorMessageContainer.append('<ul class="list"></ul>');
2659            }
2660            if (!isValidPassword) {
2661                if ($errorMessageContainer.find('ul li.password-error').length === 0) {
2662                    $errorMessageContainer.find('ul').append('<li class="password-error">Mật khẩu phải có tối thiểu 8 ký tự. Trong đó: có chứa đầy đủ chữ cái viết thường, viết hoa, ký tự đặc biệt và ký tự số!</li>');
2663                }
2664                $errorMessageContainer.show();
2665            } else {
2666                $errorMessageContainer.find('ul li.password-error').remove();
2667                if ($errorMessageContainer.find('ul li').length === 0) {
2668                    $errorMessageContainer.hide();
2669                }
2670            }
2671        });
2672        $("#form-add-phone").submit(function () {
2673            if ($("#error-msg-add-phone").find('ul li').length > 0) $("#error-msg-add-phone").show();
2674        });
2675
2676        var check_valid_email = false;
2677        $("#valid-email").on("blur", function () {
2678            if ($(this).val().trim() != "") {
2679                if (!CommonModule.isValidTaxCode($(this).val().trim())) {
2680                    $("#error-msg-valid-email").text("Vui lòng nhập mã số thuế hợp lệ").show();
2681                    check_valid_email = false;
2682                }
2683                else {
2684                    $("#error-msg-valid-email").text("").hide();
2685                    check_valid_email = true;
2686                    //$("#error-msg-valid-email").text("").hide();
2687                    //$.ajax({
2688                    //    url: "/Users/CheckExistTaxCodeIsValid?taxcode=" + $(this).val().trim(),
2689                    //    type: "GET",
2690                    //    success: function (response) {
2691                    //        if (!response.status) {
2692                    //            $("#error-msg-valid-email").text(response.message).show();
2693                    //            check_valid_email = false;
2694                    //        }
2695                    //        else {
2696                    //            $("#error-msg-valid-email").text("").hide();
2697                    //            check_valid_email = true;
2698                    //        }
2699                    //    },
2700                    //    error: function () {
2701                    //        $("#error-msg-valid-email").text("Hệ thống đang gián đoạn, vui lòng thử lại sau!").show();
2702                    //        check_valid_email = false;
2703                    //    }
2704                    //});
2705                }
2706            }
2707        });
2708        $("#form-valid-email").on("submit", function (e) {
2709            e.preventDefault();
2710            $("#loading-sendmail-valid").show();
2711            var taxcode = $("#valid-email").val().trim();
2712            if (taxcode = "" || !check_valid_email) {
2713                $("#loading-sendmail-valid").hide();
2714                return;
2715            }
2716            else {
2717                $.ajax({
2718                    url: "/Users/UpdateOrValidTaxCode",
2719                    type: "POST",
2720                    dataType: "json",
2721                    contentType: "application/json",
2722                    data: JSON.stringify({ taxcode: $("#valid-email").val().trim() }),
2723                    success: function (response) {
2724                        if (response.Success) {
2725                            $("#loading-sendmail-valid").hide();
2726                            $("#modal-valid-email").modal('hide');
2727                        }
2728                        else {
2729                            $("#loading-sendmail-valid").hide();
2730                            $("#error-msg-valid-email").text(response.Message).show();
2731                        }
2732                    },
2733                    error: function () {
2734                        $("#loading-sendmail-valid").hide();
2735                        $("#error-msg-valid-email").text("Hệ thống đang gián đoạn, vui lòng thử lại sau!").show();
2736                    }
2737                });
2738            }
2739        });
2740        $("#form-valid-email").form();
2741        $('#modal-valid-email .close').click(function () {
2742            $("#valid-email").val("")
2743            $("#error-msg-valid-email").hide();
2744            $("#content-valid").show();
2745            $("#content-submit").hide();
2746            $.ajax({
2747                url: "/Users/UpdateOrValidTaxCode",
2748                type: "POST",
2749                dataType: "json",
2750                contentType: "application/json",
2751                data: JSON.stringify({ taxcode: $("#valid-email").val().trim() }),
2752                success: function (response) {
2753                    if (response.Success) {
2754                        $("#loading-sendmail-valid").hide();
2755                        $("#content-valid").hide();
2756                        $("#content-submit").show();
2757                    }
2758                    else {
2759                        $("#loading-sendmail-valid").hide();
2760                    }
2761                },
2762                error: function () {
2763                    $("#loading-sendmail-valid").show();
2764                }
2765            });
2766        });
2767        $("#modal-login-sigin-fast .close").click(function () {
2768            $("#content-regist-fast").css("display", "block");
2769            $("#verify-OTP-fast").css("display", "none");
2770            $("#verify-OTP-success-fast").css("display", "none");
2771            $("#phone-regist-fast").val("");
2772            $("#error-form-regist-fast").text("").hide();
2773            $('.mini-input-fast input').val('');
2774            clearInterval(timerInterval);
2775            timerInterval = null;
2776            $('#timer-fast').text('').hide();
2777        });
2778
2779    });
2780    function CheckExistUser(phone) {
2781        $.ajax({
2782            url: "/Users/CheckExistUser",
2783            type: 'POST',
2784            dataType: "json",
2785            method: "POST",
2786            contentType: "application/json",
2787            data: JSON.stringify({ PhoneNumber: phone }),
2788            success: function (response) {
2789                if (response.result.Success) {
2790                    existPhone = true;
2791                    return false;
2792                } else {
2793                    existPhone = false
2794                    return true;
2795                }
2796            },
2797            error: function () {
2798                existPhone = true;
2799                return false;
2800            }
2801        });
2802    }
2803    var timerInterval = null;
2804</script>
2804
2805        
2806
2807<main class="ui grid container stackable" style="padding-bottom: 1%;">
2808    <div class="two wide column stackable">
2809
2810    </div>
2811    <div class="twelve wide column stackable" style=" ">
2812        <div class="ui segment" style="justify-content:center; display:flex;padding:0;">
2813            <div class="ui image" style="display:block; width: 40%; max-height: 700px; ">
2814                <a href="/" style="display: flex;height:100%;">
2815                    <img style="border-top-left-radius: 5px; border-bottom-left-radius:4px;" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/SigninBannerV3.png" />
2816                </a>
2817            </div>
2818            <div id="content-modal-login-view" style="padding: 30px 20px; width: 60%;">
2819                <div class="lable-hello">Xin chào bạn</div>
2820                <h4 class="lable-welcome" id="lable-welcome-view">Đăng nhập để tiếp tục</h4>
2821                <div class="column">
2822                    <form class="ui large form form-login">
2823                        <div class="field">
2824                            <div class="ui left icon input">
2825                                <i class="user icon"></i>
2826                                <input class="phone-regist" type="text" id="phone-mail-login-view" placeholder="Nhập SĐT chính hoặc email">
2827                            </div>
2828                        </div>
2829                        <div id="error-phone-mail-login-view" style="display: none; font-size: 12px; font-weight: 400; color: rgb(224, 60, 49); margin: -0.5em 0em 0.5em;"></div>
2830                        <div class="field">
2831                            <div class="ui input two-icons">
2832                                <i class="lock icon left-icon"></i>
2833                                <input type="password" id="password-login-view" placeholder="Mật khẩu">
2834                                <i class="eye icon right-icon" id="right-icon-password-login-view"></i>
2835                            </div>
2836                        </div>
2837                        <div id="error-password-login-view" style="display: none; font-size: 12px; font-weight: 400; color: rgb(224, 60, 49); margin: -0.5em 0em 0.5em;"></div>
2838                        <button class="ui fluid large teal submit button opacity-8 button-h46" type="submit" id="button-submit-login-view" style=" background-color: var(--secondary-color)!important">Đăng nhập <i class="loading spinner icon" id="loading-login-view" style="display: none; left: 64%; position: absolute; transform: translate(-50%, -50%); "></i></button>
2839                        <div class="field remember-account" style="margin-top:15px;">
2840                            <div class="two fields">
2841                                <div class="field ui checkbox" style="flex:1">
2842                                    <input id="remember-me-view" type="checkbox" name="example">
2843                                    <label for="remember-me-view" style="font-weight:normal; cursor:pointer;">Nhớ tài khoản</label>
2844                                </div>
2845                                <div class="field" style="flex: 1">
2846                                    <a id="reset-password-view" style="color: rgb(224, 60, 49); display: flex; float: right; cursor: pointer; font-size: 13px; ">Quên mật khẩu?</a>
2847                                </div>
2848                            </div>
2849                        </div>
2850
2851                    </form>
2852                    <form class="ui large form form-regist" style="display:none;">
2853                        <div class="field">
2854                            <div class="input-container">
2855                                <img src="/Assets/img/call-calling-svgrepo-com.svg" class="input-icon" />
2856                                <input type="text" class="phone-regist" name="phone" id="phone-regist-view" placeholder="Nhập số điện thoại" />
2857                                <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/09b753df-415b-43b3-a703-14ad59997d02-Photoroom.png" class="input-icon-right" />
2858
2859                            </div>
2860                        </div>
2861                        <div id="error-form-regist-view" style="display: none; font-size: 12px; line-height: 16px; font-weight: 400; color: rgb(224, 60, 49); margin-bottom: 10px; "></div>
2862                        <button class="ui fluid large teal submit button opacity-8 btn-secondary button-h46" type="submit" id="button-submit-regist-view" disabled>Tiếp tục<i class="loading spinner icon" id="loading-regist-view" style="display: none; position: absolute; left: 60%;"></i></button>
2863                    </form>
2864                    <div class="sc-iXbCwh gGaPeb"><div class="sc-jTyxRY hcnzPw"></div><div class="sc-dJzGcj czShJi"><div type="tertiary" class="sc-crrsfI fmnTOX">Hoặc</div></div></div>
2865
2866                    <div class="field button-sign" style="display: none">
2867                        <div class="ui fluid button button-h46 button-white">
2868                            <img style="max-width:25px" src="https://cdn.thuviennhadat.vn//upload/bds/MAIPM/apple-icon.png" /><span>Đăng nhập với Apple</span>
2869                        </div>
2870                    </div>
2871                    
2872                    <div class="field button-sign">
2873                        <div class="ui fluid button button-h46 button-white" id="sign-in-google-view">
2874                            <img style="max-width:25px" src="https://cdn.thuviennhadat.vn//upload/bds/MAIPM/google-icon.png" /><span>Đăng nhập với Google</span>
2875                        </div>
2876                    </div>
2877                    <div class="field button-sign">
2878                        <div class="ui fluid button button-h46 button-white" id="sign-in-tvpl-view">
2879                            <img style="max-width:25px" src="https://cdn.thuvienphapluat.vn/images/logo-tvpl-small.png" /><span>
2880                                Đăng nhập với <a href="#" class="mobile-font-14" style="color: rgb(224, 60, 49); font-weight: bold; font-size: 16px; font-family: Times New Roman; ">THƯ VIỆN PHÁP LUẬT</a>
2881                            </span>
2882                        </div>
2883                    </div>
2884                </div>
2885                <div style="text-align: center; font-size: 12px; color: rgb(153, 153, 153)">
2886                    Bằng việc tiếp tục, là bạn đã đồng ý với
2887                    <a href="/huong-dan-su-dung/quy-che-hoat-dong.html" target="_blank" style="color:red">Điều khoản sử dụng</a>,
2888                    <a href="/huong-dan-su-dung/quy-che-bao-mat-thong-tin.html" target="_blank" style="color:red">Chính sách bảo mật</a>, và
2889                    <a href="/huong-dan-su-dung/quy-che-bao-ve-du-lieu-ca-nhan.html" target="_blank" style="color:red">Quy chế bảo vệ dữ liệu cá nhân</a>
2890                    của <strong class="brand-name" style="font-size:16px; padding-top:0px"><span class="br-1">Thư Viện</span><span class="br-2"> Nhà Đất</span></strong>
2891                </div>
2892                <div class="register" style="text-align: center; margin-top: 10px; font-size: 12px;">
2893                    Chưa là thành viên?
2894                    <a style="color: rgb(224, 60, 49); cursor: pointer;" id="register-view">Đăng ký</a>
2895                    tại đây
2896                </div>
2897            </div>
2898            <div id="verify-OTP-view" style="display: none; padding: 30px 30px; width: 60%;">
2899                <input hidden id="verity-type-view" />
2900                <div class="lable-hello" style="padding:10px 0;">Nhập mã xác minh</div>
2901                <p>Chúng tôi đã gửi mã xác minh gồm 6 chữ số tới số điện thoại <span style="font-weight: 500;" id="phone-OTP-view"></span> qua tài khoản <span style="color: rgb(0, 104, 255);">Zalo</span> hoặc SMS</p>
2902                <div class="ui form">
2903                    <div class="field">
2904                        <div class="ui six mini input mini-input" id="mini-input-view" style="display: flex; align-items: center; gap: 16px; justify-content: center;">
2905                            <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" />
2906                            <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" />
2907                            <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" />
2908                            <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" />
2909                            <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" />
2910                            <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" />
2911                        </div>
2912                    </div>
2913                    <div style="margin:10px 0;">
2914                        <p id="time-validity-view" style="font-size: 12px; line-height: 16px; font-weight: 400; color: rgb(153, 153, 153); text-align: center; margin-bottom: 0 !important; ">Mã có hiệu lực trong 2 phút</p>
2915                        <p style="text-align: center; font-size: 13px; margin: 0;" id="timer-count-view">Gửi lại mã sau: <a style="color: rgb(224, 60, 49)" id="timer-view"></a></p>
2916                        <div style="display: flex; justify-content: center; align-items: center; "><p style="text-align: center; font-size: 13px; margin: 0; display: none; padding-right: 5px;" id="resend-text-view">Không nhận được mã?</p><a id="resend-code-view" style="color: rgb(224, 60, 49);cursor:pointer;">Gửi lại bằng SMS</a></div>
2917
2918                    </div>
2919                    <div class="ui fluid large teal submit button opacity-8 btn-secondary button-h46" type="submit" id="button-submit-verify-OTP-view" disabled>Xác minh<i class="loading spinner icon" id="loading-verify-OTP-view" style="display:none;"></i></div>
2920                    <div class="ui fluid button btn-comback-fast" id="comback-verify-OTP-view">Quay lại</div>
2921                </div>
2922
2923            </div>
2924            <div id="verify-password-view" style="display: none; padding: 30px 30px;width: 60%;">
2925                <div class="lable-hello" style="padding:10px 0;">Tạo mật khẩu</div>
2926                <div class="ui form">
2927                    <div class="field">
2928                        <div class="ui input two-icons">
2929                            <i class="lock icon left-icon"></i>
2930                            <input id="password-regist-view" type="password" placeholder="Nhập mật khẩu">
2931                            <i class="eye icon right-icon" id="right-icon-verify-password-view"></i>
2932                        </div>
2933                    </div>
2934                    <div class="field">
2935                        <div class="ui input two-icons">
2936                            <i class="lock icon left-icon"></i>
2937                            <input id="confirm-password-regist-view" type="password" placeholder="Nhập lại mật khẩu">
2938                            <i class="eye icon right-icon" id="right-icon-confirm-verify-password-view"></i>
2939                        </div>
2940                    </div>
2941                    <div id="error-form-verify-password-view" style="display: none; font-size: 12px; font-weight: 400; color: rgb(224, 60, 49);"></div>
2942                    <ul class="rule-pass" id="rule-pass-view">
2943                        <li data-id="1"><i class="check icon"></i>Mật khẩu tối thiểu 8 kí tự</li>
2944                        <li data-id="2"><i class="check icon"></i>Chứa ít nhất 1 kí tự viết hoa</li>
2945                        <li data-id="3"><i class="check icon"></i>Chứa ít nhất 1 kí tự số</li>
2946                        <li data-id="4"><i class="check icon"></i>Chứa ít nhất 1 kí tự đặc biệt</li>
2947                    </ul>
2948                    <div class="field ui checkbox" style="margin: 0 0 10px;">
2949                        <input type="checkbox" id="agree-personal-data-view">
2950                        <label for="agree-personal-data-view" style="font-weight: normal; cursor: pointer; font-size: 13px; line-height: 18px;">
2951                            Tôi đã đọc và đồng ý với
2952                            <a href="/huong-dan-su-dung/quy-che-bao-ve-du-lieu-ca-nhan.html" target="_blank" style="color: rgb(224, 60, 49);">quy chế bảo vệ dữ liệu cá nhân</a>
2953                        </label>
2954                    </div>
2955                    <div class="field ui checkbox" style="margin: 0 0 15px;">
2956                        <input type="checkbox" id="agree-marketing-data-view">
2957                        <label for="agree-marketing-data-view" style="font-weight: normal; cursor: pointer; font-size: 13px; line-height: 18px;">
2958                            Tôi đồng ý nhận thông tin giới thiệu sản phẩm, dịch vụ, chương trình khuyến mãi (có thể rút lại sau)
2959                        </label>
2960                    </div>
2961                    <button class="ui fluid large teal submit button opacity-8 btn-secondary button-h46" type="submit" id="button-submit-verify-password-view" disabled>Tiếp tục<i class="loading spinner icon" id="loading-verify-password-view" style="display:none;margin-left:10px;"></i></button>
2962                </div>
2963            </div>
2964            <div id="content-reset-view" style="display: none; padding: 30px 30px;width: 60%;">
2965                <div style="display:none">
2966                    <a title="Logo" id="logo-fast" style="display:flex;justify-content:center;">
2967                        <img id="logo-img" alt="Logo" src="https://cdn.thuviennhadat.vn/upload/images/logo/Logo-TVND.png" loading="lazy" class="img-fluid" width="64" height="64">
2968                    </a>
2969
2970                    <div style="font-size: 18px; line-height: 28px; font-weight: normal !important; letter-spacing: -.2px; margin-bottom: 0px; color: #2C2C2C; padding: 10px 0; text-align: center; ">Đặt lại mật khẩu </div>
2971                </div>
2972                <div class="content" style="padding-top: 20px;">
2973                    <form class="ui large form">
2974                        <div class="field">
2975                            <div class="ui left icon input">
2976                                <i class="user icon"></i>
2977                                <input class="input-h46" type="text" name="email-phone" id="email-phone-view" placeholder="Nhập email hoặc số điện thoại">
2978                            </div>
2979                            <div id="error-email-phone-view" style="display: none; font-size: 12px; font-weight: 400; color: rgb(224, 60, 49); padding-top: 10px "></div>
2980                        </div>
2981                        <button class="ui fluid button btn-secondary button-h46" id="verify-email-button-view">
2982                            Gá»­i <i class="loading spinner icon" id="loading-send-email-view" style=" display:none;left: 56%; position: absolute; transform: translate(-50%, -50%); "></i>
2983                        </button>
2984                        <div class="ui fluid button btn-comback-fast" id="come-back-view">Quay lại</div>
2985                    </form>
2986                </div>
2987            </div>
2988            <div id="content-message-view" style="display: none; padding: 30px 30px;width: 60%;">
2989                <div class="header" style="display: flex; justify-content: center; align-items: center; height: 100%">
2990                    <div style="text-align: center;">
2991                        <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/Group%20633.png" height="100" style="margin-bottom: 20px;" />
2992                        <div id="mess-sms-view" style="display:none">
2993                            <div id="mess-reset-password-view" style="padding-bottom: 20px;"></div>
2994                            <div class="ui fluid button button-h46 btn-secondary" id="login-last-reset-view">Đăng nhập</div>
2995                        </div>
2996                        <div id="mess-mail-view">
2997                            <div style="font-size: 18px; font-weight: 500; margin-bottom: 10px;">Gửi thành công</div>
2998                            <div style="max-width: 400px; margin: 0 auto; line-height: 1.6;">
2999                                Chúng tôi đã gửi đường dẫn thay đổi mật khẩu tới địa chỉ email của bạn. Vui lòng kiểm tra hộp thư đến!
3000                            </div>
3001                        </div>
3002                    </div>
3003                </div>
3004            </div>
3005        </div>
3006
3007    </div>
3008</main>
3009<div class="ui mini modal modal-tvpl" id="modal-login-tvpl-view">
3010    <i class="close icon desktop-modal-tvpl"></i>
3011    <div class="image content">
3012        
3013        <div class="description" style="width: 100%;">
3014            <div style="display: flex; margin-bottom: 10px; justify-content: space-around;">
3015                <img style="max-width:50px;" src="https://cdn.thuvienphapluat.vn/images/logo-tvpl-small.png" />
3016                <i style="font-size: 30px;" class="long arrow alternate right icon"></i>
3017                <img style="max-width: 50px;" src="https://cdn.thuviennhadat.vn/upload/images/logo/Logo-TVND.png" />
3018            </div>
3019            <div class="column">
3020                <form class="ui large form">
3021                    <div class="ui segment">
3022                        <div class="field">
3023                            <div class="ui left icon input">
3024                                <i class="user icon"></i>
3025                                <input class="input-h46" type="text" name="username" id="username-view" placeholder="Nhập tên tài khoản hoặc email TVPL">
3026                            </div>
3027                        </div>
3028                        <div class="field">
3029                            <div class="ui input two-icons">
3030                                <i class="lock icon left-icon"></i>
3031                                <input class="input-h46" type="password" name="password-tvpl" id="password-tvpl-view" placeholder="Mật khẩu">
3032                                <i class="eye icon right-icon" id="right-icon-password-tvpl-view"></i>
3033                            </div>
3034
3035                        </div>
3036                        <div id="error-msg-tvpl-view" style="font-size: 12px; font-weight: 400; color: rgb(224, 60, 49); padding-bottom: 10px"></div>
3037                        <button class="ui fluid large teal submit button opacity-8 button-h46" type="submit" id="button-submit-tvpl-view" style="background-color: #f89b1a !important ">Đăng nhập <i class="loading spinner icon" id="loading-login-tvpl-view" style="display:none; left: 65%; position: absolute; transform: translate(-50%, -50%); "></i></button>
3038                        <div class="field remember-account" style="margin-top:15px;">
3039                            <div class="two fields">
3040                                <div class="field ui checkbox">
3041                                    <input id="remember-me-tvpll-view" type="checkbox" name="example">
3042                                    <label>Nhớ tài khoản</label>
3043                                </div>
3044                                <div class="field">
3045                                </div>
3046                            </div>
3047
3048                        </div>
3049                    </div>
3050
3051                </form>
3052
3053            </div>
3054        </div>
3055    </div>
3056</div>
3057<style>
3058    #verify-button-view {
3059        background-color: var(--secondary-color) !important;
3060        color: white;
3061    }
3062
3063        #verify-button-view:hover {
3064            opacity: 0.8;
3065        }
3066
3067    .btn-login-view:hover {
3068        opacity: 0.6;
3069    }
3070
3071    @media screen and (max-width:480px) {
3072        main:first-of-type {
3073            margin-top: 0% !important;
3074        }
3075    }
3076
3077    @media only screen and (max-width: 400px) {
3078        .mobile-font-14 {
3079            font-size: 12px !important;
3080        }
3081
3082        #sign-in-tvpl-view {
3083            padding-left: 5px;
3084            padding-right: 5px;
3085        }
3086    }
3087    .left-icon {
3088        top: 20px !important;
3089    }
3090    .right-icon {
3091        top: 22px !important;
3092    }
3093</style>
3094
3095<script>
3096    $(document).ready(function () {
3097
3098        $(".login").click(function (event) {
3099            if (!event && !event.target) return;
3100            googleAccessToken = CommonModule.getCookie("google_access_token");
3101            facebookAccessToken = CommonModule.getCookie("facebook_access_token");
3102            if (googleAccessToken) {
3103                signinGoogle(googleAccessToken);
3104                return;
3105            }
3106            if (facebookAccessToken) {
3107                signinFacebook(facebookAccessToken);
3108                return;
3109            }
3110            loginModalBindingView();
3111            if (event.target.id == 'register-button') {
3112                registerModalBindingView();
3113            }
3114            var currentUrl = window.location.pathname;
3115            if (currentUrl == "/Users/Login") {
3116                return;
3117            }
3118            else {
3119                $('.ui.sidebar').sidebar('hide');
3120
3121                $('.ui.modal.modal-login')
3122                    .modal({
3123                        closable: false,
3124                        allowMultiple: true
3125                    })
3126                    .modal('show');
3127            }
3128
3129
3130        });
3131        $("#register-view").click(function () {
3132            registerModalBindingView();
3133        });
3134        $("#phone-mail-login-view").keyup(function () {
3135            $("#error-phone-mail-login-view").text("").hide();
3136            $(this).css("border-color", "");
3137        });
3138
3139        $("#password-login-view").keyup(function () {
3140            $("#error-password-login-view").text("").hide();
3141            $(this).css("border-color", "");
3142        });
3143        $("#button-submit-login-view").click(function (event) {
3144            event.preventDefault();
3145            var validLogin = true;
3146            var phonemail = $("#phone-mail-login-view").val().trim();
3147            var pass = $("#password-login-view").val().trim();
3148            var rememberMe = $("#remember-me-view").is(":checked");
3149            var errorphone = $("#error-phone-mail-login-view");
3150            var errorpass = $("#error-password-login-view");
3151            filterOptions = {
3152                PhoneNumber: phonemail,
3153                Password: pass,
3154                RememberMe: rememberMe,
3155                returnUrl: CommonModule.getParameterByName('returnUrl')
3156            }
3157            if (phonemail.length == 0) {
3158                errorphone.text("Tên đăng nhập không được để trống").show();
3159                $("#phone-mail-login-view").css("border-color", "rgb(224, 60, 49)");
3160                $(".form-login .field").css("margin", "0em 0em 0.5em !important;");
3161                validLogin = false;
3162            }
3163            else {
3164                var valid = CommonModule.isValidPhoneNumber(phonemail);
3165                var validmail = CommonModule.isValidEmail(phonemail);
3166                if (!valid && !validmail) {
3167                    errorphone.text("Tên đăng nhập không phải định dạng số điện thoại hoặc email").show();
3168                    $("#phone-mail-login-view").css("border-color", "rgb(224, 60, 49)");
3169                    validLogin = false;
3170                }
3171                else {
3172                    errorphone.text("").hide();
3173                    $("#phone-mail-login-view").css("border-color", "");
3174                }
3175            }
3176            if (pass.length == 0) {
3177                errorpass.text("Mật khẩu không được để trống").show();
3178                $("#password-login-view").css("border-color", "rgb(224, 60, 49)");
3179                $(".form-login .field").css("margin", "0em 0em 0.5em !important;");
3180                validLogin = false;
3181            }
3182            else {
3183                errorpass.text("").hide();
3184                $("#password-login-view").css("border-color", "");
3185            }
3186            if (!validLogin) {
3187                return;
3188            }
3189            else {
3190                $("#loading-login-view").show();
3191                $(this).attr('disabled', 'disabled');
3192                $.ajax({
3193                    url: "/Users/Login",
3194                    dataType: "json",
3195                    method: "POST",
3196                    contentType: "application/json",
3197                    data: JSON.stringify(filterOptions),
3198                    success: function (response) {
3199                        if (response.success) {
3200                            CommonModule.showToast("Success", response.message, "success");
3201                            $(".login").hide();
3202                            $('.login-bar-header').attr("style", "margin-top: 8px;");
3203                            $("#user-login").text((!response.fullname || response.fullname.trim() === "") ? response.username : response.fullname).show();
3204                            $("#user-login-mobile").text((!response.fullname || response.fullname.trim() === "") ? response.username : response.fullname).show();
3205                            $(".user-avatar").attr("src", (!response.urlImage || response.urlImage.trim() === "") ? 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/avatar_7610196.png' : response.urlImage);
3206                            $(".user-sign-in").css({
3207                                "display": "block",
3208                                "padding-right": "10px",
3209                                "padding-left": "10px",
3210                            });
3211                            $("#form-dimmer").removeClass("active");
3212                            $("#loading-login-view").hide();
3213                            $("#button-submit-login-view").removeAttr('disabled');
3214                            closeModalView();
3215                            if (localStorage.getItem('pendingAction') && typeof runPendingActionAfterLogin === 'function') {
3216                                runPendingActionAfterLogin();
3217                                return;
3218                            }
3219                            window.location.href = response.url != null ? response.url : "/";
3220                        } else {
3221                            $("#loading-login-view").hide();
3222                            $("#button-submit-login-view").removeAttr('disabled');
3223                            errorpass.text(response.message).show();
3224                        }
3225
3226                    },
3227                    error: function (xhr, status, error) {
3228                        $("#loading-login-view").hide();
3229                        $("#button-submit-login-view").removeAttr('disabled');
3230                        errorpass.text("Hệ thống đang gián đoạn, vui lòng thử lại sau ít phút").show();
3231                    }
3232                });
3233            }
3234
3235        });
3236
3237        $("#user-sign-out-view").click(function () {
3238            signOut();
3239        });
3240
3241
3242        $('.modal-login #close-modal-view').click(function () { closeModalView(); });
3243        $('#sign-in-google-view').click(function () {
3244            localStorage.setItem("currentUrl", window.location.href);
3245            $.ajax({
3246                url: "/signin-google",
3247                method: "POST",
3248                contentType: "application/json",
3249                dataType: "json",
3250                success: function (response) {
3251                    if (response) {
3252                        window.location.href = response.urlResponse;
3253                    }
3254                },
3255                error: function () {
3256                    console.log("Login Failed");
3257                }
3258            });
3259        });
3260
3261        $('#sign-in-facebook-view').click(function () {
3262            localStorage.setItem("currentUrl", window.location.href);
3263            $.ajax({
3264                url: "/signin-facebook",
3265                method: "POST",
3266                contentType: "application/json",
3267                dataType: "json",
3268                success: function (response) {
3269                    if (response) {
3270                        window.location.href = response.urlResponse;
3271                    }
3272                },
3273                error: function () {
3274                    console.log("Login Failed");
3275                }
3276            });
3277        });
3278        $('#sign-in-tvpl-view').click(function () {
3279            $("#modal-login-tvpl-view")
3280                .modal({
3281                    closable: false,
3282                    allowMultiple: true
3283                })
3284                .modal('show');
3285
3286        });
3287        $("#button-submit-tvpl-view").click(function (event) {
3288            event.preventDefault();
3289            var username = $("#username-view").val().trim();
3290            var password = $("#password-tvpl-view").val().trim();
3291            var rememberMe = $("#remember-me-tvpl-view").is(":checked");
3292            $("#loading-login-tvpl-view").show();
3293            $("#button-submit-tvpl-view").attr("disabled", "disabled");
3294            $("#error-msg-tvpl").text("").hide();
3295            if (!username || !password) {
3296                $("#error-msg-tvpl-view").text("Tên đăng nhập hoặc mật khẩu không được để trống").show();
3297                $("#loading-login-tvpl-view").hide();
3298                $("#button-submit-tvpl-view").removeAttr("disabled");
3299                return;
3300            }
3301            else {
3302                $("#error-msg-tvpl-view").text("").hide();
3303                const urlParams = new URLSearchParams(window.location.search);
3304                const returnUrl = urlParams.get('returnUrl');
3305                var data = {
3306                    username: username,
3307                    password: password,
3308                    rememberMe: rememberMe,
3309                    returnUrl: returnUrl
3310                }
3311                $.ajax({
3312                    url: "/signin-tvpl",
3313                    method: "POST",
3314                    contentType: "application/json",
3315                    dataType: "json",
3316                    data: JSON.stringify(data),
3317                    success: function (response) {
3318                        if (response.success != false) {
3319                            window.location.href = response.urlResponse;
3320                            $(".login").hide();
3321                            $('.login-bar-header').attr("style", "margin-top: 8px;");
3322                            $("#user-login").text((!response.fullname || response.fullname.trim() === "") ? response.username : response.fullname).show();
3323                            $("#user-login-mobile").text((!response.fullname || response.fullname.trim() === "") ? response.username : response.fullname).show();
3324                            $(".user-avatar").attr("src", (!response.urlImage || response.urlImage.trim() === "") ? 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/avatar_7610196.png' : response.urlImage);
3325                            $(".user-sign-in").css({
3326                                "display": "block",
3327                                "padding-right": "10px",
3328                                "padding-left": "10px",
3329                            });
3330                            CommonModule.showToast("", "Đăng nhập thành công", "success");
3331                            closeModal();
3332                            $("#modal-login-tvpl-view").modal("hide");
3333                            isStillLoggedIn = true;
3334                            $("#loading-login-tvpl-view").hide();
3335                            $("#button-submit-tvpl-view").removeAttr("disabled");
3336                        }
3337                        else {
3338                            $("#error-msg-tvpl-view").text(response.message).show();
3339                            $("#loading-login-tvpl-view").hide();
3340                            $("#button-submit-tvpl-view").removeAttr("disabled");
3341                        }
3342                    },
3343                    error: function () {
3344                        $("#error-msg-tvpl-view").text("Hệ thống đang gián đoạn, vui lòng thử lại sau ít phút").show();
3345                        $("#loading-login-tvpl-view").hide();
3346                        $("#button-submit-tvpl-view").removeAttr("disabled");
3347                    }
3348                });
3349            }
3350        });
3351        $("#modal-login-tvpl-view .close").click(function () {
3352            $("#username-view").val("");
3353            $("#password-tvpl-view").val("");
3354            $("#error-msg-tvpl-view").text("").hide();
3355            $("#loading-login-tvpl-view").hide();
3356            $("#button-submit-tvpl-view").removeAttr("disabled");
3357
3358        });
3359        $('#right-icon-password-login-view').on('click', function () {
3360            const $passwordInput = $('#password-login-view');
3361            const isPasswordVisible = $passwordInput.attr('type') === 'text';
3362
3363            $passwordInput.attr('type', isPasswordVisible ? 'password' : 'text');
3364            $(this).toggleClass('eye').toggleClass('eye slash');
3365        });
3366        $('#right-icon-verify-password-view').on('click', function () {
3367            const $passwordInput = $('#password-regist-view');
3368            const isPasswordVisible = $passwordInput.attr('type') === 'text';
3369
3370            $passwordInput.attr('type', isPasswordVisible ? 'password' : 'text');
3371            $(this).toggleClass('eye').toggleClass('eye slash');
3372        });
3373        $('#right-icon-confirm-verify-password-view').on('click', function () {
3374            const $passwordInput = $('#confirm-password-regist-view');
3375            const isPasswordVisible = $passwordInput.attr('type') === 'text';
3376
3377            $passwordInput.attr('type', isPasswordVisible ? 'password' : 'text');
3378            $(this).toggleClass('eye').toggleClass('eye slash');
3379        });
3380        $('#right-icon-password-tvpl-view').on('click', function () {
3381            const $passwordInput = $('#password-tvpl-view');
3382            const isPasswordVisible = $passwordInput.attr('type') === 'text';
3383
3384            $passwordInput.attr('type', isPasswordVisible ? 'password' : 'text');
3385            $(this).toggleClass('eye').toggleClass('eye slash');
3386        });
3387        $('#reset-password-view').click(function () {
3388            $("#content-modal-login-view").css("display", "none");
3389            $("#content-reset-view").css("display", "block");
3390            $("#loading-sendmail-view").hide();
3391        });
3392
3393        $('#come-back-view').click(function () {
3394            $("#content-modal-login-view").css("display", "block");
3395            $("#content-reset-view").css("display", "none");
3396            $("#error-email-phone-view").text("");
3397            $("#email-phone-view").val('');
3398        });
3399        $('#come-back-mess-view').click(function () {
3400            $("#content-modal-login-view").css("display", "none");
3401            $("#content-reset-view").css("display", "block");
3402            $("#content-message-view").css("display", "none");
3403        });
3404        $("#verify-button-view").click(function (event) {
3405            event.preventDefault();
3406            var validSendEmail = true;
3407            var email = $("#email-phone-view").val();
3408            $("#error-email-phone-view").text("").hide();
3409            if (email != "") {
3410                var validp = CommonModule.isValidEmail(email);
3411
3412                if (!validp) {
3413
3414                    $("#error-email-phone-view").text("Email không đúng định dạng!").show();
3415                    validSendEmail = false;
3416                }
3417                else {
3418                    $("#error-email-phone-view").text("").hide();
3419                    validSendEmail = true;
3420                }
3421            }
3422            else {
3423                $("#error-email-phone-view").text("Vui lòng nhập email").show();
3424                validSendEmail = false;
3425            }
3426            if (!validSendEmail) {
3427                return;
3428            }
3429            var filterOptions = {
3430                Email: $("#email-phone-view").val()
3431            };
3432            $("#loading-sendmail-view").show();
3433            $.ajax({
3434                url: '/Account/SendPasswordResetEmail',
3435                type: 'POST',
3436                dataType: "json",
3437                contentType: "application/json",
3438                data: JSON.stringify(filterOptions),
3439                success: function (response) {
3440                    if (response.Success == true) {
3441                        $("#content-modal-login-view").css("display", "none");
3442                        $("#content-reset-view").css("display", "none");
3443                        $("#content-message-view").css("display", "block");
3444                        $("#loading-sendmail-view").hide();
3445                    }
3446                    else {
3447                        $("#error-email-phone-view").text(response.Message).show();
3448                        $("#loading-sendmail-view").hide();
3449                    }
3450
3451                },
3452                error: function (xhr, status, error) {
3453                    CommonModule.showToast("Error", "Đã có lỗi xảy ra: " + xhr.error, "error");
3454                }
3455            });
3456        });
3457        $("#close-modal-view").click(function () {
3458            $("#content-modal-login-view").css("display", "block");
3459            $("#content-reset-view").css("display", "none");
3460            $("#content-message-view").css("display", "none");
3461            $("#loading-sendmail-view").hide();
3462        });
3463        $('#phone-regist-view').on('input', function () {
3464            var phoneValue = $(this).val();
3465            $("#error-form-regist-view").text('').hide();
3466            if (phoneValue.trim() !== "") {
3467                $(".input-icon-right").show();
3468                $('#button-submit-regist-view').removeAttr('disabled');
3469            }
3470            else {
3471                $(".input-icon-right").hide();
3472                $('#button-submit-regist-view').attr('disabled', 'disabled');
3473            }
3474
3475        });
3476        $(".input-icon-right").click(function (e) {
3477            e.preventDefault();
3478            $("#error-form-regist-view").text('').hide();
3479            $('#phone-regist-view').val("");
3480            $(".input-icon-right").hide();
3481            $('#button-submit-regist-view').attr('disabled', 'disabled');
3482        })
3483        $('#mini-input-view input[type="tel"]').on("focus", function () {
3484            $(this).select();
3485        });
3486
3487        // Tự động chuyển focus khi nhập và khi xóa
3488        $('#mini-input-view input[type="tel"]').on('input', function () {
3489            var currentInput = $(this);
3490            var currentValue = currentInput.val();
3491            var allFilled = true;
3492            $('#mini-input-view input[type="tel"]').each(function () {
3493                if ($(this).val().trim() === '') {
3494                    allFilled = false;
3495                }
3496            });
3497            //Nhập
3498            if (currentValue.length === 1) {
3499                var nextInput = currentInput.next('input');
3500                if (nextInput.length) {
3501                    nextInput.focus();
3502                    nextInput.select();
3503                }
3504            }
3505            //Xóa
3506            if (currentValue.length === 0) {
3507                var nextInput = currentInput.next('input');
3508                if (nextInput.length && nextInput.val().length > 0) {
3509                    currentInput.val(nextInput.val());
3510                    nextInput.val('');
3511                    currentInput.focus();
3512                } else {
3513                    var prevInput = currentInput.prev('input');
3514                    if (prevInput.length) {
3515                        prevInput.focus();
3516                    }
3517                }
3518            }
3519            if (allFilled) {
3520                $("#button-submit-verify-OTP-view").removeAttr('disabled');
3521            } else {
3522                $("#button-submit-verify-OTP-view").attr('disabled', 'disabled');
3523            }
3524        });
3525
3526        // paste OTP
3527        $('#mini-input-view input[type="tel"]').on('paste', function (e) {
3528            var pastedData = e.originalEvent.clipboardData.getData('text');
3529            var inputs = $('#mini-input-view input[type="tel"]');
3530            if (!/^\d+$/.test(pastedData)) {
3531                e.preventDefault();
3532            }
3533            else {
3534                if (pastedData.length <= 6) {
3535                    inputs.each(function (index) {
3536                        if (index < pastedData.length) {
3537                            $(this).val(pastedData[index]);
3538
3539                            if (index < 5) {
3540                                $(this).next('input').focus();
3541                            }
3542                        }
3543                    });
3544                    if ($('.mini-input-view input[type="tel"]').toArray().every(input => $(input).val().length === 1)) {
3545                        $("#button-submit-verify-OTP-view").removeAttr('disabled');
3546                    }
3547                    e.preventDefault();
3548                }
3549            }
3550        });
3551        $('#mini-input-view input[type="tel"]').on('keydown', function (e) {
3552            var keyCode = e.keyCode || e.which;
3553
3554            if (e.ctrlKey && keyCode === 86) {
3555                setTimeout(function () {
3556                    var currentInput = $(e.target);
3557                    var clipboardData = e.originalEvent.clipboardData.getData('text');
3558
3559                    if (/^\d+$/.test(clipboardData)) {
3560                        var currentValue = currentInput.val();
3561                        if (currentValue.length === 1) {
3562                            var nextInput = currentInput.next('input');
3563                            if (nextInput.length) {
3564                                nextInput.focus();
3565                            }
3566                        }
3567                    } else {
3568                        e.preventDefault();
3569                    }
3570                }, 1);
3571            }
3572            else {
3573                if (!(keyCode >= 48 && keyCode <= 57) && !(keyCode >= 96 && keyCode <= 105) && keyCode !== 8) {
3574                    e.preventDefault();
3575                }
3576            }
3577        });
3578        $('#mini-input-view input[type="tel"]').each(function () {
3579            if ($(this).val().trim() != '') {
3580                allFilled = false;
3581            }
3582        });
3583        $('#button-submit-regist-view').click(function (e) {
3584            e.preventDefault();
3585            $("#loading-regist-view").show();
3586            $('#button-submit-regist-view').attr('disabled', 'disabled');
3587            var phone = $('#phone-regist-view').val();
3588            var verifyTypeView = parseInt($("#verity-type-view").val(), 10) || 0;
3589            validPhoneNumber($('#phone-regist-view'), $("#error-form-regist-view"))
3590                .then(function (isValid) {
3591                    if (isValid) {
3592                        openDirectRegisterPasswordStepView(phone);
3593                    } else {
3594                        setTimeout(function () {
3595                            $("#loading-regist-view").hide();
3596                            $('#button-submit-regist-view').removeAttr('disabled');
3597                        }, 500);
3598                        return;
3599                    }
3600                })
3601                .catch(function (error) {
3602                    setTimeout(function () {
3603                        $("#loading-regist-view").hide();
3604                        $('#button-submit-regist-view').removeAttr('disabled');
3605                    }, 500);
3606                    return;
3607                });
3608
3609        });
3610
3611        $("#comback-verify-OTP-view").click(function (e) {
3612            e.preventDefault();
3613            $("#verify-OTP-view").css("display", "none");
3614            $("#content-modal-login-view").css("display", "block");
3615            $("#loading-regist-view").hide();
3616            $('#button-submit-regist-view').removeAttr('disabled');
3617            $('#mini-input-view input[type="tel"]').each(function () {
3618                $(this).val("");
3619            });
3620            $("#phone-OTP-view").text("");
3621            $("#phone-regist-view").val("");
3622            $("#email-phone-view").val("");
3623
3624            clearInterval(timerInterval);
3625            timerInterval = null;
3626            $('#timer-view').text('').hide();
3627        });
3628        $("#button-submit-verify-OTP-view").click(function (e) {
3629            e.preventDefault();
3630            var values = [];
3631            $('#mini-input-view input[type="tel"]').each(function () {
3632                values.push($(this).val());
3633            });
3634            var otpCode = values.join('');
3635            const formData = {
3636                phoneNumber: $("#phone-OTP-view").text(),
3637                otpCode: otpCode,
3638                sourceUrl: CommonModule.getParameterByName('returnurl')
3639            };
3640
3641            $.ajax({
3642                url: '/VerifyOtp',
3643                type: 'POST',
3644                contentType: 'application/json',
3645                data: JSON.stringify(formData),
3646                success: function (response) {
3647                    if (response.success) {
3648                        $("#verify-password-view").show();
3649                        $("#verify-OTP-view").hide();
3650                    }
3651                    else {
3652                        $("#button-submit-verify-OTP-view").attr("disabled", "disabled");
3653                        $("#time-validity-view").text(response.message);
3654                        $("#time-validity-view").css("color", "rgb(224, 60, 49)");
3655                    }
3656                },
3657                error: function (xhr, status, error) {
3658                    $("#button-submit-verify-OTP-view").attr("disabled", "disabled");
3659                    $("#time-validity-view").text("Hệ thống đang gián đoạn, vui lòng thử lại sau ít phút");
3660                    $("#time-validity-view").css("color", "rgb(224, 60, 49)");
3661                }
3662            });
3663        });
3664        $("#resend-code-view").click(function (e) {
3665            $('#time-validity-view').show();
3666            $('#error-otp-view').hide();
3667            $("#resend-text-view").show();
3668            $("#button-submit-verify-OTP-view").removeAttr("disabled");
3669            GuiSMSOTPView($('#phone-regist-view').val());
3670        });
3671        $("#password-regist-view").on("input", function () {
3672            var password = $(this).val().trim();
3673            var isValid = validPasswordView(password);
3674            var compare = true;
3675            if ($("#confirm-password-regist-view").val().trim() != "" && password != "") {
3676                compare = comparePasswordToPasswordConfirm(password, $("#confirm-password-regist-view").val().trim());
3677            }
3678            if (!compare) {
3679                $("#error-form-verify-password-view").text('Mật khẩu không trùng khớp').show();
3680                $("#confirm-password-regist-view").css("border-color", "rgb(224, 60, 49)");
3681            }
3682            else {
3683                $("#error-form-verify-password-view").text("").hide();
3684                $("#confirm-password-regist-view").css("border-color", "");
3685            }
3686            if (compare && isValid) validRegist = true;
3687            else validRegist = false;
3688        });
3689        $("#confirm-password-regist-view").on("input", function () {
3690            if ($("#password-regist-view").val().trim() != "" && $(this).val().trim() != "") {
3691                validRegist = comparePasswordToPasswordConfirm($("#password-regist-view").val().trim(), $(this).val().trim());
3692            }
3693            if (!validRegist) {
3694                $("#error-form-verify-password-view").text('Mật khẩu không trùng khớp').show();
3695                $("#confirm-password-regist-view").css("border-color", "rgb(224, 60, 49)");
3696            }
3697            else {
3698                $("#error-form-verify-password-view").text("").hide();
3699                $("#confirm-password-regist-view").css("border-color", "");
3700            }
3701        });
3702        $("#agree-personal-data-view").on("change", function () {
3703            updateVerifyPasswordSubmitStateView();
3704        });
3705        $("#agree-personal-data-view").closest(".checkbox").find("a").on("click", function (e) {
3706            e.stopPropagation();
3707        });
3708        $("#button-submit-verify-password-view").click(function () {
3709            if (!$("#agree-personal-data-view").is(":checked")) {
3710                return;
3711            }
3712            if ($("#password-regist-view").val().trim() == "" || $("#confirm-password-regist-view").val().trim() == "") {
3713                validRegist = false;
3714            }
3715            if (validRegist) {
3716                $("#button-submit-verify-password-view").attr("disabled", "disabled");
3717                $("#loading-verify-password-view").show();
3718                if ($("#verity-type-view").val() == 4) {
3719                    $.ajax({
3720                        url: "/Account/ResetPasswordByPhone",
3721                        dataType: "json",
3722                        method: "POST",
3723                        contentType: "application/json",
3724                        data: JSON.stringify({ phone: $("#phone-regist-view").val().trim(), password: $("#password-regist-view").val().trim() }),
3725                        success: function (response) {
3726                            if (response.success) {
3727                                $("#verify-password-view").css("display", "none");
3728                                $("#content-message-view").css("display", "block");
3729                                $("#mess-sms-view").css("display", "block");
3730                                $("#mess-mail-view").css("display", "none");
3731                                $("#mess-reset-password-view").text(response.message);
3732                            }
3733                            else {
3734                                $("#error-form-verify-password-view").text(response.message).show();
3735                                $("#button-submit-verify-password-view").removeAttr("disabled");
3736                                $("#loading-verify-password-view").hide();
3737                            }
3738                            
3739
3740                        },
3741                        error: function (xhr, status, error) {
3742                            $("#error-form-verify-password-view").text("Hệ thống đang gián đoạn, vui lòng thử lại sau ít phút").show();
3743                            return;
3744                        }
3745                    });
3746                }
3747                else {
3748                    var registerPhoneView = $("#phone-regist-view").val().trim() || $("#phone-OTP-view").text().trim();
3749                    filterOptions = {
3750                        PhoneNumber: registerPhoneView,
3751                        Password: $("#password-regist-view").val(),
3752                        SourceUrl: CommonModule.getParameterByName('returnUrl'),
3753                        MarketingOptIn: $("#agree-marketing-data-view").is(":checked")
3754                    }
3755                    $.ajax({
3756                        url: "/Users/AddUser",
3757                        dataType: "json",
3758                        method: "POST",
3759                        contentType: "application/json",
3760                        data: JSON.stringify(filterOptions),
3761                        success: function (response) {
3762                            if (response.success) {
3763                                $("#user-login").text(response.username).show();
3764                                $("#user-login-mobile").text(response.username).show();
3765                                $(".user-avatar").attr("src", (!response.urlImage || response.urlImage.trim() === "") ? 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/avatar_7610196.png' : response.urlImage);
3766                                $(".login").hide();
3767                                $('.login-bar-header').attr("style", "margin-top: 8px;");
3768                                $(".user-sign-in").css({
3769                                    "display": "block",
3770                                    "padding-right": "10px",
3771                                    "padding-left": "10px",
3772                                });
3773                                $("#form-dimmer").removeClass("active");
3774                                isStillLoggedIn = true;
3775                                closeModalView();
3776                                if (localStorage.getItem('pendingAction') && typeof runPendingActionAfterLogin === 'function') {
3777                                    runPendingActionAfterLogin();
3778                                    return;
3779                                }
3780                                window.location.href = response.currentUrl;
3781                            } else {
3782                                $("#error-form-verify-password-view").text(response.message).show();
3783                                $("#button-submit-verify-password-view").removeAttr("disabled");
3784                                $("#loading-verify-password-view").hide();
3785                                return;
3786                            }
3787
3788                        },
3789                        error: function (xhr, status, error) {
3790                            $("#error-form-verify-password-view").text("Hệ thống đang gián đoạn, vui lòng thử lại sau ít phút").show();
3791                            $("#button-submit-verify-password-view").removeAttr("disabled");
3792                            $("#loading-verify-password-view").hide();
3793                            return;
3794                        }
3795                    });
3796                }
3797            }
3798            else {
3799                $("#button-submit-verify-password-view").removeAttr('disabled');
3800                $("#loading-verify-password-view").hide();
3801                return;
3802            }
3803        });
3804        //$("#verify-email-button-view").click(function (event) {
3805        //    event.preventDefault();
3806        //    $("#error-email-phone-view").text("").hide();
3807        //    $("#loading-send-email-view").show();
3808        //    $("#verify-email-button-view").attr('disabled', 'disabled');
3809        //    var validSendEmail = true;
3810        //    var email = $("#email-phone-view").val();
3811
3812        //    if (email != "") {
3813        //        var validp = CommonModule.isValidEmail(email);
3814
3815        //        if (!validp) {
3816
3817        //            $("#error-email-phone-view").text("Email không đúng định dạng!").show();
3818        //            validSendEmail = false;
3819        //        }
3820        //        else {
3821        //            $("#error-email-phone-view").text("").hide();
3822        //            validSendEmail = true;
3823        //        }
3824        //    }
3825        //    else {
3826        //        $("#error-email-phone-view").text("Vui lòng nhập email").show();
3827        //        validSendEmail = false;
3828        //    }
3829        //    if (!validSendEmail) {
3830        //        $("#loading-send-email-view").hide();
3831        //        $("#verify-email-button-view").removeAttr('disabled');
3832        //        return;
3833        //    }
3834        //    var filterOptions = {
3835        //        Email: $("#email-phone-view").val()
3836        //    };
3837        //    $.ajax({
3838        //        url: '/Account/SendPasswordResetEmail',
3839        //        type: 'POST',
3840        //        dataType: "json",
3841        //        contentType: "application/json",
3842        //        data: JSON.stringify(filterOptions),
3843        //        success: function (response) {
3844        //            if (response.Success == true) {
3845        //                $("#content-modal-login-view").css("display", "none");
3846        //                $("#content-reset-view").css("display", "none");
3847        //                $("#content-message-view").css("display", "block");
3848        //                $("#loading-send-email-view").hide();
3849        //                $("#verify-email-button-view").removeAttr('disabled');
3850        //            }
3851        //            else {
3852        //                $("#error-email-phone-view").text(response.Message).show();
3853        //                $("#loading-send-email-view").hide();
3854        //                $("#verify-email-button-view").removeAttr('disabled');
3855        //            }
3856
3857        //        },
3858        //        error: function (xhr, status, error) {
3859        //            $("#error-email-phone-view").text("Hệ thống đang gián đoạn, vui lòng thử lại sau ít phút").show();
3860        //            $("#loading-send-email-view").hide();
3861        //            $("#verify-email-button-view").removeAttr('disabled');
3862        //        }
3863        //    });
3864        //});
3865        $("#verify-email-button-view").click(function (event) {
3866            event.preventDefault();
3867            $("#error-email-phone-view").text("").hide();
3868            $("#loading-send-email-view").show();
3869            $("#verify-email-button-view").attr('disabled', 'disabled');
3870            var validSendEmail = true;
3871            var email = $("#email-phone-view").val().trim();
3872            var validp = false;
3873            var validphone = false;
3874            if (email != "") {
3875                validp = CommonModule.isValidEmail(email);
3876                validphone = CommonModule.isValidPhoneNumber(email);
3877                if (!validp && !validphone) {
3878
3879                    $("#error-email-phone-view").text("Số điện thoại/email không đúng định dạng!").show();
3880                    validSendEmail = false;
3881                }
3882                else if (validphone) {
3883                    showForgotPasswordPhoneSupportView($("#error-email-phone-view"));
3884                    $("#loading-send-email-view").hide();
3885                    $("#verify-email-button-view").removeAttr('disabled');
3886                    return;
3887                }
3888                else {
3889                    $.ajax({
3890                        url: "/Account/GetUserByPhoneOrEmail?param=" + email,
3891                        type: "GET",
3892                        async: false,
3893                        success: function (response) {
3894                            if (response.success) {
3895                                $("#error-email-phone-view").text("").hide();
3896                                $("#loading-send-email-view").hide();
3897                                validSendEmail = true;
3898                            }
3899                            else {
3900                                $("#error-email-phone-view").text(response.message).show();
3901                                $("#loading-send-email-view").hide();
3902                                validSendEmail = false;
3903                            }
3904                        },
3905                        error: function () {
3906                            $("#error-email-phone-view").text("Hệ thống đang gián đoạn, vui lòng thử lại sau ít phút").show();
3907                            $("#loading-send-email-view").hide();
3908                            validSendEmail = false;
3909                        }
3910                    });
3911
3912                }
3913            }
3914            else {
3915                $("#error-email-phone-view").text("Vui lòng nhập email").show();
3916                validSendEmail = false;
3917            }
3918            if (!validSendEmail) {
3919                $("#loading-send-email-view").hide();
3920                $("#verify-email-button-view").removeAttr('disabled');
3921                return;
3922            }
3923            if (validp) {
3924                var filterOptions = {
3925                    Email: $("#email-phone-view").val().trim()
3926                };
3927                $.ajax({
3928                    url: '/Account/SendPasswordResetEmail',
3929                    type: 'POST',
3930                    dataType: "json",
3931                    contentType: "application/json",
3932                    data: JSON.stringify(filterOptions),
3933                    success: function (response) {
3934                        if (response.Success == true) {
3935                            $("#content-modal-login-view").css("display", "none");
3936                            $("#content-reset-view").css("display", "none");
3937                            $("#content-message-view").css("display", "block");
3938                            $("#loading-send-email-view").hide();
3939                            $("#verify-email-button-view").removeAttr('disabled');
3940                        }
3941                        else {
3942                            $("#error-email-phone-view").text(response.Message).show();
3943                            $("#loading-send-email-view").hide();
3944                            $("#verify-email-button-view").removeAttr('disabled');
3945                        }
3946
3947                    },
3948                    error: function (xhr, status, error) {
3949                        $("#error-email-phone-view").text("Hệ thống đang gián đoạn, vui lòng thử lại sau ít phút").show();
3950                        $("#loading-send-email-view").hide();
3951                        $("#verify-email-button-view").removeAttr('disabled');
3952                    }
3953                });
3954            }
3955
3956        });
3957        $("#login-last-reset-view").click(function (e) {
3958            loginModalBindingView();
3959        });
3960        $("#email-phone-view").on("input", function () {
3961            $("#error-email-phone-view").text("");
3962        });
3963    });
3964    var validPhone = false;
3965    var validPass = false;
3966    var validConfirm = false;
3967
3968    function updateVerifyPasswordSubmitStateView() {
3969        if ($("#agree-personal-data-view").is(":checked")) {
3970            $("#button-submit-verify-password-view").removeAttr("disabled");
3971        } else {
3972            $("#button-submit-verify-password-view").attr("disabled", "disabled");
3973        }
3974    }
3975    
3976    function closeModalView() {
3977        $('.modal-login').modal('hide');
3978        $("#phone-mail-login-view").val("");
3979        $("#password-login-view").val("");
3980        $(".remember-account").show();
3981        $(".register").show();
3982        $("#lable-welcome-view").text("Đăng nhập để tiếp tục");
3983        $("#error-password-login-view").text("").hide();
3984        $("#error-phone-mail-login-view").text("").hide();
3985        $("#password-login-view").css("border-color", "");
3986        $("#phone-mail-login-view").css("border-color", "");
3987        $("#phone-regist-view").val("");
3988        $("#phone-regist-view").css("border-color", "");
3989        $("#error-form-regist-view").text("").hide();
3990        $("#password-regist-view").val("");
3991        $("#password-regist-view").css("border-color", "");
3992        $("#confirm-password-regist-view").val("");
3993        $("#confirm-password-regist-view").css("border-color", "");
3994        $("#error-form-verify-password-view").text("").hide();
3995        $("#agree-personal-data-view").prop("checked", false);
3996        $("#button-submit-verify-password-view").attr("disabled", "disabled");
3997        $("#verify-OTP-view input").val("");
3998        $("#verify-password-view").hide();
3999        $("#verify-OTP-view").hide();
4000        $("#content-reset-view").hide();
4001        $("#content-message-view").hide();
4002        $("#content-modal-login-view").show();
4003    }
4004
4005    function openDirectRegisterPasswordStepView(phone) {
4006        $("#phone-OTP-view").text(phone);
4007        $("#verify-OTP-view").hide();
4008        $("#content-modal-login-view").hide();
4009        $("#verify-password-view").show();
4010        $("#error-form-regist-view").text("").hide();
4011        $("#error-form-verify-password-view").text("").hide();
4012        $("#password-regist-view").val("").css("border-color", "");
4013        $("#confirm-password-regist-view").val("").css("border-color", "");
4014        $("#agree-personal-data-view").prop("checked", false);
4015        $("#button-submit-verify-password-view").attr("disabled", "disabled");
4016        $("#loading-regist-view").hide();
4017        $('#button-submit-regist-view').removeAttr('disabled');
4018    }
4019
4020    function showForgotPasswordPhoneSupportView($target) {
4021        $target
4022            .html('Vui lòng liên hệ <strong>Zalo: 0858 22 99 66</strong> hoặc gọi <strong>hotline: (028) 36 22 43 63</strong> để được hỗ trợ')
4023            .show();
4024    }
4025
4026    function registerModalBindingView() {
4027        closeModalView();
4028        $("#verity-type-view").val("");
4029        $("#phone-OTP-view").text("");
4030        $("#verify-OTP-view").hide();
4031        $("#verify-password-view").hide();
4032        $("#content-reset-view").hide();
4033        $("#content-message-view").hide();
4034        $("#error-form-regist-view").text("").hide();
4035        $("#error-form-verify-password-view").text("").hide();
4036        $("#loading-regist-view").hide();
4037        $('#button-submit-regist-view').removeAttr('disabled');
4038        clearInterval(timerInterval);
4039        timerInterval = null;
4040        $('#timer-view').text('').hide();
4041        $(".form-regist").show();
4042        $(".form-login").hide();
4043        $("#lable-welcome-view").text("Đăng ký tài khoản mới");
4044        $(".register").hide();
4045        //$("#phone-view").val("");
4046        //$("#password-view").val("");
4047        //$("#confirm-password-view").val("");
4048        //$(".remember-account").hide();
4049        //$(".register").hide();
4050        //$("#lable-welcome-view").text("Đăng ký tài khoản mới");
4051        //$("#button-submit-view").text("Tiếp tục");
4052        //$('#confirm-password-field-view').attr("style", "display: block !important;");
4053    }
4054    function loginModalBindingView() {
4055        closeModalView();
4056        $(".form-regist").hide();
4057        $(".form-login").show();
4058        $(".register").show();
4059        $(".remember-account").show();
4060        $("#lable-welcome-view").text("Đăng nhập để tiếp tục");
4061        //$(".btn-login-view").text("Đăng nhập");
4062        //$(".register").show();
4063        //$(".remember-account").show();
4064        //$("#error-phone-view").hide();
4065        //$('#confirm-password-field').attr("style", "display: none !important;");
4066        //$("#lable-welcome-view").text("Đăng nhập để tiếp tục");
4067        //$("#button-submit-view").text("Đăng nhập");
4068    }
4069
4070    function signinGoogle(googleAccessToken) {
4071        if (googleAccessToken) {
4072            $.ajax({
4073                url: '/getuserdata-login-google?access_token=' + googleAccessToken,
4074                method: "GET",
4075                contentType: "application/json",
4076                dataType: 'json',
4077                success: function (response) {
4078                    if (response.name) {
4079                        $(".login").hide();
4080                        $("#user-login-view").text(response.name).show();
4081                        $("#user-login-mobile-view").text(response.name).show();
4082                        $('.login-bar-header').attr("style", "margin-top: 8px;");
4083                        $(".user-sign-in").css({
4084                            "display": "block",
4085                            "padding-right": "10px",
4086                            "padding-left": "10px",
4087                        });
4088                        $(".user-avatar").attr("src", (!response.picture || response.picture.trim() === "") ? 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/avatar_7610196.png' : response.picture);
4089                    } else {
4090                        //document.cookie = "google_access_token=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;";
4091                        CommonModule.showToast("Error", "Phiên đăng nhập của bạn không còn hiệu lực, Vui lòng đăng nhập lại!", "error");
4092                        $(".login").show();
4093                        $(".user-sign-in").hide();
4094                    }
4095                },
4096                error: function () {
4097                    console.log("Error during google access token validation");
4098                }
4099            });
4100        }
4101    }
4102
4103    function signinFacebook(facebookAccessToken) {
4104        if (facebookAccessToken) {
4105            $.ajax({
4106                url: '/getuserdata-login-facebook?access_token=' + facebookAccessToken,
4107                method: "GET",
4108                contentType: "application/json",
4109                dataType: 'json',
4110                success: function (response) {
4111                    if (response.name) {
4112                        $(".login").hide();
4113                        $("#user-login-view").text(response.name).show();
4114                        $("#user-login-mobile-view").text(response.name).show();
4115                        $('.login-bar-header').attr("style", "margin-top: 8px;");
4116                        $(".user-sign-in").css({
4117                            "display": "block",
4118                            "padding-right": "10px",
4119                            "padding-left": "10px",
4120                        });
4121                        $(".user-avatar").attr("src", (!response.url_avatar || response.url_avatar.trim() === "") ? 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/avatar_7610196.png' : response.url_avatar);
4122                    } else {
4123                        //document.cookie = "facebook_access_token=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;";
4124                        CommonModule.showToast("Error", "Phiên đăng nhập của bạn không còn hiệu lực, Vui lòng đăng nhập lại!", "error");
4125                        $(".login").show();
4126                        $(".user-sign-in").hide();
4127                    }
4128                },
4129                error: function () {
4130                    console.log("Error during google access token validation");
4131                }
4132            });
4133        }
4134    }
4135
4136    function signinInternalSystem(token) {
4137        $.ajax({
4138            url: "/Users/ValidateToken",
4139            method: "POST",
4140            contentType: "application/json",
4141            data: JSON.stringify({ token: token }),
4142            success: function (response) {
4143                if (response.valid) {
4144                    $(".login").hide();
4145                    $("#user-login-view").text((!response.fullname || response.fullname.trim() === "") ? response.username : response.fullname).show();
4146                    $("#user-login-mobile-view").text((!response.fullname || response.fullname.trim() === "") ? response.username : response.fullname).show();
4147                    $('.login-bar-header').attr("style", "margin-top: 8px;");
4148                    $(".user-sign-in").css({
4149                        "display": "block",
4150                        "padding-right": "10px",
4151                        "padding-left": "10px",
4152                    });
4153                    $(".user-avatar").attr("src", (!response.urlImage || response.urlImage.trim() === "") ? 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/avatar_7610196.png' : response.urlImage);
4154                } else {
4155                    //document.cookie = "token=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;";
4156                    CommonModule.showToast("Error", "Phiên đăng nhập của bạn không còn hiệu lực, Vui lòng đăng nhập lại!", "error");
4157                    $(".login").show();
4158                    $(".user-sign-in").hide();
4159
4160                }
4161            },
4162            error: function () {
4163                console.log("Error during token validation");
4164            }
4165        });
4166    }
4167    function signinTVPL(token) {
4168        $.ajax({
4169            url: "/Users/ValidateToken",
4170            method: "POST",
4171            contentType: "application/json",
4172            data: JSON.stringify({ token: token }),
4173            success: function (response) {
4174                if (response.valid) {
4175                    $(".login").hide();
4176                    $("#user-login-view").text((!response.fullname || response.fullname.trim() === "") ? response.username : response.fullname).show();
4177                    $("#user-login-mobile-view").text((!response.fullname || response.fullname.trim() === "") ? response.username : response.fullname).show();
4178                    $('.login-bar-header').attr("style", "margin-top: 8px;");
4179                    $(".user-sign-in").css({
4180                        "display": "block",
4181                        "padding-right": "10px",
4182                        "padding-left": "10px",
4183                    });
4184                    $(".user-avatar").attr("src", (!response.urlImage || response.urlImage.trim() === "") ? 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/avatar_7610196.png' : response.urlImage);
4185                } else {
4186                    //document.cookie = "tvpl_access_token=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;";
4187                    //CommonModule.showToast("Error", "Phiên đăng nhập của bạn không còn hiệu lực, Vui lòng đăng nhập lại!", "error");
4188                    $(".login").show();
4189                    $(".user-sign-in").hide();
4190
4191                }
4192            },
4193            error: function () {
4194                console.log("Error during token validation");
4195            }
4196        });
4197    }
4198
4199    function signOut() {
4200        $('.ui.sidebar').sidebar('hide');
4201
4202        $.ajax({
4203            url: "/Users/Logout",
4204            type: "POST",
4205            success: function (response) {
4206                CommonModule.showToast("Success", "Bạn đã đăng xuất thành công.", "success");
4207                $(".user-sign-in").attr("style", "display: none;");
4208                $(".login").show();
4209                $('.login-bar-header').attr("style", "margin-top: 0px;")
4210                //document.cookie = "token=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;";
4211                //document.cookie = "google_access_token=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;";
4212                //document.cookie = "facebook_access_token=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;";
4213                //document.cookie = "tvpl_access_token=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;";
4214                setTimeout(function () {
4215                    window.location.href = '/';
4216                }, 1000);
4217
4218                //remove storage post info when signout
4219                localStorage.removeItem("tvnd-post-data");
4220                localStorage.removeItem("tvnd-districts");
4221                localStorage.removeItem("tvnd-wards");
4222            },
4223            error: function (xhr, status, error) {
4224                CommonModule.showToast("Error", "Có lỗi xảy ra khi đăng xuất.", "error");
4225            }
4226        });
4227    }
4228
4229    function clearSession() {
4230        $.ajax({
4231            url: '/Users/Logout',
4232            type: 'POST',
4233            success: function (res) {
4234                console.log("Clear session successfully")
4235            },
4236            error: function (err) {
4237                CommonModule.showToast("Error", "Có lỗi trong quá trình clear session: " + err, "error");
4238            }
4239        });
4240    }
4241
4242    //function RenderNotifyFavoriteData() {
4243    //    $.ajax({
4244    //        url: "/load-data-favorite",
4245    //        method: 'GET',
4246    //        dataType: "html",
4247    //        contentType: "application/json",
4248    //        async: true,
4249    //        success: function (response) {
4250    //            if (response) {
4251    //                $('#notify-favorite').html(response);
4252    //            } else {
4253    //                CommonModule.showToast("Error", 'Lỗi truy cập dữ liệu thông tin yêu thích', "error");
4254
4255    //            }
4256    //        },
4257    //        error: function (xhr, status, error) {
4258    //            CommonModule.showToast("Error", "Đã có lỗi xảy ra: " + xhr.statusText, "error");
4259    //        }
4260    //    });
4261    //}
4262
4263    //function RenderNotifyFavoriteDataMobile() {
4264    //    $.ajax({
4265    //        url: "/load-data-favorite-mobile",
4266    //        method: 'GET',
4267    //        dataType: "html",
4268    //        contentType: "application/json",
4269    //        async: true,
4270    //        success: function (response) {
4271    //            if (response) {
4272    //                $('#notify-favorite-mobile').html(response);
4273    //            } else {
4274    //                CommonModule.showToast("Error", 'Lỗi truy cập dữ liệu thông tin yêu thích', "error");
4275
4276    //            }
4277    //        },
4278    //        error: function (xhr, status, error) {
4279    //            CommonModule.showToast("Error", "Đã có lỗi xảy ra: " + xhr.statusText, "error");
4280    //        }
4281    //    });
4282    //}
4283
4284    //function RenderNotificationData() {
4285    //    $.ajax({
4286    //        url: "/load-data-notification",
4287    //        method: 'GET',
4288    //        dataType: "html",
4289    //        contentType: "application/json",
4290    //        async: true,
4291    //        success: function (response) {
4292    //            if (response) {
4293    //                $('#notify-toast').html(response);
4294    //            } else {
4295    //                CommonModule.showToast("Error", 'Lỗi truy cập dữ liệu thông báo', "error");
4296
4297    //            }
4298    //        },
4299    //        error: function (xhr, status, error) {
4300    //            CommonModule.showToast("Error", "Đã có lỗi xảy ra: " + xhr.statusText, "error");
4301    //        }
4302    //    });
4303    //}
4304
4305    //function RenderNotificationDataMobile() {
4306    //    $.ajax({
4307    //        url: "/load-data-notification-mobile",
4308    //        method: 'GET',
4309    //        dataType: "html",
4310    //        contentType: "application/json",
4311    //        async: true,
4312    //        success: function (response) {
4313    //            if (response) {
4314    //                $('#notify-toast-mobile').html(response);
4315    //            } else {
4316    //                CommonModule.showToast("Error", 'Lỗi truy cập dữ liệu thông tin yêu thích', "error");
4317
4318    //            }
4319    //        },
4320    //        error: function (xhr, status, error) {
4321    //            CommonModule.showToast("Error", "Đã có lỗi xảy ra: " + xhr.statusText, "error");
4322    //        }
4323    //    });
4324    //}
4325
4326    //function RenderNotificationDataMobileMenu() {
4327    //    $.ajax({
4328    //        url: "/load-data-notification-mobile-menu",
4329    //        method: 'GET',
4330    //        dataType: "html",
4331    //        contentType: "application/json",
4332    //        async: true,
4333    //        success: function (response) {
4334    //            if (response) {
4335    //                $('#menu-left-mobile').html(response);
4336    //            } else {
4337    //                CommonModule.showToast("Error", 'Lỗi truy cập dữ liệu thông tin yêu thích', "error");
4338
4339    //            }
4340    //        },
4341    //        error: function (xhr, status, error) {
4342    //            CommonModule.showToast("Error", "Đã có lỗi xảy ra: " + xhr.statusText, "error");
4343    //        }
4344    //    });
4345    //}
4346
4347    function validPasswordView(password) {
4348        var isValid = true;
4349        if (password.length >= 8) {
4350            $('#rule-pass-view li[data-id="1"]').css('list-style-type', 'none');
4351            $('#rule-pass-view li[data-id="1"] i').show();
4352            $('#rule-pass-view li[data-id="1"]').addClass('valid').removeClass('invalid');
4353        } else {
4354            $('#rule-pass-view li[data-id="1"]').css('list-style-type', '');
4355            $('#rule-pass-view li[data-id="1"] i').hide();
4356            $('#rule-pass-view li[data-id="1"]').addClass('invalid').removeClass('valid');
4357            isValid = false;
4358        }
4359        if (containsUpperCase(password)) {
4360            $('#rule-pass-view li[data-id="2"]').css('list-style-type', 'none');
4361            $('#rule-pass-view li[data-id="2"] i').show();
4362            $('#rule-pass-view li[data-id="2"]').addClass('valid').removeClass('invalid');
4363        } else {
4364            $('#rule-pass-view li[data-id="2"]').css('list-style-type', '');
4365            $('#rule-pass-view li[data-id="2"] i').hide();
4366            $('#rule-pass-view li[data-id="2"]').addClass('invalid').removeClass('valid');
4367            isValid = false;
4368        }
4369
4370        if (containsNumber(password)) {
4371            $('#rule-pass-view li[data-id="3"]').css('list-style-type', 'none');
4372            $('#rule-pass-view li[data-id="3"] i').show();
4373            $('#rule-pass-view li[data-id="3"]').addClass('valid').removeClass('invalid');
4374        } else {
4375            $('#rule-pass-view li[data-id="3"]').css('list-style-type', '');
4376            $('#rule-pass-view li[data-id="3"] i').hide();
4377            $('#rule-pass-view li[data-id="3"]').addClass('invalid').removeClass('valid');
4378            isValid = false;
4379        }
4380
4381        if (containsSpecialCharacter(password)) {
4382            $('#rule-pass-view li[data-id="4"]').css('list-style-type', 'none');
4383            $('#rule-pass-view li[data-id="4"] i').show();
4384            $('#rule-pass-view li[data-id="4"]').addClass('valid').removeClass('invalid');
4385        } else {
4386            $('#rule-pass-view li[data-id="4"]').css('list-style-type', '');
4387            $('#rule-pass-view li[data-id="4"] i').hide();
4388            $('#rule-pass-view li[data-id="4"]').addClass('invalid').removeClass('valid');
4389            isValid = false;
4390        }
4391        return isValid;
4392    }
4393    function GuiZaloOTPView(phone) {
4394        openDirectRegisterPasswordStepView(phone);
4395    }
4396    function GuiSMSOTPView(phone) {
4397        openDirectRegisterPasswordStepView(phone);
4398    }
4399    var timerInterval = null;
4400</script>
vendor: 2 bytes, line 4400
4400
4401<script src="/Scripts/Users/register.js?v=1.0.90"></script>
vendor: 2 bytes, line 4401
4401
4402<script src="/Scripts/Common/Site.js?v=1.0.90"></script>
vendor: 2 bytes, line 4402
4402
4403<script src="/Scripts/Common/CommonModule.js?v=1.0.90"></script>
4403
4404
4405        
4406
4407<link href="/Content/shared.footer.css?v=1.0.90" rel="stylesheet" />
4408
4409    <div class="ads_admicro_bottom ui container" style="margin-bottom:25px; margin-top: 25px">
4410            <zone id="mfktrjj0"></zone>
4411            
4411<script type="text/javascript" src="https://media1.admicro.vn/cms/arf-mfktrjj0.min.js"></script>
4411
4412    </div>
4413
4414<footer class="footer" style="background-color: #f9f9f9; width: 100%; box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);">
4415    <div class="ui grid container stackable content-footer" style="margin-top:0 !important">
4416        <div class="sixteen wide column stackable" style="padding-left: 0; padding-right: 0;">
4417            <div class="ui segment" style="background-color: #f9f9f9;   border: none;">
4418                <div class="ui grid wide stackable column">
4419                    <section class="eight wide column content-left" style="padding-top: 0;">
4420                        <div class="mobile-logo-footer" style="padding-bottom: 10px; display: flex; align-items:center;">
4421                            <a title="Logo" href="/">
4422                                <img id="logo-img" alt="Logo" src="https://cdn.thuviennhadat.vn/upload/images/logo/Logo-TVND.png" class="img-fluid" width="48" height="48">
4423                            </a>
4424                            <div style="display:flex; flex-direction:column;">
4425                                <a class="logo" href="/" style="margin-right: 10px; margin-left: 5px; font-size: 22px;">
4426                                    <span class="brand-name" style="padding-top:0;"><span class="br-1">Thư Viện</span> <span class="br-2">Nhà Đất</span></span>
4427
4428<style>
4429    .brand-name {
4430        font-family: Times New Roman !important;
4431    }
4432</style>
4433                                </a>
4434                            </div>
4435                        </div>
4436
4437                        <div class="ui grid">
4438                            <div class="sixteen wide column item-footer text-primary mobile-px-0" style="padding-top: 4px !important; padding-bottom: 2px !important;"><i class="grey map marker alternate icon no-mobile-display"></i>Trụ sở: Số 15 Đường 32, Khu Vạn Ph&#250;c, P. Hiệp B&#236;nh, TP. HCM</div>
4439                            <div class="sixteen wide column item-footer text-primary mobile-px-0" style="padding-top: 2px !important; padding-bottom: 2px !important;"><i class="grey map marker alternate icon no-mobile-display"></i>Địa điểm KD: Số 63, Đường 10, Khu Sala, P. An Khánh, TP. HCM</div>
4440                            
4441
4442                            <div class="sixteen wide column item-footer text-primary  mobile-px-0 mobile-item-center" style="padding-top: 2px !important; padding-bottom: 2px !important; font-size:12px !important; font-weight:600;"><i class="grey envelope outline icon no-mobile-display"></i><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="561f38303916023e23003f3338183e37123722782038">[email&#160;protected]</a></div>
4443                            
4444
4445                            <div class="sixteen wide column item-footer text-primary mobile-item-center no-mobile-display item-center" style="padding-top: 2px !important; padding-bottom: 2px !important; font-size:12px !important; font-weight:600;"><img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/phone-call-black.png" width="13" style="margin-right:5px" alt="phone-call-black" />Hotline: (028) 36.22.4363&nbsp;<span style="font-size: 10px; font-weight: 600;"> (06 lines) (Từ 7g30 - 19g30)</span></div>
4446                            <div class="sixteen wide column item-footer text-primary mobile-item-center no-mobile-display item-center" style="padding-top: 2px !important; padding-bottom: 2px !important; font-size:12px !important; font-weight:600;"><img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/phone-call-black.png" width="13" style="margin-right:5px" alt="phone-call-black" />Hỗ trợ pháp luật: (028) 3930 3279&nbsp;<span style="font-size: 10px; font-weight: 600;"> (06 lines)</span></div>
4447                            <div class="sixteen wide column item-footer text-primary  mobile-px-0 mobile-btn-center">
4448                                <div style="display: flex; font-weight: 600;">Hotline:&nbsp;<a class="mobile-display" style="font-size: 12px; font-weight: 600;" onclick="window.location.href='tel:02836224363'">(028) 36.22.4363</a>&nbsp;<span style="font-size: 10px; font-weight: 600;">(06 lines) (Từ 7g30 - 19g30 )</span></div>
4449                            </div>
4450                            <div class="sixteen wide column item-footer text-primary  mobile-px-0 mobile-btn-center">
4451                                <div style="display: flex; font-weight: 600;">Hỗ trợ pháp luật:&nbsp;<a class="mobile-display" style="font-size: 12px; font-weight: 600;" onclick="window.location.href='tel:02836224363'">(028) 3930 3279</a>&nbsp;<span style="font-size: 10px; font-weight: 600;">(06 lines)</span></div>
4452                            </div>
4453							
4454                            <div class="sixteen wide column item-footer text-primary  mobile-px-0">
4455                                <a target="_blank" href="http://online.gov.vn/Website/chi-tiet-128145"><img width="140" height="52" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/logoCCDV.png" /></a>
4456								<a target="_blank" href="https://giayphep.abei.gov.vn/i/132364"><img width="140" height="52" src="https://giayphep.abei.gov.vn/images/license/information.svg" /></a>
4457								
4458                            </div>
4459							
4460							
4461                            
4462
4463
4464                            
4465                        </div>
4466                    </section>
4467                    <section class="four wide column content-right  no-mobile-display">
4468                        <div class="ui grid">
4469                            <div class="sixteen wide column content-right-column">
4470                                <a class="link item-footer" href="/gioi-thieu">Giới thiệu</a>
4471                            </div>
4472
4473                            <div class="sixteen wide column content-right-column">
4474                                <a class="link item-footer" href="/site-map.html">SiteMap</a>
4475                            </div>
4476
4477                            <div class="sixteen wide column content-right-column">
4478                                <a class="link item-footer" href="/huong-dan-su-dung/bang-gia-dang-tin.html">Báo giá và hướng dẫn</a>
4479                            </div>
4480                            <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;">
4481                                <a class="link item-footer text-primary" href="/phap-luat">Pháp luật</a>
4482                            </div>
4483                            <div class="sixteen wide column content-right-column">
4484                                <a class="link item-footer text-primary" href="/van-ban-phap-luat-viet-nam">Văn bản pháp luật Việt Nam</a>
4485                            </div>
4486                            <div class="sixteen wide column content-right-column">
4487                                <a class="link item-footer" href="/thi-truong-bat-dong-san">Thị trường bất động sản</a>
4488                            </div>
4489                            <div class="sixteen wide column content-right-column">
4490                                <a class="link item-footer" href="/tai-chinh-bat-dong-san">Tài chính bất động sản</a>
4491                            </div>
4492                            <div class="sixteen wide column content-right-column">
4493                                <a class="link item-footer" href="/phap-ly-nha-dat">Pháp lý nhà đất</a>
4494                            </div>
4495                            <div class="sixteen wide column content-right-column">
4496                                <a class="link item-footer" href="/nha-moi-gioi">Danh bạ môi giới</a>
4497                            </div>
4498                        </div>
4499                    </section>
4500                    <section class="four wide column content-right  no-mobile-display">
4501                        <div class="ui grid">
4502                            <div class="sixteen wide column content-right-column">
4503                                <a class="link item-footer" href="/lien-he.html">Liên hệ</a>
4504                            </div>
4505                            <div class="sixteen wide column content-right-column">
4506                                <a class="link item-footer" href="/huong-dan-su-dung/quy-che-hoat-d
4506ong.html">Quy chế hoạt động</a>
4507                            </div>
4508                            <div class="sixteen wide column content-right-column">
4509                                <a class="link item-footer" href="/huong-dan-su-dung/quy-trinh-giai-quyet-khieu-nai.html">Quy trình giải quyết khiếu nại</a>
4510                            </div>
4511                            <div class="sixteen wide column content-right-column">
4512                                <a class="link item-footer" href="/huong-dan-su-dung/quy-che-bao-mat-thong-tin.html">Quy chế bảo mật thông tin</a>
4513                            </div>
4514                            <div class="sixteen wide column content-right-column">
4515                                <a class="link item-footer" href="/huong-dan-su-dung/quy-che-bao-ve-du-lieu-ca-nhan.html">Quy chế bảo vệ DLCN</a>
4516                            </div>
4517
4518                            
4519
4520                            <div class="sixteen wide column content-right-column">
4521                                <a class="link item-footer" href="/tiep-nhan-danh-gia.html">Tiếp nhận đánh giá của khách hàng và tổ chức xã hội</a>
4522                            </div>
4523                            <div class="sixteen wide column content-right-column">
4524                                <a class="link item-footer" href="/danh-sach-danh-gia.html">Danh sách đánh giá của khách hàng và tổ chức xã hội</a>
4525                            </div>
4526
4527                        </div>
4528                    </section>
4529                </div>
4530            </div>
4531
4532            <div class="ui grid wide stackable column mobile-display">
4533                <section class="sixteen wide column" style="padding: 7px !important;">
4534                    <div class="ui accordion footer-accordion">
4535                        <div class="title mobile-font-weight-5">
4536                            <i class="dropdown icon"></i>
4537                            HƯỚNG DẪN
4538                        </div>
4539                        <div class="content">
4540                            <div class="ui grid mobile-margin-left">
4541                                <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;">
4542                                    <a class="link item-footer text-primary" href="/gioi-thieu">Giới thiệu</a>
4543                                </div>
4544                                <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;">
4545                                    <a class="link item-footer text-primary" href="/huong-dan-su-dung/bang-gia-dang-tin.html">Báo giá và hướng dẫn</a>
4546                                </div>
4547                                <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 8px;">
4548                                    <div class="link item-footer text-primary" onclick="openTawkChat()">Góp ý báo lỗi</div>
4549                                </div>
4550                                <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 8px;">
4551                                    <a class="link item-footer text-primary" href="/lien-he.html">Liên hệ</a>
4552                                </div>
4553                                <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 8px;">
4554                                    <a class="link item-footer text-primary" href="/tiep-nhan-danh-gia.html">Tiếp nhận đánh giá của khách hàng và tổ chức xã hội</a>
4555                                </div>
4556                                <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 8px;">
4557                                    <a class="link item-footer text-primary" href="/danh-sach-danh-gia.html">Danh sách đánh giá của khách hàng và tổ chức xã hội</a>
4558                                </div>
4559
4560                            </div>
4561                        </div>
4562                    </div>
4563                </section>
4564
4565                <div class="ui divider" style="margin: 0;"></div>
4566
4567                <section class="sixteen wide column" style="padding: 7px !important;">
4568                    <div class="ui accordion footer-accordion">
4569                        <div class="title mobile-font-weight-5">
4570                            <i class="dropdown icon"></i>
4571                            QUY ĐỊNH
4572                        </div>
4573                        <div class="content">
4574                            <div class="ui grid mobile-margin-left">
4575                                <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;">
4576                                    <a class="link item-footer text-primary" href="/site-map.html">SiteMap</a>
4577                                </div>
4578                                <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;">
4579                                    <a class="link item-footer text-primary" href="/huong-dan-su-dung/quy-che-hoat-dong.html">Quy chế hoạt động</a>
4580                                </div>
4581                                <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;">
4582                                    <a class="link item-footer text-primary" href="/quy-trinh-giai-quyet-khieu-nai.html">Quy trình giải quyết khiếu nại</a>
4583                                </div>
4584                                <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;">
4585                                    <a class="link item-footer text-primary" href="/huong-dan-su-dung/quy-che-bao-mat-thong-tin.html">Quy chế bảo mật thông tin</a>
4586                                </div>
4587                                <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;">
4588                                    <a class="link item-footer text-primary" href="/huong-dan-su-dung/quy-che-bao-ve-du-lieu-ca-nhan.html">Quy chế bảo vệ DLCN</a>
4589                                </div>
4590
4591                                
4592
4593                            </div>
4594                        </div>
4595                    </div>
4596                </section>
4597
4598                <div class="ui divider" style="margin: 0;"></div>
4599
4600                <section class="sixteen wide column" style="padding: 7px !important;">
4601                    <div class="ui accordion footer-accordion">
4602                        <div class="title mobile-font-weight-5">
4603                            <i class="dropdown icon"></i>
4604                            TIỆN ÍCH KHÁC
4605                        </div>
4606                        <div class="content">
4607                            <div class="ui grid mobile-margin-left">
4608                                <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;">
4609                                    <a class="link item-footer text-primary" href="/phap-luat">Pháp luật</a>
4610                                </div>
4611                                <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;">
4612                                    <a class="link item-footer text-primary" href="/van-ban-phap-luat-viet-nam">Văn bản pháp luật Việt Nam</a>
4613                                </div>
4614                                <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;">
4615                                    <a class="link item-footer text-primary" href="/thi-truong-bat-dong-san">Thị trường bất động sản</a>
4616                                </div>
4617                                <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;">
4618                                    <a class="link item-footer text-primary" href="/tai-chinh-bat-dong-san">Tài chính bất động sản</a>
4619                                </div>
4620                                <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;">
4621                                    <a class="link item-footer text-primary" href="/phap-ly-nha-dat">Pháp lý nhà đất</a>
4622                                </div>
4623                                <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 8px;">
4624                                    <a class="link item-footer text-primary" href="/nha-moi-gioi">Danh bạ môi giới</a>
4625                                </div>
4626                            </div>
4627                        </div>
4628                    </div>
4629                </section>
4630
4631                <div class="ui divider" style="margin: 0;"></div>
4632
4633                <section class="sixteen wide column text-primary" style="display: flex;">
4634                    <a title="THƯ VIỆN PHÁP LUẬT" href="https://thuvienphapluat.vn/" target="_blank">
4635                        <div class="row" style="display:flex; flex-direction:row;">
4636                            <div>
4637                                <img alt="THƯ VIỆN PHÁP LUẬT" src="https://cdn.thuvienphapluat.vn/images/logo-tvpl-small.png" class="img-fluid" width="40">
4638                            </div>
4639                            <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
4640                                <div style="display: flex; flex-direction: column; align-items: center; margin-left: 5px;">
4641                                    <div class="text-tvpl font-12">THƯ VIỆN PHÁP LUẬT</div>
4642                                    
4643                                </div>
4644                            </div>
4645                        </div>
4646                    </a>
4647                    <a title="Nhân Sự" href="https://nhansu.vn/" target="_blank" style="margin-left:4%;">
4648                        <div class="row" style="display:flex; flex-direction:row; align-items:center;">
4649                            <div>
4650                                <img alt="NHÂN SỰ" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/image_logo_NS-1.png" class="img-fluid" width="40">
4651                            </div>
4652                            <div>
4653                                <div class="row" style="display: flex; flex-direction: column; margin-left: 5px;">
4654                                    <div class="text-nhansu font-12">NhanSu.vn</div>
4655                                </div>
4656                            </div>
4657                        </div>
4658                    </a>
4659                </section>
4660            </div>
4661        </div>
4662    </div>
4663</footer>
4664
4665<div class="footer footer-company" style="position: relative; background-color: #eaeaea; width: 100%; box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1); padding-bottom: 1rem;">
4666    <div class="ui container">
4667        <div class="ui stackable grid" style="margin-top: 10px; padding-top: 10px; padding-bottom: 10px; ">
4668            <div class="eight wide column text-primary">
4669                <div class="sixteen wide column">
4670                    <div class="ui grid stackable phap-ly">
4671                        <span class="sixteen wide column" style="padding-bottom: 0 !important; padding-top: 0 !important;">
4672                            Chủ quản: Công ty TNHH <span style="font-size: 12px;"><span class="brand-name" style="padding-top:0;"><span class="br-1">Thư Viện</span> <span class="br-2">Nhà Đất</span></span>
4673
4674<style>
4675    .brand-name {
4676        font-family: Times New Roman !important;
4677    }
4678</style></span>
4679                        </span>
4680                        <span class="sixteen wide column" style="padding-bottom: 0 !important; padding-top: 0 !important;">
4681                            Mã số thuế: 0318679464, cấp ngày: 20/09/2024, nơi cấp: Sở Kế hoạch và Đầu tư TP HCM. Đại diện theo pháp luật: Ông Bùi Tường Vũ
4682                        </span>
4683                        <span class="sixteen wide column" style="padding-bottom: 0 !important; padding-top: 0 !important;">
4684                            Giấy phép Trang TTĐTTH số 03/GP-TTĐT, do Sở TTTT TP. HCM cấp ngày 06/02/2025.
4685                        </span>
4686
4687                    </div>
4688                </div>
4689            </div>
4690            <div class="eight wide column text-primary no-mobile-display" style="padding-bottom: 0 !important; padding-top: 0px !important;">
4691                <div class="ui grid stackable" style="margin-top: 6px;">
4692                    <div class="ten wide column" style="padding-bottom: 0 !important;">
4693                        <a title="THƯ VIỆN PHÁP LUẬT" href="https://thuvienphapluat.vn/" target="_blank">
4694                            <div class="row" style="display:flex; flex-direction:row;">
4695                                <div>
4696                                    <img alt="THƯ VIỆN PHÁP LUẬT" src="https://cdn.thuvienphapluat.vn/images/logo-tvpl-small.png" class="img-fluid" width="40">
4697                                </div>
4698                                <div>
4699                                    <div class="row" style="display:flex; flex-direction:column; margin-left:10px;">
4700                                        <div class="text-tvpl">THƯ VIỆN PHÁP LUẬT</div>
4701                                        <div class="slogan-tvpl">...loại rủi ro pháp lý, nắm cơ hội làm giàu...</div>
4702                                    </div>
4703                                </div>
4704                            </div>
4705                        </a>
4706                    </div>
4707                    <div class="six wide column pb-mobile-10">
4708                        <a title="Nhân Sự" href="https://nhansu.vn/" target="_blank">
4709                            <div class="row" style="display:flex; flex-direction:row; align-items:center;">
4710                                <div>
4711                                    <img alt="NHÂN SỰ" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/image_logo_NS-1.png" class="img-fluid" width="40">
4712                                </div>
4713                                <div>
4714                                    <div class="row" style="display:flex; flex-direction:column; margin-left:10px;">
4715                                        <div class="text-nhansu">NhanSu.vn</div>
4716                                    </div>
4717                                </div>
4718                            </div>
4719                        </a>
4720                    </div>
4721                </div>
4722            </div>
4723        </div>
4724    </div>
4725    <div id="version-text">v1.0.90</div>
4726</div>
4727
4728
4729<div class="ui tiny modal khuyen-mai-nap-tien" style="background-color: transparent; box-shadow: none;">
4730    <div style="position: relative;">
4731        <div class="close-modal-btn" onclick="saveModalCookie(); $('.ui.modal.khuyen-mai-nap-tien').modal('hide'); location.reload();">
4732            <i class="close icon"></i>
4733        </div>
4734
4735        <a href="javascript:void(0);" class="btn-km-banner">
4736            <img style="width:100%; display: block;" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/BannerTetVuong31122025v4.png" />
4737        </a>
4738    </div>
4739</div>
4740
4741
4742
4743<style>
4744    /* Làm mờ trắng nhẹ và giảm độ nhòe cho duy nhất modal khuyen-mai-nap-tien */
4745    .ui.dimmer.modals.page.transition.visible:has(.khuyen-mai-nap-tien) {
4746        /* Màu trắng mờ nhẹ 40% để giữ được nét thanh thoát */
4747        background-color: rgba(255, 255, 255, 0.4) !important;
4748        /* Giảm độ nhòe xuống còn 2px - đủ để làm dịu nền mà không gây nhức mắt */
4749        backdrop-filter: blur(2px);
4750        /* Hỗ trợ cho trình duyệt Safari */
4751        -webkit-backdrop-filter: blur(2px);
4752    }
4753</style>
4754
4755
4756<style>
4757    .close-modal-btn {
4758        position: absolute;
4759        top: 10px;
4760        right: 10px;
4761        z-index: 101;
4762        background: rgba(0, 0, 0, 0.5);
4763        color: white;
4764        width: 30px;
4765        height: 30px;
4766        border-radius: 50%;
4767        /* Căn giữa hiện đại */
4768        display: flex !important;
4769        align-items: center !important;
4770        justify-content: center !important;
4771        cursor: pointer;
4772        transition: background 0.3s;
4773    }
4774
4775        /* Quan trọng: Triệt tiêu các định dạng thừa của icon Semantic UI */
4776        .close-modal-btn i.icon {
4777            margin: -3px -1px 0px 0px;
4778            padding: 0 !important;
4779            width: auto !important;
4780            height: auto !important;
4781            line-height: 1 !important;
4782            font-size: 17px;
4783        }
4784
4785        .close-modal-btn:hover {
4786            background: rgba(0, 0, 0, 0.8);
4787        }
4788</style>
vendor: 110 bytes, lines 4788-4789
4788
4789<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
4789<script>
4790    $(document).ready(function () {
4791        const path = window.location.pathname;
4792
4793        const slug = path.split("/")[1] || "";
4794        const match = path.match(/-([0-9]+)\.html$/);
4795        const postId = match ? match[1] : "";
4796
4797        if (!slug || !postId) return;
4798
4799        const content = `tuganlink.${slug}.${postId}`;
4800
4801        document.querySelectorAll('#main-content a[href]').forEach(function (a) {
4802            // ❌ Bỏ qua nếu nằm trong .slide_inbv
4803            if (a.closest('.slide_inbv')) return;
4804
4805            const href = a.getAttribute('href');
4806            if (!href) return;
4807
4808            if (
4809                !href.includes('thuviennhadat.vn/ban-') &&
4810                !href.includes('thuviennhadat.vn/cho-thue-')
4811            ) return;
4812
4813            const url = new URL(href, window.location.origin);
4814
4815            url.searchParams.set(
4816                "utm_source",
4817                "thuviennhadat_trangthongtin_noidung"
4818            );
4819            url.searchParams.set("utm_medium", "internal");
4820            url.searchParams.set("utm_campaign", "rao_vat_tu_trang_thong_tin");
4821            url.searchParams.set("utm_content", content);
4822
4823            a.href = url.toString();
4824        });
4825    });
4826</script>
4826
4827
4828
4829
4830
4831
4832<!--Start of Tawk.to Script-->
4833
4834<!--End of Tawk.to Script-->        <!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 4834-4835
4834
4835<script async src="https://www.googletagmanager.com/gtag/js?id=
4835G-XC2JKLEPJ4
vendor: 13 bytes, line 4835
4835"></script>
4836<script>
4837  
vendor: 138 bytes, lines 4837-4841
4837window.dataLayer = window.dataLayer || [];
4838  function gtag(){dataLayer.push(arguments);}
4839  gtag('js', new Date());
4840
4841  gtag('config', '
4841G-XC2JKLEPJ4
vendor: 5 bytes, line 4841
4841');
4842</script>
4842
4843
4844        <div class="cs-search-box__backdrop" style="display: none;"></div>
4845    </div>
4846
4847<style>
4848
4849    #navigation-bar-bottom {
4850        display: none;
4851        opacity: 0;
4852    }
4853
4854    .item-user {
4855        color: var(--text-primary);
4856        display: flex;
4857        flex-direction: column;
4858        justify-content: center;
4859        align-items: center;
4860        flex: 1;
4861    }
4862
4863        .item-user.active {
4864            color: var(--text-highlight);
4865        }
4866
4867        .item-user p {
4868            font-size: 12px;
4869        }
4870
4871    .img-icon-bar {
4872        width: 22px !important;
4873        margin-right: 0 !important;
4874    }
4875
4876    .mobile-show {
4877        display: none;
4878    }
4879
4880    /* The snackbar - position it at the bottom and in the middle of the screen */
4881    #snackbar-user {
4882        display: none;
4883        visibility: hidden;
4884        width: 100%;
4885        background-color: rgba(0, 0, 0, 0.6);
4886        color: #fff;
4887        text-align: center;
4888        border-radius: 4px;
4889        padding: 6px 0;
4890        position: fixed;
4891        z-index: 90;
4892        bottom: 47px;
4893        height: 100%;
4894    }
4895
4896        /* Show the snackbar when clicking on a button (class added with JavaScript) */
4897        #snackbar-user.show {
4898            visibility: visible;
4899            /*-webkit-animation: fadein 0.5s;*/
4900            /*animation: fadein 0.5s;*/
4901        }
4902
4903    /* Animations to fade the snackbar in and out */
4904    @-webkit-keyframes fadein {
4905        from {
4906            bottom: 0;
4907            opacity: 0;
4908        }
4909
4910        to {
4911            bottom: 30px;
4912            opacity: 1;
4913        }
4914    }
4915
4916    @keyframes fadein {
4917        from {
4918            bottom: 0;
4919            opacity: 0;
4920        }
4921
4922        to {
4923            bottom: 30px;
4924            opacity: 1;
4925        }
4926    }
4927
4928    @-webkit-keyframes fadeout {
4929        from {
4930            bottom: 30px;
4931            opacity: 1;
4932        }
4933
4934        to {
4935            bottom: 0;
4936            opacity: 0;
4937        }
4938    }
4939
4940    @keyframes fadeout {
4941        from {
4942            bottom: 30px;
4943            opacity: 1;
4944        }
4945
4946        to {
4947            bottom: 0;
4948            opacity: 0;
4949        }
4950    }
4951
4952    @media (max-width: 768px) {
4953        #navigation-bar-bottom {
4954            display: block;
4955            opacity: 1;
4956        }
4957
4958        #snackbar-user {
4959            display: block;
4960        }
4961
4962        #avatar-left {
4963            width: 50px;
4964        }
4965
4966        .ui.vertical.menu.user-menu {
4967            text-align: start;
4968            padding-bottom: 100px;
4969            height: 100%;
4970            overflow-y: auto;
4971            margin-top: 39px !important;
4972        }
4973
4974        .ui.vertical.menu.user-menu {
4975            scrollbar-width: thin; /* Firefox */
4976            scrollbar-color: #888 #f1f1f1;
4977            /* Webkit browsers (Chrome, Edge, Safari) */
4978        }
4979
4980            .ui.vertical.menu.user-menu::-webkit-scrollbar {
4981                width: 4px; /* scroll mỏng lại */
4982            }
4983
4984            .ui.vertical.menu.user-menu::-webkit-scrollbar-thumb {
4985                background: #888;
4986                border-radius: 2px;
4987            }
4988
4989            .ui.vertical.menu.user-menu::-webkit-scrollbar-track {
4990                background: #f1f1f1;
4991            }
4992
4993        .item.account-info .four.wide.column {
4994            display: flex;
4995            justify-content: center;
4996        }
4997
4998        .item.account-info .twelve.wide.column {
4999            justify-content: center;
5000        }
5001
5002        .mobile-show {
5003            display: block;
5004        }
5005
5006        .mobile-not-show {
5007            display: none !important;
5008        }
5009
5010        .content-mobile {
5011            padding: 10px;
5012            background-color: #eff1f5;
5013            border-radius: 20px;
5014        }
5015    }
5016</style>
5017
5018<div id="navigation-bar-bottom" style="width:100%; display:none;">
5019
5020    <div style="display: flex; justify-content: space-around; position: fixed; bottom: 0%; width: 100%; z-index: 100; background-color: white; padding-bottom: 3%; padding-top: 3%; align-items: center; box-shadow: rgba(100, 100, 111, 0.6) 0px 7px 29px 0px;">
5021        <a class="item-user" id="tong-quan" href="/">
5022            <div href="#">
5023                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 15 15">
5023<path fill="currentColor" d="m7.5.5l.325-.38a.5.5 0 0 0-.65 0zm-7 6l-.325-.38L0 6.27v.23zm5 8v.5a.5.5 0 0 0 .5-.5zm4 0H9a.5.5 0 0 0 .5.5zm5-8h.5v-.23l-.175-.15zM1.5 15h4v-1h-4zm13.325-8.88l-7-6l-.65.76l7 6zm-7.65-6l-7 6l.65.76l7-6zM6 14.5v-3H5v3zm3-3v3h1v-3zm.5 3.5h4v-1h-4zm5.5-1.5v-7h-1v7zm-15-7v7h1v-7zM7.5 10A1.5 1.5 0 0 1 9 11.5h1A2.5 2.5 0 0 0 7.5 9zm0-1A2.5 2.5 0 0 0 5 11.5h1A1.5 1.5 0 0 1 7.5 10zm6 6a1.5 1.5 0 0 0 1.5-1.5h-1a.5.5 0 0 1-.5.5zm-12-1a.5.5 0 0 1-.5-.5H0A1.5 1.5 0 0 0 1.5 15z" /></svg>
5024            </div>
5025            <p>Trang chá»§</p>
5026        </a>
5027
5028        <a href="/tai-khoan/quan-ly-tin-dang" class="item-user" id="tin-dang">
5029            <div href="">
5030                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M23.25 6v14.25A2.25 2.25 0 0 1 21 22.5m0 0a2.25 2.25 0 0 1-2.25-2.25V3a1.5 1.5 0 0 0-1.5-1.5h-15A1.5 1.5 0 0 0 .75 3v17.25A2.25 2.25 0 0 0 3 22.5zM4.5 15H15M4.5 18h6" /><path d="M4.5 5.25H15v6H4.5z" /></g></svg>
5031            </div>
5032            <p>Quản lý tin</p>
5033        </a>
5034
5035        <a class="item-user" style="position: relative;" id="dang-tin" href="/dang-tin">
5036            <div style="position: absolute; top: -55px; left: 50%; transform: translateX(-50%); text-align: center;">
5037                <div style="width: 56px; height: 56px; background-color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;">
5038                    <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 16 16"><path fill="#4CAF50" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m1.062 4.312a1 1 0 1 0-2 0v2.75h-2.75a1 1 0 0 0 0 2h2.75v2.75a1 1 0 1 0 2 0v-2.75h2.75a1 1 0 1 0 0-2h-2.75Z" /></svg>
5039                </div>
5040                <p style="margin-top: 4px;">Đăng tin</p>
5041            </div>
5042        </a>
5043
5044        <a class="item-user" id="khach-hang" href="/tai-khoan/quan-ly-khach-hang">
5045            <div href="#">
5046                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><rect width="17.5" height="20" x="4" y="2" rx="4" /><path d="M10.59 13.74c-.629.422-2.277 1.282-1.273 2.358c.49.526 1.037.902 1.723.902h3.92c.686 0 1.233-.376 1.723-.902c1.004-1.076-.644-1.936-1.273-2.357a4.29 4.29 0 0 0-4.82 0M15 9a2 2 0 1 1-4 0a2 2 0 0 1 4 0M5 6H2.5M5 12H2.5M5 18H2.5" /></g></svg>
5047            </div>
5048            <p>Khách hàng</p>
5049        </a>
5050
5051        <div onclick="UserInformation(event)" class="item-user" id="tai-khoan">
5052            <div>
5053                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 20 20"><path fill="currentColor" d="M9.993 10.573a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9M10 0a6 6 0 0 1 3.04 11.174c3.688 1.11 6.458 4.218 6.955 8.078c.047.367-.226.7-.61.745c-.383.045-.733-.215-.78-.582c-.54-4.19-4.169-7.345-8.57-7.345c-4.425 0-8.101 3.161-8.64 7.345c-.
5053047.367-.397.627-.78.582c-.384-.045-.657-.378-.61-.745c.496-3.844 3.281-6.948 6.975-8.068A6 6 0 0 1 10 0" /></svg>
5054            </div>
5055            <p>Tài khoản</p>
5056        </div>
5057    </div>
5058</div>
5059
5060<div id="snackbar-user">
5061    
5062
5063<input type="hidden" id="hid_balanceUser" value="0" />
5064<div class="ui vertical menu user-menu" style="width:100%;margin-top:0;">
5065    <div class="item account-info" style=" display: flex; flex-wrap: nowrap; flex-direction: column; gap:10px;">
5066        <div class="mobile-not-show">
5067            <div class="ui grid stackable">
5068                <div class="four wide column">
5069                    <a class="ui logo icon image" href="/">
5070                        <img class="ui large  circular image" id="avatar-left" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/avatar_7610196.png">
5071                    </a>
5072                </div>
5073                <div class="twelve wide column" style="display: flex; align-items: center; padding-left:0;">
5074                    <div style="padding-left:0;"><b class="user-fullname-display"></b></div>
5075                </div>
5076
5077            </div>
5078            <div class="ui inverted divider mobile-not-show" style="margin-bottom:0;"></div>
5079        </div>
5080
5081        <div class="mobile-show">
5082            <div style="display: flex; gap: 10px;">
5083                <div>
5084                    <a class="ui logo icon image" href="/">
5085                        <img class="ui large circular image" id="avatar-left" src="">
5086                    </a>
5087                </div>
5088                <div style="display: flex; align-items: center; padding-left:0;">
5089                    <div class="text-truncate-1" style="padding-left:0;"><b class="user-fullname-display"></b></div>
5090                </div>
5091            </div>
5092        </div>
5093
5094        <div class="content-mobile">
5095            <div class="content">
5096                <p class="pd-bottom-10 text-truncate-1">T&#224;i khoản: <span id="user-balance-display" class="mobile-margin-auto" style="font-weight: bold;"></span></p>
5097                <p class="pd-bottom-10 text-truncate-1">Điểm thưởng: <span id="user-point-display" class="mobile-margin-auto" style="font-weight: bold;"></span></p>
5098            </div>
5099            <div class=" ui segment transfer-code">
5100                <span>Mã khách hàng</span>
5101                <div class="ui inline" style="display: flex; justify-content: space-between; align-items: center;">
5102                    <span class="text-truncate-1" style="font-weight: bold;" id="transfer-code"></span>
5103                    <button class="ui icon button transfer-code-copy-button" onclick="copyClipboard(this)" data-clipboard="" style="background: none; margin-right:0; padding-right:0">
5104                        <i class="fa fa-clone" aria-hidden="true"></i>
5105                    </button>
5106                </div>
5107
5108            </div>
5109        </div>
5110
5111        
5112        <a class="ui button tvnd-btn-circle --button-deposit" style ="font-weight:500" href="/giao-dich/nap-tien">
5113            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9v8a2 2 0 0 0 2 2h6M3 9V7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2M3 9h18m0 0v3M7 13h5m6 2v3m0 3v-3m0 0h-3m3 0h3" /></svg>
5114            Nạp tiền
5115        </a>
5116
5117
5118    </div>
5119    <a class="item" href="/tai-khoan/tong-quan">
5120        <img class="img-icon-user" src="/Assets/img/pie-chart.svg" />
5121        <span>Tổng quan</span>
5122    </a>
5123
5124    <a class="item" href="/tai-khoan/quan-ly-tin-dang">
5125        <img class="img-icon-user" src="/Assets/img/litsting.svg">
5126        <span>Quản lý tin đăng</span>
5127    </a>
5128
5129    <a class="item" href="/goi-hoi-vien/dang-ky" style="padding-right: 10px;">
5130        <i class="users icon" style="margin: 0; width: 20px;margin-right: 8px;"></i>
5131        <span>Gói hội viên</span> <span class="ui red label small pull-right package-member-label" style="margin: 0 0 0 4px; font-weight: 500; font-size:10px !important">Tiết kiệm đến 40%</span>
5132    </a>
5133
5134    <a class="item" href="/tai-khoan/quan-ly-khach-hang">
5135        <img class="img-icon-user" src="/Assets/img/notebook.svg">
5136        <span>Quản lý khách hàng</span>
5137    </a>
5138
5139    <div class="item ">
5140        <div class="header collapsible-header align-center-user">
5141            <img class="img-icon-user" src="/Assets/img/office.svg">
5142            <span>Môi giới chuyên nghiệp</span>
5143            <i class="caret down icon"></i>
5144        </div>
5145        <div class="menu collapsible-content">
5146            <a class="item" href="/chuyen-trang-moi-gioi">Chuyên trang môi giới</a>
5147            <a class="item" href="/moi-gioi">Danh bạ môi giới</a>
5148            <a class="item" href="/dich-vu-moi-gioi">Dịch vụ môi giới</a>
5149        </div>
5150    </div>
5151
5152
5153    <a class="item" href="/tai-khoan/lich-su-giao-dich">
5154        <img class="img-icon-user" src="https://cdn.thuviennhadat.vn/upload/images/icon/payment_transaction_icon.png"
5155             alt="icon-payment_transaction" width="20" height="20" />
5156        <span>Lịch sử giao dịch</span>
5157    </a>
5158    <a class="item" href="/tai-khoan/quan-ly-khuyen-mai">
5159        <img src="/Assets/img/ticket-voucher.svg" alt="icon-voucher" style="height: 25px; margin-left: -10px;" />
5160        <span>Quản lý khuyến mãi</span>
5161    </a>
5162
5163    
5164
5165    
5166    <a class="item" href="/tai-khoan/danh-sach-tin-da-luu">
5167        <img class="img-icon-user" src="/Assets/img/heart.svg">
5168        <span>Tin đăng đã lưu</span>
5169    </a>
5170    <a class="item" href="/tai-khoan/quan-ly-thong-bao">
5171        <img class="img-icon-user" src="https://cdn.thuviennhadat.vn//upload/bds/HomePage/notification_5744810.png">
5172        <span>Thông báo của tôi</span>
5173    </a>
5174    <div class="item ">
5175        <div class="header collapsible-header align-center-user">
5176            <img class="img-icon-user" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/user_4032866.png">
5177            <span>Quản lý TK Cá nhân </span>
5178            <i class="caret down icon"></i>
5179        </div>
5180        <div class="menu collapsible-content">
5181            <a class="item" href="/tai-khoan/thong-tin-ca-nhan?type=1" id="account-info-item">Chỉnh sửa thông tin cá nhân</a>
5182            <a class="item" href="/tai-khoan/thong-tin-ca-nhan?type=2">Cài đặt tài khoản</a>
5183            <a class="item" href="/tai-khoan/quyen-doi-voi-du-lieu-ca-nhan">Quyền đối với DLCN</a>
5184            <a class="item regist-broker-menu">Môi giới chuyên nghiệp</a>
5185        </div>
5186    </div>
5187    
5188    <div class="item ">
5189        <a class="align-center-user" href="/huong-dan-su-dung/bang-gia-dang-tin.html">
5190            <img class="img-icon-user" src="https://cdn.thuviennhadat.vn//upload/bds/HomePage/paper_10901929.png">
5191            <span style="color: #000000DE"> Báo giá và Hướng dẫn </span>
5192            
5193        </a>
5194
5195        
5196    </div>
5197</div>
5198
5199<style>
5200    .collapsible-content {
5201        display: none;
5202    }
5203
5204    .item.active .collapsible-content {
5205        display: block;
5206    }
5207
5208    .collapsible-header {
5209        cursor: pointer;
5210    }
5211
5212    .margin-left-7 {
5213        margin-left: 7px !important;
5214    }
5215
5216    .ui.vertical.menu .item > .header:not(.ui) {
5217        margin: 0 !important;
5218        font-weight: normal !important;
5219    }
5220
5221    .menu .collapsible-content .item {
5222        font-size: 14px !important;
5223    }
5224
5225    .ui.vertical.menu .menu .item {
5226        margin-left: 20px;
5227    }
5228
5229    .img-icon-user {
5230        width: 20px !important;
5231        margin-right: 10px !important;
5232    }
5233
5234    .align-center-user {
5235        display: flex;
5236        align-items: center;
5237    }
5238
5239    .mobile-show {
5240        display: none;
5241    }
5242
5243    .package-member-label {
5244        font-size: 11px !important;
5245    }
5246
5247    @media (max-width: 768px) {
5248        .package-member-label {
5249            font-size: 12px !important;
5250        }
5251    }
5252
5253    @media (max-width: 480px) {
5254        .mobile-margin-auto {
5255            margin-left: auto;
5256        }
5257
5258        .mobile-show {
5259            display: block;
5260        }
5261    }
5262</style>
5263
5264<script>
5265    $(document).ready(function () {
5266        $('.collapsible-header').click(function (e) {
5267            e.stopPropagation();
5268
5269            const parentItem = $(this).parent();
5270
5271            // Kiểm tra trạng thái 'active'
5272            const isActive = parentItem.hasClass('active');
5273
5274            // Xóa class 'active' khỏi tất cả menu cha khác
5275            $('.item').not(parentItem).removeClass('active');
5276
5277            // Toggle trạng thái active cho menu hiện tại
5278            parentItem.toggleClass('active', !isActive);
5279        });
5280
5281        // Ngăn sự kiện click trên item con (các thẻ <a>) lan lên cha
5282        $('.collapsible-content .item').click(function (e) {
5283            e.stopPropagation(); // Chặn event truyền lên phần tử cha
5284        });
5285    });
5286
5287
5288    $(document).on('click', '#copy-transfer-code', function (e) {
5289        e.stopPropagation(); // ✅ Ngăn sự kiện lan ra ngoài
5290
5291        var transferCode = $('#transfer-code').text();
5292        var tempInput = $('<input>');
5293        $('body').append(tempInput);
5294        tempInput.val(transferCode).select();
5295
5296        try {
5297            document.execCommand('copy');
5298            $(this).attr('data-tooltip', 'Đã sao chép').popup('hide').popup('show');
5299        } catch (err) {
5300            console.error('Copy failed', err);
5301        }
5302
5303        tempInput.remove();
5304    });
5305
5306    $('#copy-transfer-code').on('mouseenter', function () {
5307        $(this).attr('data-tooltip', 'Sao chép').popup('hide').popup('show');
5308    });
5309    let currentUserViewUrl = window.location.pathname;
5310
5311    $('.user-menu .item:not(.account-info)').each(function () {
5312        const itemUrl = $(this).attr('href');
5313
5314        if (itemUrl === currentUserViewUrl) {
5315            $(this).addClass('active');
5316        }
5317    });
5318    $('.user-menu .item:not(.account-info)').on('click', function () {
5319        $('.user-menu .item').removeClass('active');
5320        $(this).addClass('active');
5321    });
5322    $('.regist-broker-menu').click(function () {
5323        if (!CommonModule.isLoggedIn() || CommonModule.isLoggedInMobile()) {
5324            window.location.href = "/chuyen-trang-moi-gioi"
5325        }
5326        else {
5327            $.ajax({
5328                url: '/Users/CheckIsBrokerUserLogin',
5329                type: 'GET',
5330                success: function (data) {
5331                    if (data) {
5332                        if (data.status) {
5333                            if (data.url != "") {
5334                                window.location.href = data.url
5335                            }
5336                            else {
5337                                window.location.href = "/dang-ki-moi-gioi"
5338                            }
5339                        }
5340                        else {
5341                            window.location.href = "/chuyen-trang-moi-gioi"
5342                        }
5343                    }
5344                    else {
5345                        window.location.href = "/chuyen-trang-moi-gioi"
5346                    }
5347                }
5348            });
5349        }
5350    });
5351
5352</script>
5352
5353
5354</div>
5355
5356<script>
5357
5358    $(document).ready(function () {
5359        if (isMobile_TabletMode) {
5360            $("#navigation-bar-bottom").fadeIn(200)
5361        }
5362        if ($('#navigation-bar-bottom').is(':visible')) {
5363            $('.footer-company').css('margin-bottom', '70px');
5364        } else {
5365            $('.footer-company').css('margin-bottom', '0');
5366        }
5367
5368
5369
5370        ItemFocus();
5371
5372        $(document).on('click', function (e) {
5373            const $snackbar = $('#snackbar-user');
5374            const $menu = $('.user-menu');
5375
5376            if ($snackbar.hasClass('show')) {
5377                // Nếu click không nằm trong user-menu
5378                if (!$menu.is(e.target) && $menu.has(e.target).length === 0) {
5379                    $snackbar.removeClass('show');
5380                    $('body').css('overflow', 'auto'); // Cho phép scroll lại
5381                }
5382            }
5383        });
5384
5385        $('#copy-transfer-code').click(function () {
5386            var transferCode = $('#transfer-code').text();
5387            var tempInput = $('<input>');
5388            $('body').append(tempInput);
5389            tempInput.val(transferCode).select();
5390
5391            try {
5392                document.execCommand('copy');
5393                $(this).attr('data-tooltip', 'Đã sao chép').popup('hide').popup('show');
5394            } catch (err) {
5395                console.error("Copy failed", err);
5396            }
5397
5398            tempInput.remove();
5399        });
5400    });
5401    function ItemFocus() {
5402         const path = window.location.pathname;
5403         const segments = path.split('/').filter(Boolean);
5404         const lastSegment = segments[segments.length - 1];
5405
5406         $('.item-user').removeClass('active');
5407
5408         // Kiểm tra nếu là trang chủ
5409         if (segments.length === 0) {
5410             $('.item-user:eq(0)').addClass('active');
5411             $('.item-user:eq(0) img').attr('src', '/Assets/img/home-focus.svg');
5412         }
5413
5414         switch (lastSegment) {
5415              case "quan-ly-tin-dang":
5416                     $('.item-user:eq(1)').addClass('active');
5417                     $('.item-user:eq(1) img').attr('src', '/Assets/img/litsting-focus.svg');
5418                 break;
5419
5420              case "dang-tin":
5421                     $('.item-user:eq(2)').addClass('active');
5422                 break;
5423
5424              case "quan-ly-khach-hang":
5425                     $('.item-user:eq(3)').addClass('active');
5426                     $('.item-user:eq(3) img').attr('src', '/Assets/img/notebook-focus.svg');
5427                 break;
5428
5429              case "thong-tin-ca-nhan":
5430                     $('.item-user:eq(4)').addClass('active');
5431                     $('.item-user:eq(4) img').attr('src', 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/user_focus.png');
5432                 break;
5433
5434             default:
5435                 break;
5436         }
5437    }
5438
5439    function UserInformation(event) {
5440
5441        event.stopPropagation();
5442
5443        var x = document.getElementById("snackbar-user");
5444
5445        if (x.classList.contains("show")) {
5446            // Nếu đã hiện -> ẩn đi
5447            x.classList.remove("show");
5448            document.body.style.overflow = 'auto';
5449
5450            ItemFocus();
5451            $('.item-user:eq(4) img').attr('src', 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/user_4032866.png');
5452
5453        } else {
5454            // Nếu đang ẩn -> hiện lên
5455            x.classList.add("show");
5456            document.body.style.overflow = 'hidden';
5457            ResetImgDefault();
5458
5459            $('.item-user:eq(4)').addClass('active');
5460            $('.item-user:eq(4) img').attr('src', 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/user_focus.png');
5461        }
5462    }
5463
5464    function ResetImgDefault() {
5465         $('.item-user').removeClass('active');
5466
5467         $('.item-user:eq(0) img').attr('src', '/Assets/img/home.svg');
5468         $('.item-user:eq(1) img').attr('src', '/Assets/img/litsting.svg');
5469         $('.item-user:eq(3) img').attr('src', '/Assets/img/notebook.svg');
5470    }
5471</script>
5471
5472    
5473
5474<script>
5475    $(document).ready(function () {
5476        var regisStatus = localStorage.getItem("tvnd-register-requirement-status");
5477        var regisShowDate = localStorage.getItem("tvnd-register-requirement-date");
5478
5479        if (regisStatus == 'active') {
5480            activeContainerRegisterRequirement();
5481        }
5482        else {
5483            hiddenContainerRegisterRequirement();
5484        }
5485
5486        $('#container-register-requirement .btn-close').on('click', function () {
5487            deactiveContainerRegisterRequirement();
5488        });
5489
5490        $('#container-register-requirement .tag-name').on('click', function () {
5491            activeContainerRegisterRequirement();
5492        });
5493
5494        $('#modal-open-register-requirement .button').on('click', function () {
5495            deactiveContainerRegisterRequirement();
5496        });
5497
5498        setTimeout(() => {
5499            triggerActiveContainerRegisterRequirement();
5500        }, 20000);
5501    });
5502
5503    function triggerActiveContainerRegisterRequirement() {
5504        var regisShowDate = localStorage.getItem("tvnd-register-requirement-date");
5505        if (!regisShowDate || parseInt(regisShowDate) <= Date.now()) {
5506            $('#container-register-requirement').addClass('active');
5507            $('#container-register-requirement img').addClass('animation-zoom');
5508            localStorage.setItem("tvnd-register-requirement-status", "active");
5509        }
5510    }
5511
5512    function activeContainerRegisterRequirement() {
5513        $('#container-register-requirement').addClass('active');
5514        $('#container-register-requirement img').addClass('animation-zoom');
5515        localStorage.setItem("tvnd-register-requirement-status", "active");
5516    }
5517
5518    function hiddenContainerRegisterRequirement() {
5519        $('#container-register-requirement').removeClass('active');
5520        $('#container-register-requirement img').removeClass('animation-zoom');
5521        localStorage.setItem("tvnd-register-requirement-status", "deactive");
5522    }
5523
5524    function deactiveContainerRegisterRequirement() {
5525        $('#container-register-requirement').removeClass('active');
5526        $('#container-register-requirement img').removeClass('animation-zoom');
5527        localStorage.setItem("tvnd-register-requirement-status", "deactive");
5528
5529        completedContainerRegisterRequirement();
5530    }
5531
5532    function completedContainerRegisterRequirement() {
5533        let dateNow = new Date();
5534        localStorage.setItem("tvnd-register-requirement-date", dateNow.setDate(dateNow.getDate() + 1));
5535    }
5536
5537    function openModalRegisterRequirement() {
5538        $('#modal-open-register-requirement').modal({
5539            inverted: true,
5540            //onHidden: function () {
5541            //    deactiveContainerRegisterRequirement();
5542            //}
5543        }).modal('show');
5544    }
5545</script>
5545
5546
5547    
5547<script src="/Scripts/Common/Site.js?v=1.0.90"></script>
5547
5548    
5548<script src="/Scripts/Common/CommonModule.js?v=1.0.90"></script>
5548
5549    
5549<script src="/Scripts/Users/register.js?v=1.0.90"></script>
5549
5550    
5550<script src="/Scripts/ContentReport/index.js?v=1.0.90"></script>
5550
5551    
5551<script src="/Plugins/SweetAlert/sweetalert2.all.min.js"></script>
5551
5552
5553    
5554
5555<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"363101d6bcb94a30a7d2d3e443e0cc4e","spa":2}' crossorigin="anonymous"></script>
5555
5556</body>
5557
5558</html>
5559
5560<script>
5561    var apiGetwayUrl = `https://api.thuviennhadat.vn`;
5562</script>
vendor: 2 bytes, line 5562
5562
5563<script>
5564    $(document).ready(function () {
5565
5566        $('#main-content img').each(function () {
5567            var src = $(this).attr('src');
5568            if (src && src.includes('luatnhadat.vn')) {
5569                $(this).attr('src', src.replace('luatnhadat.vn', 'thuviennhadat.vn'));
5570            }
5571        });
5572
5573        $('#main-content a').each(function () {
5574            var href = $(this).attr('href');
5575            if (href && href.includes('luatnhadat.vn')) {
5576                $(this).attr('href', href.replace('luatnhadat.vn', 'thuviennhadat.vn'));
5577            }
5578        });
5579
5580        $('.lazy').lazy({
5581            effect: "fadeIn",
5582            effectTime: 2000,
5583            threshold: 0
5584        });
5585        $('#broker-now').click(function () {
5586            if (!CommonModule.isLoggedIn() || CommonModule.isLoggedInMobile()) {
5587                window.location.href = "/chuyen-trang-moi-gioi"
5588            }
5589            else {
5590                $.ajax({
5591                    url: '/Users/CheckIsBrokerUserLogin',
5592                    type: 'GET',
5593                    success: function (data) {
5594                        if (data) {
5595                            if (data.status) {
5596                                if (data.url != "") {
5597                                    window.location.href = data.url
5598                                }
5599                                else {
5600                                    window.location.href = "/dang-ki-moi-gioi"
5601                                }
5602                            }
5603                            else {
5604                                window.location.href = "/chuyen-trang-moi-gioi"
5605                            }
5606                        }
5607                        else {
5608                            window.location.href = "/chuyen-trang-moi-gioi"
5609                        }
5610                    }
5611                });
5612            }
5613        });
5614
5615        //chỉ cho zoom ở 1 số trang
5616        const flexibleZoomPages = [
5617            '/huong-dan-dac-diem-dang-tin',
5618            '/chuyen-trang-moi-gioi',
5619        ];
5620
5621        const path = window.location.pathname;
5622
5623        const allowZoom = flexibleZoomPages.some(url => path.startsWith(url));
5624
5625        setZoom(allowZoom);
5626    });
5627
5628    // Function to open Tawk.to chat
5629    function openTawkChat() {
5630        if (typeof Tawk_API !== 'undefined' && Tawk_API.maximize) {
5631            Tawk_API.maximize(); // Opens the Tawk.to chat
5632        } else {
5633            console.log("Tawk.to script is not loaded yet.");
5634        }
5635    }
5636
5637    function setZoom(enabled) {
5638        const meta = document.querySelector('meta[name="viewport"]');
5639        if (!meta) return;
5640
5641        if (enabled) {
5642            meta.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes');
5643        } else {
5644            meta.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no');
5645        }
5646    }
5647
5648    function openPopupNewUser() {
5649        if (!(window.location.pathname === "/tai-khoan/thong-tin-ca-nhan") && !isOnlyMobileMode) {
5650            Swal.fire({
5651                position: "top-end",
5652                title: "<div style='font-size: 13px;'>Chào mừng bạn đến với <span class='brand-name' style='padding-top:0; font-size: 14px;'><span class='br-1'>Thư Viện</span> <span class='br-2'>Nhà Đất</span></span></div>",
5653                html: "<div style='font-size: 12px;'>Quý khách vui lòng truy cập <span><a style='color: red;' href='/tai-khoan/thong-tin-ca-nhan?type=1'>tại đây</a></span> để cập nhật thông tin cá nhân tài khoản!</div>",
5654                showConfirmButton: false,
5655                focusConfirm: false,
5656                allowOutsideClick: true,
5657                timer: 10000,
5658                customClass: {
5659                    popup: 'swal-small-newuser'
5660                }
5661            });
5662        }
5663    }
5664
5665</script>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.