<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <title>iTro.vn - Tìm là thấy, ở là thích</title>

    <!-- Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="description"
          content="Phần mềm quản lý nhà trọ giá rẻ, hiệu quả, đơn giản. iTro cung cấp đầy đủ hệ sinh thái nhà trọ từ quản lý nhà trọ, tìm trọ và kết nối giữa chủ trọ và khách thuê">
    <meta name="keywords" content="phần mềm quản lý nhà trọ, phần mềm quản lý nhà cho thuê, tìm phòng, tìm nhà trọ, khu trọ ">
    <meta name="copyright" content="iTro.vn">



    <!-- CSS: Libs-->
    <meta property="fb:app_id" content="1072839196191686" />



<link rel="stylesheet" href="/frontend3/assets/libs/bootstrap-touchspin/jquery.bootstrap-touchspin.min.css">
<link rel="stylesheet" href="/frontend3/assets/libs/bootstrap-slider/css/slider.css">
<link rel="stylesheet" href="/frontend3/assets/libs/fancybox/jquery.fancybox.min.css">
<link rel="stylesheet" href="/frontend3/assets/libs/slick/slick.css">


<!-- CSS: Main -->
    <link rel="stylesheet" href="/frontend3/assets/css/2017.css">
    <style>
        <?php echo $__env->make('main_css', \Illuminate\Support\Arr::except(get_defined_vars(), array('__data', '__path')))->render(); ?>

    </style>
    


    <?php $agent = new \Jenssegers\Agent\Agent() ?>
    <?php if(request()->url() != url('/')): ?>
        <link rel="stylesheet" href="/frontend3/assets/css/jquery.toast.min.css">
        <link rel="stylesheet" href="/frontend3/assets/libs/select2/css/select2.min.css">
        <link rel="stylesheet" href="/frontend3/assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css">
    <?php endif; ?>


    <link rel="manifest" href="/manifest.json">

    <!--[if lt IE 9]>
    <script defer async src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script defer async src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>


    <![endif]-->
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">

    <!-- favicon -->
    <link rel="apple-touch-icon" sizes="57x57" href="/frontend3/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/frontend3/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/frontend3/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/frontend3/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/frontend3/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/frontend3/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/frontend3/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/frontend3/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/frontend3/favicon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="/frontend3/favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/frontend3/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/frontend3/favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/frontend3/favicon/favicon-16x16.png">
    <link rel="manifest" href="/frontend3/favicon/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/frontend3/favicon/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <!-- Start SmartBanner configuration -->

    <?php if(!auth('backend')->check()): ?>
        <meta name="smartbanner:title" content="Ứng dụng iTro cho chủ trọ">
        <meta name="smartbanner:button-url-apple"
              content="https://itunes.apple.com/vn/app/itro-qu%E1%BA%A3n-l%C3%BD-tr%E1%BB%8D-th%C3%B4ng-minh/id1352848785?mt=8&ign-mpt=uo%3D4">
        <meta name="smartbanner:button-url-google"
              content="https://play.google.com/store/apps/details?id=com.blue.hoantran.itro_host">
    <?php else: ?>
        <meta name="smartbanner:title" content="Ứng dụng iTro cho chủ trọ">
        <meta name="smartbanner:button-url-apple"
              content="https://itunes.apple.com/us/app/itro-qu%E1%BA%A3n-l%C3%BD-tr%E1%BB%8D-th%C3%B4ng-minh/id1352848785?ls=1&mt=8">
        <meta name="smartbanner:button-url-google"
              content="https://play.google.com/store/apps/details?id=com.blue.hoantran.itro_host">

    <?php endif; ?>

    <meta name="smartbanner:author" content="iTro.vn">
    <meta name="smartbanner:price" content="Miễn phí">
    <meta name="smartbanner:price-suffix-apple" content=" - Trên App Store">
    <meta name="smartbanner:price-suffix-google" content=" - Trên Google Play">
    <meta name="smartbanner:icon-apple"
          content="/lg_ct.jpg">
    <meta name="smartbanner:icon-google"
          content="/lg_ct.jpg">
    <meta name="smartbanner:button" content="Tải ngay">

    <meta name="smartbanner:enabled-platforms" content="android,ios">


    <?php echo $__env->yieldContent('meta'); ?>
    <?php echo $__env->yieldContent('styles'); ?>

    <style>
        .modal {
            overflow-y: auto;
        }

        .ht-on-loading {
            display: block;
            position: relative;
        }

        .ht-on-loading:after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(255, 255, 255, .6);
            background-image: url('/spinner.gif');
            background-position: 50% 50%;
            -webkit-background-size: 36px 36px;
            background-size: 36px 36px;
            background-repeat: no-repeat;
        }
    </style>

    <style>
        .pull-right-not-xs, .pull-right-not-sm, .pull-right-not-md, .pull-right-not-lg {
            float: right;
        }

        .pull-left-not-xs, .pull-left-not-sm, .pull-left-not-md, .pull-left-not-lg {
            float: left;
        }

        @media (max-width: 767px) {
            .pull-right-not-xs, .pull-left-not-xs {
                float: none;
            }

            .pull-right-xs {
                float: right;
            }

            .pull-left-xs {
                float: left;
            }
        }

        @media (min-width: 768px) and (max-width: 991px) {
            .pull-right-not-sm, .pull-left-not-sm {
                float: none;
            }

            .pull-right-sm {
                float: right;
            }

            .pull-left-sm {
                float: left;
            }
        }

        @media (min-width: 992px) and (max-width: 1199px) {
            .pull-right-not-md, .pull-left-not-md {
                float: none;
            }

            .pull-right-md {
                float: right;
            }

            .pull-left-md {
                float: left;
            }
        }

        @media (min-width: 1200px) {
            .pull-right-not-lg, .pull-left-not-lg {
                float: none;
            }

            .pull-right-lg {
                float: right;
            }

            .pull-left-lg {
                float: left;
            }
        }
    </style>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- Global site tag (gtag.js) - Google Analytics -->

    <script>
        (function (e, t, n, i, s, a, c) {
            e[n] = e[n] || function () {
                    (e[n].q = e[n].q || []).push(arguments)
                }
            ;a = t.createElement(i);
            c = t.getElementsByTagName(i)[0];
            a.async = true;
            a.src = s
            ;c.parentNode.insertBefore(a, c)
        })(window, document, "galite", "script", "https://cdn.jsdelivr.net/npm/ga-lite@2/dist/ga-lite.min.js");

        // Replace UA-XXXXXXXX-X' with your own Analytics tracking code
        galite('create', 'UA-122390002-1', 'auto');
        galite('send', 'pageview');
    </script>

</head>
<body>
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>










<div id="siteContainer">

    <!-- site header -->
    <header id="siteHeader" class="site-header">
        <div class="site-header__topbar">
            <div class="container-fluid">
                <div class="sh__topbar__container flex flex-ai-center flex-jc-between hidden-xs hidden-sm">
                    <div class="flex-item">
                        <ul class="sh__topbar-list">
                            <li class="sh__topbar-list__item"><a href="tel:0868987355" class="single-item"><i
                                            class="single-item__icon ion-android-call mr-8"></i><span
                                            class="single-item__text">0868.987.355</span></a></li>
                            <li class="sh__topbar-list__item"><a href="mailto:support@itro.vn" class="single-item"><i
                                            class="single-item__icon ion-android-mail mr-8"></i><span
                                            class="single-item__text">support@itro.vn</span></a></li>
                            
                                        
                                        
                                            
                                            

                            <li class="sh__topbar-list__item"><a
                                        href="/huong-dan-su-dung"
                                        class="single-item"><i
                                            class="single-item__icon ion-android-mail mr-8"></i><span
                                            class="single-item__text">Hướng dẫn sử dụng</span></a></li>
                            <li class="sh__topbar-list__item"><a
                                        href="/blog/huong-dan-cac-hinh-thuc-thanh-toan-dich-vu-tren-itro-24"
                                        class="single-item"><i
                                            class="single-item__icon ion-card mr-8"></i><span
                                            class="single-item__text">Hướng dẫn thanh toán</span></a></li>
                        </ul>
                    </div>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                </div>
            </div>
        </div>
        <div class="site-header__mainbar">
            <div class="container-fluid">
                <?php if(!auth('backend')->check()): ?>
                    <div class="sh__mainbar__container">

                        <!-- logo -->
                        <h1 class="sh__site-logo"><a href="<?php echo e(url('/')); ?>"
                                                     style="background-image: url('/frontend3/assets/img/logo.png')">Phần
                                mềm nhà trọ</a></h1>
                        <!-- END logo -->

                        <!-- desktop nav -->
                        <div class="sh__desktop-screen-navbar hidden-xs hidden-sm">
                            <div class="flex flex-ai-center flex-jc-between">
                                <div class="flex-item">
                                    <ul class="sh__nav-list">
                                        <li class="sh__nav-list__item"><a href="<?php echo e(url('tim-kiem')); ?>"
                                                                          class="single-item single-item--text text-uppercase">Tìm
                                                nhà trọ</a></li>
                                        
                                                                          
                                                
                                        
                                                                          
                                                
                                    </ul>
                                </div>
                                <div class="flex-item">
                                    <ul class="sh__nav-list">

                                        <li class="sh__nav-list__item"><a target="_blank"
                                                                          href="https://itro.vn/blog/huong-dan-su-dung-phan-mem-quan-ly-nha-tro-itro-16"
                                                                          class="single-item single-item--text"
                                            >HDSD</a></li>
                                        <li class="divider"></li>
                                        <li class="sh__nav-list__item"><a target="_blank"
                                                                          href="https://itro.vn/gioi-thieu-itro"
                                                                          class="single-item single-item--text"
                                            >Phần mềm Nhà trọ</a></li>
                                        <li class="divider"></li>
                                        <li class="sh__nav-list__item"><a href="#modal__sign-up"
                                                                          class="single-item single-item--text"
                                                                          data-toggle="modal">Đăng ký</a></li>
                                        <li class="divider"></li>
                                        <li class="sh__nav-list__item"><a href="#modal__sign-in"
                                                                          class="single-item single-item--text"
                                                                          data-toggle="modal">Đăng nhập</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- END Desktop Nav -->

                        <!-- mobile nav -->
                        <div class="sh__mobile-screen-navbar hidden-md hidden-lg">
                            <ul class="sh__nav-list">
                                <li class="sh__nav-list__item"><a href="#" class="collapse-icon-item collapsed"
                                                                  data-toggle="collapse"
                                                                  data-target="#siteHeaderNavbarCollapse"><i
                                                class="ion-navicon"></i></a></li>
                            </ul>
                        </div>
                        <div id="siteHeaderNavbarCollapse"
                             class="sh__mobile-screen-navmenu collapse hidden-md hidden-lg">
                            <ul class="sh__nav-list-mobile">
                                <li class="sh__nav-list__item <?php if(str_contains(request()->fullUrl(), 'tim-kiem')): ?> active <?php endif; ?>">
                                    <a href="<?php echo e(url('tim-kiem')); ?>"
                                       class="single-item single-item--text text-uppercase">Tìm
                                        nhà trọ</a></li>
                                
                                    
                                       
                                        
                                
                                    
                                       
                                <li class="sh__nav-list__item"><a href="#modal__sign-up"
                                                                  class="single-item single-item--text"
                                                                  data-toggle="modal">Đăng
                                        ký</a></li>
                                <li class="sh__nav-list__item"><a href="#modal__sign-in"
                                                                  class="single-item single-item--text"
                                                                  data-toggle="modal">Đăng
                                        nhập</a></li>
                                <li class="sh__nav-list__item">
                                    <ul class="sh__inner-list pt-12">
                                        <li class="sh__inner-list__item"><a href="tel:0868987355"
                                                                            class="single-inner-item single-inner-item--text"><i
                                                        class="single-item__icon ion-android-call mr-8"></i><span
                                                        class="single-item__text">0868.987.355</span></a></li>
                                        <li class="sh__inner-list__item"><a href="mailto:support@itro.vn"
                                                                            class="single-inner-item single-inner-item--text"><i
                                                        class="single-item__icon ion-android-mail mr-8"></i><span
                                                        class="single-item__text">support@itro.vn</span></a></li>


                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <!-- END mobile nav -->

                    </div>
                <?php else: ?>
                    <div class="sh__mainbar__container">

                        <!-- logo -->
                        <h1 class="sh__site-logo"><a href="<?php echo e(url('/')); ?>"
                                                     style="background-image: url('/frontend3/assets/img/logo.png')">Phần
                                mềm nhà trọ</a></h1>
                        <!-- END logo -->

                        <!-- desktop nav -->
                        <div class="sh__desktop-screen-navbar hidden-xs hidden-sm">
                            <div class="flex flex-ai-center flex-jc-between">
                                <div class="flex-item">
                                    <ul class="sh__nav-list">
                                        <li class="sh__nav-list__item <?php if(str_contains(request()->fullUrl(), 'tim-kiem')): ?> active <?php endif; ?>">
                                            <a href="<?php echo e(url('tim-kiem')); ?>"
                                               class="single-item single-item--text text-uppercase">Tìm
                                                nhà trọ</a></li>
                                        
                                            
                                               
                                                
                                        
                                            
                                               
                                                
                                        
                                        
                                        
                                        
                                    </ul>
                                </div>
                                <div class="flex-item">
                                    <ul class="sh__nav-list">
                                        
                                            
                                                
                                                   
                                                    
                                            
                                        
                                        <?php if(auth('backend')->user()->type == \App\User::OWNER ||  auth('backend')->user()->type == \App\User::STAFF): ?>
                                            <li class="sh__nav-list__item sh__nav-list__item--has-btn">
                                                <a href="<?php echo e(url('admin2/dashboard')); ?>"
                                                   class="btn ht-btn-secondary d-iblock fw-500 btn-thicken-border">Phần
                                                    mềm quản lý</a>
                                            </li>

                                            <li class="sh__nav-list__item"><a target="_blank"
                                                                              href="https://itro.vn/gioi-thieu-itro"
                                                                              class="single-item single-item--text"
                                                >Phần mềm Nhà trọ</a></li>

                                        <?php endif; ?>
                                        <li class="divider"></li>
                                        <li class="sh__nav-list__item mr-8">
                                            <div class="dropdown">
                                                <a href="#" class="single-item single-item--notify"
                                                   data-toggle="dropdown">
                                                    <span class="notify-icon"><i class="ion-ios-bell"></i></span>
                                                    <span class="notify-label hidden">Thông báo</span>
                                                    <span class="notifi-count" id="ntf-count">0</span>
                                                </a>
                                                <div class="dropdown-menu sh__notify-dropdown-menu pull-right">
                                                    <div class="sh__notify-header">
                                                        <h5 class="sh_notify-header__title">Thông báo</h5>
                                                        <a href="<?php echo e(url('notification')); ?>"
                                                           class="sh_notify-header__view-more">Xem tất cả</a>
                                                    </div>
                                                    <ul class="sh__notify-list" id="notify-list">

                                                    </ul>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="sh__nav-list__item">
                                            <div class="dropdown">
                                                <a href="<?php echo e(url('/chat')); ?>" class="single-item single-item--notify">
                                                    <span class="notify-icon"><i class="ion-chatbubbles"></i></span>
                                                    <span class="notify-label hidden">Tin nhắn</span>
                                                    <span class="notifi-count" id="ntf-msg-count">0</span>
                                                </a>
                                                
                                                
                                                
                                                
                                                
                                                
                                                
                                                

                                                
                                                
                                            </div>
                                        </li>
                                        <li class="divider"></li>
                                        <li class="sh__nav-list__item">
                                            <div class="dropdown">
                                                <a href="#" class="single-item single-item--user"
                                                   data-toggle="dropdown">
                                                    <span class="user-avatar" style="border: 2px solid #ff5722"><img
                                                                src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
                                                                data-src="<?php echo e(auth('backend')->user()->image); ?>"
                                                                alt=""></span>
                                                    <span class="user-title"><?php echo e(auth('backend')->user()->name_text); ?></span>
                                                    <span class="user-dropdown-icon ion-ios-arrow-down"></span>
                                                </a>
                                                <div class="dropdown-menu sh__dropdown-menu pull-right">
                                                    <ul class="sh__menu-list">
                                                        <li class="sh__list__item"><a href="<?php echo e(url('profile')); ?>"
                                                                                      class="#">Thông tin tài
                                                                khoản</a></li>
                                                        <li class="sh__list__item"><a
                                                                    href="<?php echo e(url('change-password')); ?>"
                                                                    class="#">Đổi mật khẩu</a></li>
                                                        <li class="sh__list__item"><a href="<?php echo e(url('wishlist')); ?>"
                                                                                      class="#">Yêu thích</a></li>
                                                        <li class="sh__list__item"><a href="<?php echo e(url('huong-dan-su-dung')); ?>" class="#">Hướng dẫn &amp;
                                                                Trợ giúp</a></li>
                                                        <li class="sh__list__item"><a href="<?php echo e(url('logout')); ?>"
                                                                                      class="#">Đăng xuất</a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- END Desktop Nav -->

                        <!-- mobile nav -->
                        <div class="sh__mobile-screen-navbar hidden-md hidden-lg">
                            <ul class="sh__nav-list">
                                <li class="sh__nav-list__item"><a href="#" class="collapse-icon-item collapsed"
                                                                  data-toggle="collapse"
                                                                  data-target="#siteHeaderNavbarCollapse"><i
                                                class="ion-navicon"></i></a></li>
                            </ul>
                        </div>
                        <div id="siteHeaderNavbarCollapse"
                             class="sh__mobile-screen-navmenu collapse hidden-md hidden-lg">
                            <ul class="sh__nav-list-mobile">
                                <li class="sh__nav-list__item <?php if(str_contains(request()->fullUrl(), 'tim-kiem')): ?> active <?php endif; ?>">
                                    <a href="<?php echo e(url('tim-kiem')); ?>"
                                       class="single-item single-item--text text-uppercase">Tìm
                                        nhà trọ</a></li>
                                <li class="sh__nav-list__item <?php if(str_contains(request()->fullUrl(), 'tim-o-ghep')): ?> active <?php endif; ?>">
                                    <a href="<?php echo e(url('tim-o-ghep')); ?>"
                                       class="single-item single-item--text text-uppercase">Tìm
                                        ở ghép</a></li>
                                <li class="sh__nav-list__item"><a href="<?php echo e(url('wishlist')); ?>"
                                                                  class="single-item single-item--text text-uppercase">Yêu
                                        thích</a></li>
                                <?php if(auth('backend')->user()->type == \App\User::RENTER): ?>
                                    
                                        
                                           
                                            
                                    
                                <?php elseif(auth('backend')->user()->type == \App\User::OWNER || auth('backend')->user()->type == \App\User::STAFF): ?>
                                    <li class="sh__nav-list__item py-12">
                                        <a href="<?php echo e(url('admin2/dashboard')); ?>"
                                           class="btn ht-btn-secondary d-iblock fw-500 btn-thicken-border">Phần mềm quản
                                            lý</a>
                                    </li>

                                <?php endif; ?>


                                <li class="sh__nav-list__item">
                                    <a href="<?php echo e(url('notification')); ?>" class="single-item single-item--notify">
                                        <span class="notify-icon"><i class="ion-ios-bell"></i></span>
                                        <span class="notify-label">Thông báo</span>
                                        <span class="notifi-count" id="ntf-mobile-cnt">0</span>
                                    </a>
                                </li>
                                <li class="sh__nav-list__item">
                                    <a href="<?php echo e(url('chat')); ?>" class="single-item single-item--notify">
                                        <span class="notify-icon"><i class="ion-chatbubbles"></i></span>
                                        <span class="notify-label">Tin nhắn</span>
                                        <span class="notifi-count" id="ntf-msg-mobile-cnt">0</span>
                                    </a>
                                </li>
                                <li class="sh__nav-list__item">
                                    <a href="#" class="single-item single-item--user">
                                        <span class="user-avatar"><img style="border: 2px solid #ff5722"
                                                                       src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
                                                                       data-src="<?php echo e(auth('backend')->user()->image); ?>"
                                                                       alt=""></span>
                                        <span class="user-title"><?php echo e(auth('backend')->user()->name_text); ?></span>
                                        <span class="user-dropdown-icon ion-ios-arrow-down"></span>
                                    </a>
                                    <ul class="sh__inner-list mt--4">
                                        <li class="sh__inner-list__item"><a href="<?php echo e(url('profile')); ?>"
                                                                            class="single-inner-item single-inner-item--text">Thông
                                                tin cá nhân</a></li>
                                        <li class="sh__inner-list__item"><a href="#"
                                                                            class="single-inner-item single-inner-item--text">Hướng
                                                dẫn &amp; Trợ giúp</a></li>
                                        <li class="sh__inner-list__item"><a href="<?php echo e(url('logout')); ?>"
                                                                            class="single-inner-item single-inner-item--text">Đăng
                                                xuất</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <!-- END mobile nav -->

                    </div>
                <?php endif; ?>
            </div>
        </div>
    </header>
    <!-- END site header -->

    <!-- site content -->
    <div id="siteContent" class="site-content">
        <?php if(session()->has('error')): ?>
            <div class="alert alert-danger flash-message"><?php echo e(session()->get('error')); ?></div>
        <?php endif; ?>
        <?php if(session()->has('success')): ?>
            <div class="alert alert-success flash-message"><?php echo session()->get('success'); ?></div>
        <?php endif; ?>
        <?php if(isset($errors) && count($errors) > 0): ?>
            <div class="alert alert-danger">
                <ul>
                    <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <li><?php echo e($error); ?></li>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </ul>
            </div>
        <?php endif; ?>
        <?php echo $__env->yieldContent('content'); ?>
    </div>
    <!-- END site content -->

    <!-- site footer -->
    <?php if(!str_contains(request()->fullUrl(), 'tim-kiem') && !str_contains(request()->fullUrl(), 'tim-o-ghep')): ?>
        <footer id="siteFooter" class="site-footer">
            <div class="footer__top-section bg-color-grey-300">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-sm-4">
                            <div class="footer__about-company more-pr">
                                <h4 class="company-title">Công ty cổ phần dịch vụ phần mềm ứng dụng cộng đồng</h4>
                                <div class="company-info"><i class="info-icon ion-email"></i><a class="color-grey-900"
                                                                                                href="mailto:contact@itro.vn">contact@itro.vn</a></div>
                                <div class="company-info"><i class="info-icon ion-android-call"></i><a
                                            class="color-grey-900" href="tel:0868987355">0868987355</a></div>
                                <div class="company-info"><i class="info-icon ion-ios-location"></i><a target="_blank"
                                                                                                       class="color-grey-900"
                                                                                                       href="https://goo.gl/maps/VoePfnvw7tC2">
                                        Tầng 4, tháp T1, toà nhà Times Tower, 35 Lê Văn Lương, Thanh Xuân, Hà Nội</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-3 col-sm-offset-1">
                            <div class="footer__nav-menu">
                                <h4 class="list-title">Liên kết</h4>
                                <ul class="list-unstyled list-menu">
                                    <li><a class="color-grey-900" target="_blank"
                                           href="/huong-dan-su-dung">Hướng
                                            dẫn sử dụng</a></li>
                                    <li><a class="color-grey-900" href="https://quanlynhatro.com/">Bảng giá phần mềm</a></li>
                                    <li><a class="color-grey-900" href="/blog/huong-dan-cac-hinh-thuc-thanh-toan-dich-vu-tren-itro-24">Hướng dẫn thanh toán</a></li>
                                    <li><a class="color-grey-900" href="/blog">Blog</a></li>
                                </ul>
                                <a href="//www.dmca.com/Protection/Status.aspx?ID=447253e2-9339-46e2-b57b-a41fcb9da58f" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca_protected_sml_120b.png?ID=447253e2-9339-46e2-b57b-a41fcb9da58f"  alt="DMCA.com Protection Status" /></a>  <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script>
                            </div>
                        </div>
                        <?php if(!$agent->isMobile()): ?>
                            <div class="col-xs-12 col-sm-3 col-sm-offset-1">
                            <div class="footer__nav-menu">
                            <h4 class="list-title">iTro trên Facebook</h4>
                            <div class="company-facebook-fanpage">
                            <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fitro.vn%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId"
                            width="340" height="180" style="border:none;overflow:hidden" scrolling="no"
                            frameborder="0" allowTransparency="true"></iframe>
                            </div>
                            </div>
                            </div>
                        <?php endif; ?>
                    </div>

                </div>
            </div>
            <div class="footer__bottom-section bg-color-grey-900">
                <div class="container text-center">
                    <div class="footer__site-nav">
                        <ul class="text-center list-unstyled">
                            <li><a href="<?php echo e(url('/')); ?>">Trang chủ</a></li>
                            <li><a href="<?php echo e(url('tim-kiem')); ?>">Tìm nhà trọ</a></li>
                            <li><a href="<?php echo e(url('tim-o-ghep')); ?>">Tìm ở ghép</a></li>
                            <li><a href="<?php echo e(url('termofuse')); ?>">Điều khoản sử dụng</a></li>
                            <li><a href="<?php echo e(url('privacy')); ?>">Chính sách bảo mật</a></li>
                            <li><a href="<?php echo e(url('blog')); ?>">Blog</a></li>
                            <li><a href="<?php echo e(url('contact')); ?>">Liên hệ</a></li>
                        </ul>
                    </div>
                    <div class="footer__company-copyright mt-8">&#169; 2018 itro.vn</div>
                </div>
            </div>

        </footer>
<?php endif; ?>
<!-- END site footer -->

</div>

<button id="backToTop" class="back-to-top-btn"><i class="ion-android-arrow-up"></i></button>

<div class="modal fade" tabindex="-1" role="dialog" id="forget-password">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">Quên mật khẩu</h4>
            </div>
            <form action="<?php echo e(url('recover-password')); ?>" class="sign-in-form" method="post">
                <div class="modal-body">

                    <?php echo csrf_field(); ?>

                    <div class="form-title text-center">Vui lòng chọn hình thức lấy lại mật khẩu</div>
                    <div class="form-group">
                        <select class="form-control" name="type_recover">
                            <option value="phone">SĐT</option>
                            <option value="email">Email</option>
                        </select>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn ht-btn-default" data-dismiss="modal">Đóng</button>
                    <button type="submit" class="btn ht-btn-primary">Gửi</button>
                </div>
            </form>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="modal fade" tabindex="-1" role="dialog" id="modal__sign-up">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content modal-content--sign-up">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title text-center text-uppercase color-primary_text">Đăng ký</h4>
            </div>
            <div class="modal-body" id="signup-content">
                <form action="#" class="sign-up-form" method="post" id="form-sign-up"
                      enctype="multipart/form-data">
                <?php echo csrf_field(); ?>

                <!-- <div class="help-text text-center mb-24"><span class="color-primary">(*)</span> Thông tin bắt buộc</div> -->
                    <input type="hidden" name="is_valid" value="0">
                    <div class="form-group text-center mb-24">
                        <div class="avatar-upload-wrap text-center">
                            <div class="avatar-image">
                                <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
                                     data-src="/frontend3/assets/img/avatar_admin@1x.png" alt="" id="register-image">
                            </div>
                        </div>
                        <label class="btn ht-btn-default btn-xs">Chọn ảnh (*) <input id="image-input" type="file"
                                                                                     name="image"
                                                                                     class="hidden"></label>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-sm-4">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Họ (*)" name="first_name"
                                       required="">
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-4">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Tên (*)" name="last_name"
                                       required="">
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-4">
                            <div class="form-group">
                                <select class="form-control" placeholder="Giới tính (*)" name="gender" required="">
                                    <option value="">Giới tính (*)</option>
                                    <option value="Nam">Nam</option>
                                    <option value="Nữ">Nữ</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <?php if(request()->has('pk')): ?>

                        <?php if(is_numeric(request()->input('pk'))): ?>
                            <input type="hidden" name="package_id" value="<?php echo e(request()->input('pk')); ?>">
                        <?php endif; ?>

                    <?php else: ?>
                        <input type="hidden" name="package_id" value="1">
                    <?php endif; ?>

                    <div class="row">
                        <div class="col-xs-12 col-sm-4">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="SĐT (*)" name="phone" required
                                       id="phone">
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-4">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Email" name="email"
                                       id="email">
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-4">
                            <div class="form-group">
                                <select class="form-control" name="type" required id="type_user">
                                    <option value="">Loại tài khoản (*)</option>
                                    <option value="<?php echo e(\App\User::OWNER); ?>">Chủ nhà</option>
                                    <option value="<?php echo e(\App\User::RENTER); ?>">Người thuê</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control date-picker" placeholder="Ngày sinh"
                               name="birthday">
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-sm-4">
                            <div class="form-group">
                                <select class="form-control" name="province_id" id="province1">
                                    <option value="" selected>Chọn tỉnh / thành phố</option>
                                    <?php $provinces = \App\Components\Functions::getProvinces(); ?>

                                    <?php $__currentLoopData = $provinces; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $province): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <option value="<?php echo e($province->provinceid); ?>"><?php echo e($province->name); ?></option>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </select>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-4">
                            <div class="form-group">
                                <select class="form-control" name="district_id" id="district1">
                                    <option value="" selected>Chọn quận / huyện</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-4">
                            <div class="form-group">
                                <select class="form-control" name="ward_id" id="ward1">
                                    <option value="" selected>Chọn phường / xã</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Địa chỉ chi tiết (Số nhà, đường, ngõ,...)"
                               name="address">
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" placeholder="Mật khẩu (*)" required=""
                               name="password" id="password">
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" placeholder="Xác nhận mật khẩu (*)" required=""
                               name="confirm_password" id="confirm_password">
                    </div>
                    <?php echo \Greggilbert\Recaptcha\Facades\Recaptcha::render(); ?>

                    <input type="hidden" class="hiddenRecaptcha required" name="hiddenRecaptcha" id="hiddenRecaptcha">


                    <div class="form-group text-center mt-24">
                        <button class="btn ht-btn-primary px-48 btn-lg" id="btn-frontend-register">Đăng ký</button>
                    </div>
                    <div class="form-group text-center color-grey-700">
                        <p class="my-0 fz-12 fw-500 lh-18">Tất cả thông tin quý khách cung cấp sẽ được bảo mật</p>
                        <p class="my-0 fz-12 fw-500 lh-18">iTro cam kết sẽ không chia sẻ bất cứ thông tin nào của quý
                            khách với bất cứ tổ chức nào</p>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <div class="flex flex-ai-center flex-jc-between">
                    <div class="flex-item">
                        <span class="fz-13 color-grey-700">Đã có tài khoản</span>
                    </div>
                    <div class="flex-item">
                        <a href="#" class="fz-15 fw-500 color-primary" id="btn-signup">Đăng nhập</a>
                    </div>
                </div>

            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="modal fade" tabindex="-1" role="dialog" id="modal__sign-in">
    <div class="modal-dialog modal-dialog--sign-in" role="document">
        <div class="modal-content modal-content--sign-in">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title text-center text-uppercase color-primary_text">Đăng nhập</h4>
                <div class="modal-subtitle text-center" id="subtitle-sign-in">Chào mừng bạn đến với iTro</div>
            </div>
            <div class="modal-body">
                <div class="login-with-social-accounts">
                    <div class="mb-8"><a href="<?php echo e(url('connect/facebook')); ?>"
                                         class="btn ht-btn-social ht-btn-facebook btn-block"><span
                                    class="ht-icon-social"><i class="ion-social-facebook"></i></span>Đăng nhập với
                            Facebook</a></div>
                    <div><a href="<?php echo e(url('connect/google')); ?>"
                            class="btn ht-btn-social ht-btn-googleplus btn-block"><span class="ht-icon-social"><i
                                        class="ion-social-googleplus"></i></span>Đăng nhập với Google+</a></div>
                </div>
                <hr>
                <form action="<?php echo e(url('process-login')); ?>" class="sign-in-form" method="post">
                    <?php echo csrf_field(); ?>

                    <div class="form-title text-center">Đăng nhập bằng Email hoặc SĐT</div>
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Số điện thoại hoặc email" name="phone">
                    </div>
                    <div class="form-group">
                        <select class="form-control" name="type_user">
                            <option value="<?php echo e(\App\User::OWNER); ?>">Chủ trọ</option>
                            <option value="<?php echo e(\App\User::STAFF); ?>">Nhân viên</option>
                            <option value="<?php echo e(\App\User::RENTER); ?>">Người thuê trọ</option>

                        </select>
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" placeholder="Mật khẩu" name="password">
                    </div>
                    <div class="form-group mb-0">
                        <button class="btn ht-btn-primary btn-block">Đăng nhập</button>
                        <div class="mt-8 text-center">
                            <a href="#forget-password" id="btn-forget-password" data-toggle="modal" class="fz-13 fw-500">Quên mật khẩu</a>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <div class="flex flex-ai-center flex-jc-between">
                    <div class="flex-item">
                        <span class="fz-13 color-grey-700">Không có tài khoản</span>
                    </div>
                    <div class="flex-item">
                        <a href="#" class="fz-15 fw-500 color-primary" id="btn-register">Đăng ký</a>
                    </div>
                </div>

            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="modal fade" tabindex="-1" role="dialog" id="modal__normal">
    <div class="modal-dialog modal-dialog--sign-in" role="document">
        <div class="modal-content modal-content--sign-in">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title text-center text-uppercase color-primary_text">Thông báo</h4>
                <div class="modal-subtitle text-center" id="subtitle-normal">Chào mừng bạn đến với iTro</div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<?php if(!$agent->isMobile()): ?>
    
    
    
    
    
    
<?php endif; ?>
<!-- JS: Libs -->

<script>

    function loadStyleSheet(src) {
        if (document.createStyleSheet) {
            document.createStyleSheet(src);
        }
        else {
            $("head").append($("<link rel='stylesheet' href='" + src + "' type='text/css' media='screen' />"));
        }
    }


    function init() {
        var imgDefer = document.getElementsByTagName('img');
        for (var i = 0; i < imgDefer.length; i++) {
            if (imgDefer[i].getAttribute('data-src')) {
                imgDefer[i].setAttribute('src', imgDefer[i].getAttribute('data-src'));
            }
        }

        var backgroundDefer = document.getElementsByClassName('bgcoverdefer');


        var style = "background-image: url({url})";
        for (var j = 0; j < backgroundDefer.length; j++) {
            if (backgroundDefer[j].getAttribute('data-src')) {
                backgroundDefer[j].setAttribute('style', style.replace("{url}", backgroundDefer[j].getAttribute('data-src')));
            }
        }
    }

    window.onload = init;
</script>

<script src="/frontend3/assets/libs/jquery.min.js"></script>
<script src="/frontend3/assets/libs/bootstrap/js/bootstrap.js"></script>

<script src="/assets/global/plugins/bootstrap-sweetalert/sweetalert.min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
<script src="/frontend3/assets/libs/select2/js/select2.full.min.js"></script>
<script src="/frontend3/assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<script defer async src="/frontend3/assets/libs/bootstrap-touchspin/jquery.bootstrap-touchspin.min.js"></script>
<script defer async src="/frontend3/assets/libs/fancybox/jquery.fancybox.min.js"></script>
<script defer async src="/frontend3/assets/libs/autosize/autosize.min.js"></script>
<script defer async src="/frontend3/assets/libs/sticky-sidebar.min.js"></script>
<script defer async src="/frontend3/assets/libs/smooth-scroll/smooth-scroll.min.js"></script>

<script defer async src="/frontend3/assets/libs/wNumb.js"></script>
<script defer async src="/frontend3/assets/libs/noUiSlider/nouislider.min.js"></script>
<script defer async src="/frontend3/assets/js/jquery.toast.min.js"></script>
<script src="/frontend3/assets/js/select2.vi.min.js"></script>
<script src="/js/jquery.validate.min.js"></script>

<!-- JS: Main -->
<script defer async src="/frontend3/assets/js/main.js"></script>
<script defer async src="https://sdk.accountkit.com/vi_VN/sdk.js"></script>
<script defer async src="/frontend3/assets/js/smartbanner.min.js"></script>


<script>
    $(document).ready(function () {
        loadStyleSheet('/frontend3/assets/libs/bootstrap-touchspin/jquery.bootstrap-touchspin.min.css');
        loadStyleSheet('/frontend3/assets/libs/bootstrap-slider/css/slider.css');
        loadStyleSheet('/frontend3/assets/libs/fancybox/jquery.fancybox.min.css');
        loadStyleSheet('/assets/global/plugins/bootstrap-sweetalert/sweetalert.css');
        loadStyleSheet('/frontend3/assets/libs/noUiSlider/nouislider.min.css');


    });


    var baseUrl = '<?php echo e(url('/')); ?>';
    $.ajaxSetup({
        headers: {'X-CSRF-Token': $('meta[name=csrf-token]').attr('content')}
    });

    $.fn.select2.defaults.set('language', 'vi');

    $(document).ready(function () {

        $('#btn-forget-password').click(function() {
            $('#modal__sign-in').modal('hide');
            $('#modal__sign-up').modal('hide');
        });

        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s);
            js.id = id;
            js.src = 'https://connect.facebook.net/vi_VN/sdk/xfbml.customerchat.js#xfbml=1&version=v2.12&autoLogAppEvents=1';
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));

        <!-- Your customer chat code -->

    });


</script>
<!-- custom JS -->

<?php if(!auth('backend')->check()): ?>

    <?php if(request()->has('reg')): ?>
        <?php if(request()->input('reg') == 1): ?>
            <script>
                $('#modal__sign-up').modal('show');
            </script>
        <?php endif; ?>
    <?php endif; ?>

<?php endif; ?>

<?php if(auth('backend')->check()): ?>
    <script>
        function sendNotification() {

        }
        var _registration = null;
        function registerServiceWorker() {
            return navigator.serviceWorker.register('/service_worker.js')
                .then(function (registration) {
                    console.log('Service worker successfully registered.');
                    _registration = registration;
                    return registration;
                })
                .catch(function (err) {
                    console.error('Unable to register service worker.', err);
                });
        }
        function askPermission() {
            Notification.requestPermission().then(function (result) {

                if (result === 'denied') {
                    console.log('Permission wasn\'t granted. Allow a retry.');
                    return;
                }
                if (result === 'default') {
                    console.log('The permission request was dismissed.');
                    return;
                }

                if (result == 'granted') {
                    subscribeUserToPush();
                }

            });
        }
        function urlBase64ToUint8Array(base64String) {
            const padding = '='.repeat((4 - base64String.length % 4) % 4);
            const base64 = (base64String + padding)
                .replace(/\-/g, '+')
                .replace(/_/g, '/');
            const rawData = window.atob(base64);
            const outputArray = new Uint8Array(rawData.length);
            for (var i = 0; i < rawData.length; ++i) {
                outputArray[i] = rawData.charCodeAt(i);
            }
            return outputArray;
        }
        function getSWRegistration() {
            var promise = new Promise(function (resolve, reject) {
                // do a thing, possibly async, then…
                if (_registration != null) {
                    resolve(_registration);
                }
                else {
                    reject(Error("It broke"));
                }
            });
            return promise;
        }
        function subscribeUserToPush() {
            getSWRegistration()
                .then(function (registration) {
                    console.log(registration);
                    const subscribeOptions = {
                        userVisibleOnly: true,
                        applicationServerKey: urlBase64ToUint8Array(
                            "BD0Unf2tKZn2vQuf0OFBgB4rcOcCkIA2xxS0UNSsSYs5V0-6zHwd6BHe-94ya5XAHUh3ut_Q1TONbYaaHQ5XyhQ"
                        )
                    };
                    return registration.pushManager.subscribe(subscribeOptions);
                })
                .then(function (pushSubscription) {
                    var key = pushSubscription.getKey('p256dh');
                    key = btoa(String.fromCharCode.apply(null, new Uint8Array(key)));
                    var token = pushSubscription.getKey('auth');
                    token = btoa(String.fromCharCode.apply(null, new Uint8Array(token)));
                    console.log(pushSubscription.getKey('auth'));
                    sendSubscriptionToBackEnd({
                        key: key,
                        token: token,
                        endpoint: pushSubscription.endpoint
                    });
                    // console.log('Received PushSubscription: ', JSON.stringify(pushSubscription));

                    return pushSubscription;
                });
        }
        function sendSubscriptionToBackEnd(subscription) {

            var s = subscription;

            $.ajax({
                url: '<?php echo e(url('subscribe-push-notification')); ?>',
                data: s,
                type: 'post',
                dataType: 'json',
                success: function () {

                }
            });
        }
        function enableNotifications() {
            askPermission();
        }
        registerServiceWorker();
        askPermission();
    </script>
<?php endif; ?>
<script>

    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                $('#register-image').attr('src', e.target.result);
            }

            reader.readAsDataURL(input.files[0]);
        }
    }

    $("#image-input").change(function () {
        readURL(this);
    });

    $('.date-picker').datepicker({
        format: 'dd/mm/yyyy',
        autoclose: true,
    });

    $('#btn-frontend-register').click(function (e) {
        e.preventDefault();
        var formStatus = $(".sign-up-form").validate(
            {
                ignore: ".ignore",
                errorElement: "span",
                errorClass: "help-block help-block-error",

                highlight: function (e) {
                    $(e).closest(".form-group").addClass("has-error")
                },
                unhighlight: function (e) {
                    $(e).closest(".form-group").removeClass("has-error")
                },
                success: function (e) {
                    e.closest(".form-group").removeClass("has-error")
                },
                rules: {
                    image: {
                        required: true,
                    },
                    password: "required",
                    confirm_password: {
                        equalTo: "#password"
                    },
                    phone: {
                        required: true,
                        remote: {
                            url: "<?php echo e(url('admin/check-unique-phone')); ?>",
                            type: "post",
                            data: {
                                phone: function () {
                                    return $("#phone").val();
                                },
                                type_user: function () {
                                    return $("#type_user").val()
                                }
                            }
                        }
                    },
                    hiddenRecaptcha: {
                        required: function () {
                            if (grecaptcha.getResponse() == '') {
                                return true;
                            } else {
                                return false;
                            }
                        }
                    },
                    email: {
//                    required: true,
                        email: true,
                        remote: {
                            url: "<?php echo e(url('admin/check-unique-email')); ?>",
                            type: "post",
                            data: {
                                email: function () {
                                    return $("#email").val();
                                },
                                type_user: function () {
                                    return $("#type_user").val()
                                }
                            }
                        }
                    }
                },
//                submitHandler: function (form) {
//                    var fileName = $('input[name="image"]').val();
//                    if (!fileName) {
//                        $('input[name="is_valid]').val(0);
//                        alert('Không được bỏ trống ảnh');
//                        return false;
//                    }
//
//
//                },
                messages: {
                    first_name: "Vui lòng không bỏ trống Họ",
                    last_name: "Vui lòng không bỏ trống Tên",
                    image: "Vui lòng không bỏ trống hình ảnh",
                    gender: "Vui lòng không bỏ trống Giới tính",
                    hiddenRecaptcha: "Vui lòng xác nhận recaptcha",
                    phone: {
                        required: "Vui lòng không bỏ trống số điện thoại",
                        remote: jQuery.validator.format("{0} đã được sử dụng")
                    },
                    email: {
//                    required: "Vui lòng không bỏ trống Email",
                        remote: jQuery.validator.format("{0} đã được sử dụng")
                    },
                    type: "Vui lòng không bỏ trống loại tài khoản",
                    password: "Vui lòng không bỏ trống mật khẩu",
                    //    confirm_password: "Vui lòng không bỏ trống loại tài khoản",
                    confirm_password: {
                        required: "Vui lòng nhập lại mật khẩu",
                        equalTo: "Vui lòng nhập lại chính xác mật khẩu"
                    },
                    // image: 'Vui lòng không bỏ trống hình ảnh'
                }
            }
        ).form();

        if (formStatus) {

            var data = new FormData($('.sign-up-form')[0]);
            $.ajax({
                url: '<?php echo e(url('process-register')); ?>',
                type: 'post',
                data: data,
                dataType: 'json',
                processData: false,
                contentType: false,
                beforeSend: function () {
                    $('#signup-content').addClass('ht-on-loading');
                },
                success: function (response) {
                    $('#signup-content').removeClass('ht-on-loading');
                    grecaptcha.reset();
                    if (response.status == 1) {
                        $('#modal__sign-up').modal('hide');
                        if (response.url !== '') {
                            window.location.href = response.url;
                        } else {
                            swal('Thành công', 'Chúc mừng bạn đã đăng ký thành công', 'success');
                        }
                    } else if (response.status == 0) {
                        swal('Thông báo', response.message, 'warning');
                    } else if (response.status == 2) {
                        swal('Thông báo', response.message, 'info');
                    }


                }
            });
        }
    });


    //    $('.sign-up-form').submit(function (e) {
    //
    //        if ($('input[name="is_valid"]').val() == 0) {
    //
    //            e.preventDefault();
    //        }
    //        var password = $('input[name="password"]').val();
    //        var confirm_password = $('input[name="confirm_password"]').val();
    //        if (password != confirm_password) {
    //            $('input[name="is_valid"]').val(0);
    //            alert('Mật khẩu và mật khẩu nhập lại phải giống nhau');
    //            return;
    //        }
    //
    //        var fileName = $('input[name="image"]').val();
    //        if (!fileName) {
    //            $('input[name="is_valid]').val(0);
    //            alert('Không được bỏ trống ảnh');
    //            return;
    //        }
    //
    //        $('input[name="is_valid"]').val(1);
    //
    //    });

    $(document).on('click', '.single-action--like', function (e) {
        e.preventDefault();

        <?php if(!auth('backend')->check()): ?>

                $('#modal__sign-in').modal('show');
        $('#subtitle-sign-in').text('Bạn cần đăng nhập để thực hiện chức năng này');
        return;

                <?php endif; ?>

        var hostel_id = $(this).attr('data-hostel-id');
        var that = this;
        $.ajax({

            url: '<?php echo e(url('wishlist/add')); ?>',
            data: {
                hostel_id: hostel_id
            },
            dataType: 'json',
            type: 'post',
            success: function (response) {
                if (response.status == 3) {
                    $('#modal__sign-in').modal('show');
                    $('#subtitle-sign-in').text('Bạn cần đăng nhập để thực hiện chức năng này');
                }

                if (response.status == 1) {
                    if (response.data == true) {
                        $(that).addClass('active');
                    } else {
                        $(that).removeClass('active');
                        <?php if(str_contains(request()->fullUrl(), 'wishlist')): ?>

                            $.ajax({
                            url: '<?php echo e(url('wishlist')); ?>',
                            type: 'get',
                            dataType: 'json',
                            success: function (response) {
                                $('.list-wishlist').html(response.html);
                            }
                        });

                        <?php endif; ?>
                    }
                }
            }

        });
    });

    $(document).on('click', '#btn-register', function () {
        $('#modal__sign-in').modal('hide');
        $('#modal__sign-up').modal('show');
    });

    $(document).on('click', '#btn-signup', function () {
        $('#modal__sign-in').modal('show');
        $('#modal__sign-up').modal('hide');
    });

    $(document).on('change', '#province1', function (e) {
        $.ajax({
            url: '<?php echo e(url('get-sub-location')); ?>',
            type: 'get',
            data: {
                'id': $(this).val(),
                'type': 'province',
            },
            dataType: 'html',
            success: function (response) {
                $('#district1').html(response);
                $('#ward1').html('');

            }
        });
    });

    $(document).on('change', '#district1', function (e) {
        $.ajax({
            url: '<?php echo e(url('get-sub-location')); ?>',
            type: 'get',
            data: {
                'id': $(this).val(),
                'type': 'district'
            },
            dataType: 'html',
            success: function (response) {
                $('#ward1').html(response);

            }
        });
    });

</script>
<script>

    var page = 1;

    $(document).ready(function () {



        $('input:checkbox:checked').parent().find('svg').css({
            fill: '#FF5722'
        });


        <?php if(auth('backend')->check()): ?>

            $.ajax({
            url: '<?php echo e(url('notification-home')); ?>',
            success: function (response) {
                if (parseInt(response.count) == 0) {
                    $('#ntf-count').hide();
                    $('#ntf-mobile-cnt').hide();
                } else {
                    $('#ntf-count').show();
                    $('#ntf-mobile-cnt').show();
                    $('#ntf-count').text(response.count);
                    $('#ntf-mobile-cnt').text(response.count);

                }
                $('#notify-list').append(response.html);
            }
        });

        $.ajax({
            url: '<?php echo e(url('notification-message')); ?>',
            success: function (response) {
                if (parseInt(response.count) == 0) {
                    $('#ntf-msg-count').hide();
                    $('#ntf-msg-mobile-cnt').hide();
                } else {
                    $('#ntf-msg-count').show();
                    $('#ntf-msg-mobile-cnt').show();
                    $('#ntf-msg-count').text(response.count);
                    $('#ntf-msg-mobile-cnt').text(response.count);

                }
                $('#notify-msg-list').append(response.html);
            }
        });

        $('#notify-list').scroll(function () {
            if ($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
                var that = this;
                page++;
                $.ajax({
                    url: '<?php echo e(url('notification-home')); ?>',
                    type: 'get',
                    beforeSend: function () {
                        $('#notification-home-loading').remove();
                        $(that).append('<li class="ht-loading" id="notification-home-loading"></li>');
                    },
                    data: {
                        page: page
                    },
                    dataType: 'json',
                    success: function (response) {
                        if (parseInt(response.count) == 0) {
                            $('#ntf-count').hide();
                        } else {
                            $('#ntf-count').text(response.count);
                        }
                        $('#notify-list').append(response.html);
                        $('#notification-home-loading').remove();
                    }
                });

            }
        });

        $('#notify-msg-list').scroll(function () {
            if ($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
                var that = this;
                page++;
                $.ajax({
                    url: '<?php echo e(url('notification-message')); ?>',
                    type: 'get',
                    beforeSend: function () {
                        $('#notification-msg-home-loading').remove();
                        $(that).append('<li class="ht-loading" id="notification-msg-home-loading"></li>');
                    },
                    data: {
                        page: page
                    },
                    dataType: 'json',
                    success: function (response) {
                        if (parseInt(response.count) == 0) {
                            $('#ntf-msg-count').hide();
                        } else {
                            $('#ntf-msg-count').text(response.count);
                        }
                        $('#notify-msg-list').append(response.html);
                        $('#notification-msg-home-loading').remove();
                    }
                });

            }
        });

        <?php endif; ?>

setTimeout(function () {
            $('.flash-message').hide();
        }, 4000);

        $('input:checkbox').click(function () {
            if ($(this).is(':checked')) {
                $(this).parent().css({
                    color: '#FF5722'
                });
                $(this).parent().find('svg').css({
                    fill: '#FF5722'
                });
            } else {
                $(this).parent().css({
                    color: 'black'
                });
                $(this).parent().find('svg').css({
                    fill: 'black'
                });
            }
        });

        $('input:checkbox:checked').parent().css({
            color: '#FF5722'
        });


        $collapseFilterBtn = $('#collapsePropertyFilters-toggle');
        function collapseFiltersBtnChangeHTML() {
            if ($('#collapsePropertyFilters-toggle').hasClass('collapsed')) {
                $('#collapsePropertyFilters-toggle').html('Thêm bộ lọc');
            } else {
                $('#collapsePropertyFilters-toggle').html('Thu gọn');
            }
        }

        collapseFiltersBtnChangeHTML();
        $collapseFilterBtn.click(function (e) {
            e.preventDefault();
            if ($(this).hasClass('collapsed')) {
                $(this).html('Thu gọn');
            } else {
                $(this).html('Thêm bộ lọc');
            }
        });

    });

    $(document).on('click', '.single-noti-home', function () {
        var id = $(this).attr('data-id');
        var that = this;
        $.ajax({
            url: '<?php echo e(url('read-notification')); ?>',
            type: 'post',
            data: {
                id: id
            },
            dataType: 'json',
            success: function (response) {
                if (response.status == 1) {
                    var number = $('#ntf-count').text();
                    number = parseInt(number);
                    $('#ntf-count').text(number - 1);
                    $(that).css({
                        'background-color': 'white'
                    });
                }
            }
        });
    });

    <?php if(!auth('backend')->check()): ?>
$('#view-chat').click(function (e) {
        e.preventDefault();

        $('#modal__sign-in').modal('show');
        $('#subtitle-sign-in').text('Bạn cần đăng nhập để thực hiện chức năng này');
        return;

    });
    <?php endif; ?>


</script>

<?php echo $__env->make('quanlynhatro.partials.new_registration_modal', \Illuminate\Support\Arr::except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php echo $__env->yieldPushContent('scripts'); ?>

</body>
</html>
