Không tìm thấy xe này.
</main>

<footer id="footer" class="footer-wrapper">

		<section class="section has-parallax" id="section_1877383428">
		<div class="bg section-bg fill bg-fill bg-loaded " data-parallax-container=".section" data-parallax-background data-parallax="-4">

			
			<div class="section-bg-overlay absolute fill"></div>
			

		</div>

		

		<div class="section-content relative">
			

<div class="row row-small align-equal"  id="row-1700051006">


	<div id="col-1787075553" class="col medium-6 small-12 large-4"  >
				<div class="col-inner"  >
			
			

	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_105919591">
								<div class="img-inner dark" >
			<img width="768" height="150" src="https://carvivu.com/wp-content/uploads/sites/817/2024/12/Logo_CarVivu_06-768x150-1.png" class="attachment-original size-original" alt="" decoding="async" loading="lazy" srcset="https://carvivu.com/wp-content/uploads/sites/817/2024/12/Logo_CarVivu_06-768x150-1.png 768w, https://carvivu.com/wp-content/uploads/sites/817/2024/12/Logo_CarVivu_06-768x150-1-300x59.png 300w, https://carvivu.com/wp-content/uploads/sites/817/2024/12/Logo_CarVivu_06-768x150-1-500x98.png 500w" sizes="(max-width: 768px) 100vw, 768px" />						
					</div>
								
<style>
#image_105919591 {
  width: 75%;
}
</style>
	</div>
	

	<div id="text-2865488153" class="text">
		

<h3>Carvivu Vietnam共同株式会社</h3>
		
<style>
#text-2865488153 {
  color: rgb(255,255,255);
}
#text-2865488153 > * {
  color: rgb(255,255,255);
}
</style>
	</div>
	
<p>カルビブのショールームアドレス: 68 Trinh Van Bo, Nam Tu Liem, ハノイ.</p>
<p> </p>
<p>ホットライン: 0971.465.746</p>
<p> </p>
<p>電子メール: cskh@carvivu.com.vn</p>
	<div id="gap-1894784696" class="gap-element clearfix" style="display:block; height:auto;">
		
<style>
#gap-1894784696 {
  padding-top: 16px;
}
</style>
	</div>
	

<div class="social-icons follow-icons" style="font-size:120%"><a href="https://www.facebook.com/carvivu/" target="_blank" data-label="Facebook" rel="noopener noreferrer nofollow" class="icon primary button circle facebook tooltip" title="Facebookでフォローしてください" aria-label="Follow on Facebook"><i class="icon-facebook" ></i></a><a href="https://www.tiktok.com/tag/carvivu" target="_blank" rel="noopener noreferrer nofollow" data-label="TikTok" class="icon primary button circle tiktok tooltip" title="TikTokでフォローしてください" aria-label="Follow on TikTok"><i class="icon-tiktok" ></i></a><a href="tel:0971465746" target="_blank" data-label="Phone" rel="noopener noreferrer nofollow" class="icon primary button circle  phone tooltip" title="お電話ください" aria-label="Call us"><i class="icon-phone" ></i></a></div>


		</div>
					</div>

	

	<div id="col-1737891097" class="col medium-6 small-12 large-4"  >
				<div class="col-inner"  >
			
			

	<div id="gap-1037146406" class="gap-element clearfix" style="display:block; height:auto;">
		
<style>
#gap-1037146406 {
  padding-top: 40px;
}
</style>
	</div>
	

	<div id="text-731016752" class="text">
		

<h3>サービス</h3>
		
<style>
#text-731016752 {
  color: rgb(255,255,255);
}
#text-731016752 > * {
  color: rgb(255,255,255);
}
</style>
	</div>
	
	<div class="ux-menu stack stack-col justify-start">
		

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://dongfengcar.vn/"  >
			<i class="ux-menu-link__icon text-center icon-angle-right" ></i>			<span class="ux-menu-link__text">
				排他的配布dongfeng			</span>
		</a>
	</div>
	

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://haimacar.vn/"  >
			<i class="ux-menu-link__icon text-center icon-angle-right" ></i>			<span class="ux-menu-link__text">
				本物のハイマ流通			</span>
		</a>
	</div>
	

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://carvivu.com/ja/he-sinh-thai-xe-o-to-cu/"  >
			<i class="ux-menu-link__icon text-center icon-angle-right" ></i>			<span class="ux-menu-link__text">
				初め, 車の販売			</span>
		</a>
	</div>
	

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://vivucarfe.com/"  >
			<i class="ux-menu-link__icon text-center icon-angle-right" ></i>			<span class="ux-menu-link__text">
				Vivu Carfeシステム			</span>
		</a>
	</div>
	

	<div class="ux-menu-link flex menu-item">
		<a class="ux-menu-link__link flex" href="https://carvivu.com/ja/nha-may-vivu-auto/"  >
			<i class="ux-menu-link__icon text-center icon-angle-right" ></i>			<span class="ux-menu-link__text">
				Vivu Auto Factory			</span>
		</a>
	</div>
	


	</div>
	

		</div>
					</div>

	

	<div id="col-681265796" class="col medium-4 small-12 large-4"  >
				<div class="col-inner"  >
			
			

<p><iframe style="border: none; overflow: hidden;" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fcarvivu&amp;tabs=timeline&amp;width=340&amp;height=250&amp;small_header=true&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=true&amp;appId" width="340" height="250" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen"></iframe></p>

		</div>
					</div>

	

</div>

		</div>

		
<style>
#section_1877383428 {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: rgb(255,255,255);
}
#section_1877383428 .section-bg-overlay {
  background-color: rgba(0, 0, 0, 0.686);
}
#section_1877383428 .section-bg.bg-loaded {
  background-image: url(https://carvivu.com/wp-content/uploads/sites/817/2025/02/z3815587239195_d56c11819081a599beea9ca20934450a-e1740668355615.jpg);
}
#section_1877383428 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1877383428 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
<div class="absolute-footer dark medium-text-center text-center">
  <div class="container clearfix">
        <div class="footer-secondary pull-right">
            <div class="payment-icons inline-block"><div class="payment-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  viewBox="0 0 64 32">
<path d="M13.043 8.356c-0.46 0-0.873 0.138-1.24 0.413s-0.662 0.681-0.885 1.217c-0.223 0.536-0.334 1.112-0.334 1.727 0 0.568 0.119 0.99 0.358 1.265s0.619 0.413 1.141 0.413c0.508 0 1.096-0.131 1.765-0.393v1.327c-0.693 0.262-1.389 0.393-2.089 0.393-0.884 0-1.572-0.254-2.063-0.763s-0.736-1.229-0.736-2.161c0-0.892 0.181-1.712 0.543-2.462s0.846-1.32 1.452-1.709 1.302-0.584 2.089-0.584c0.435 0 0.822 0.038 1.159 0.115s0.7 0.217 1.086 0.421l-0.616 1.276c-0.369-0.201-0.673-0.333-0.914-0.398s-0.478-0.097-0.715-0.097zM19.524 12.842h-2.47l-0.898 1.776h-1.671l3.999-7.491h1.948l0.767 7.491h-1.551l-0.125-1.776zM19.446 11.515l-0.136-1.786c-0.035-0.445-0.052-0.876-0.052-1.291v-0.184c-0.153 0.408-0.343 0.84-0.569 1.296l-0.982 1.965h1.739zM27.049 12.413c0 0.711-0.257 1.273-0.773 1.686s-1.213 0.62-2.094 0.62c-0.769 0-1.389-0.153-1.859-0.46v-1.398c0.672 0.367 1.295 0.551 1.869 0.551 0.39 0 0.694-0.072 0.914-0.217s0.329-0.343 0.329-0.595c0-0.147-0.024-0.275-0.070-0.385s-0.114-0.214-0.201-0.309c-0.087-0.095-0.303-0.269-0.648-0.52-0.481-0.337-0.818-0.67-1.013-1s-0.293-0.685-0.293-1.066c0-0.439 0.108-0.831 0.324-1.176s0.523-0.614 0.922-0.806 0.857-0.288 1.376-0.288c0.755 0 1.446 0.168 2.073 0.505l-0.569 1.189c-0.543-0.252-1.044-0.378-1.504-0.378-0.289 0-0.525 0.077-0.71 0.23s-0.276 0.355-0.276 0.607c0 0.207 0.058 0.389 0.172 0.543s0.372 0.36 0.773 0.615c0.421 0.272 0.736 0.572 0.945 0.9s0.313 0.712 0.313 1.151zM33.969 14.618h-1.597l0.7-3.22h-2.46l-0.7 3.22h-1.592l1.613-7.46h1.597l-0.632 2.924h2.459l0.632-2.924h1.592l-1.613 7.46zM46.319 9.831c0 0.963-0.172 1.824-0.517 2.585s-0.816 1.334-1.415 1.722c-0.598 0.388-1.288 0.582-2.067 0.582-0.891 0-1.587-0.251-2.086-0.753s-0.749-1.198-0.749-2.090c0-0.902 0.172-1.731 0.517-2.488s0.82-1.338 1.425-1.743c0.605-0.405 1.306-0.607 2.099-0.607 0.888 0 1.575 0.245 2.063 0.735s0.73 1.176 0.73 2.056zM43.395 8.356c-0.421 0-0.808 0.155-1.159 0.467s-0.627 0.739-0.828 1.283-0.3 1.135-0.3 1.771c0 0.5 0.116 0.877 0.348 1.133s0.558 0.383 0.979 0.383 0.805-0.148 1.151-0.444c0.346-0.296 0.617-0.714 0.812-1.255s0.292-1.148 0.292-1.822c0-0.483-0.113-0.856-0.339-1.12-0.227-0.264-0.546-0.396-0.957-0.396zM53.427 14.618h-1.786l-1.859-5.644h-0.031l-0.021 0.163c-0.111 0.735-0.227 1.391-0.344 1.97l-0.757 3.511h-1.436l1.613-7.46h1.864l1.775 5.496h0.021c0.042-0.259 0.109-0.628 0.203-1.107s0.407-1.942 0.94-4.388h1.43l-1.613 7.461zM13.296 20.185c0 0.98-0.177 1.832-0.532 2.556s-0.868 1.274-1.539 1.652c-0.672 0.379-1.464 0.568-2.376 0.568h-2.449l1.678-7.68h2.15c0.977 0 1.733 0.25 2.267 0.751s0.801 1.219 0.801 2.154zM8.925 23.615c0.536 0 1.003-0.133 1.401-0.399s0.71-0.657 0.934-1.174c0.225-0.517 0.337-1.108 0.337-1.773 0-0.54-0.131-0.95-0.394-1.232s-0.64-0.423-1.132-0.423h-0.624l-1.097 5.001h0.575zM18.64 24.96h-4.436l1.678-7.68h4.442l-0.293 1.334h-2.78l-0.364 1.686h2.59l-0.299 1.334h-2.59l-0.435 1.98h2.78l-0.293 1.345zM20.509 24.96l1.678-7.68h1.661l-1.39 6.335h2.78l-0.294 1.345h-4.436zM26.547 24.96l1.694-7.68h1.656l-1.694 7.68h-1.656zM33.021 23.389c0.282-0.774 0.481-1.27 0.597-1.487l2.346-4.623h1.716l-4.061 7.68h-1.814l-0.689-7.68h1.602l0.277 4.623c0.015 0.157 0.022 0.39 0.022 0.699-0.007 0.361-0.018 0.623-0.033 0.788h0.038zM41.678 24.96h-4.437l1.678-7.68h4.442l-0.293 1.334h-2.78l-0.364 1.686h2.59l-0.299 1.334h-2.59l-0.435 1.98h2.78l-0.293 1.345zM45.849 22.013l-0.646 2.947h-1.656l1.678-7.68h1.949c0.858 0 1.502 0.179 1.933 0.536s0.646 0.881 0.646 1.571c0 0.554-0.15 1.029-0.451 1.426s-0.733 0.692-1.298 0.885l1.417 3.263h-1.803l-1.124-2.947h-0.646zM46.137 20.689h0.424c0.474 0 0.843-0.1 1.108-0.3s0.396-0.504 0.396-0.914c0-0.287-0.086-0.502-0.258-0.646s-0.442-0.216-0.812-0.216h-0.402l-0.456 2.076zM53.712 20.39l2.031-3.11h1.857l-3.355 4.744-0.646 2.936h-1.645l0.646-2.936-1.281-4.744h1.694l0.7 3.11z"></path>
</svg>
</div></div> </div>
        <div class="footer-primary pull-left">
                    <!--<div class="copyright-footer">Trợ lý Web AI này được tạo bởi nền tảng tạo Web AI <a href="https://vivuid.vn" target="_blank">vivuID.vn</a>. Đăng ký tạo thử trợ lý Web AI của riêng bạn để đào tạo tại đây: <a href="https://vivuid.vn/dang-ky/" target="_blank"><strong>Đăng ký ngay</strong></a></div>-->
                 
    
    
    </div>
  </div>
</div>

<a href="#top" class="back-to-top button icon invert plain fixed bottom z-1 is-outline hide-for-medium circle" id="top-link" aria-label="Go to top"><i class="icon-angle-up" ></i></a>

</footer>

</div>
<div class="wof-coupon-bars">
			<div class="wof-coupon-bar"
		     data-duration="24"
		     data-timeframe="hours"
		     style="color:#fff;background:#000;display:none;"
		     data-id="3891">
			<div class="wof-coupon-text">
				割引コード <span class="wof-bar-code"></span> に存在します <div class="wof-bar-timer">
					<span class="wof-bar-d" data-text="d"></span>
					<span class="wof-bar-h" data-text="h"></span>
					<span class="wof-bar-m" data-text="m"></span>
					<span class="wof-bar-s" data-text="s"></span></div>			</div>
			<div class="wof-bar-close">
				<svg width="30" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
					<path fill="#fff" d="M77.6 21.1l-28 28.1-28.1-28.1-1.9 1.9 28 28.1-28 28.1 1.9 1.9L49.6 53l28 28.1 2-1.9-28.1-28.1L79.6 23"/>
				</svg>
			</div>
		</div>
	</div>

<div id="main-menu" class="mobile-sidebar no-scrollbar mfp-hide mobile-sidebar-slide mobile-sidebar-levels-1 mobile-sidebar-levels-2" data-levels="2">

	
	<div class="sidebar-menu no-scrollbar ">

		
					<ul class="nav nav-sidebar nav-vertical nav-uppercase nav-slide" data-tab="1">
				<li class="header-search-form search-form html relative has-icon">
	<div class="header-search-form-wrapper">
		<div class="searchform-wrapper ux-search-box relative form-flat is-normal"><form role="search" method="get" class="searchform" action="https://carvivu.com/">
	<div class="flex-row relative">
						<div class="flex-col flex-grow">
			<label class="screen-reader-text" for="woocommerce-product-search-field-0">検索する:</label>
			<input type="search" id="woocommerce-product-search-field-0" class="search-field mb-0" placeholder="Tìm kiếm sản phẩm" value="製品を探す" name="s" />
			<input type="hidden" name="post_type" value="product" />
					</div>
		<div class="flex-col">
			<button type="submit" value="Search" class="ux-search-submit submit-button secondary button icon mb-0" aria-label="Submit">
				<i class="icon-search" ></i>			</button>
		</div>
	</div>
	<div class="live-search-results text-left z-top"></div>
</form>
</div>	</div>
</li><li id="menu-item-7729" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-7729"><a href="https://carvivu.com/ja/">導入</a></li>
<li id="menu-item-12149" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-12149"><a href="http://carvivu.com/ja/linh-vuc-hoat-dong/">操作フィールド</a>
<ul class="sub-menu nav-sidebar-ul children">
	<li id="menu-item-12212" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12212"><a href="https://dongfengcar.vn/">Dongfeng車の排他的配給</a></li>
	<li id="menu-item-12214" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12214"><a href="https://haimacar.vn/">ハイマ車の排他的配給</a></li>
	<li id="menu-item-12220" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12220"><a href="https://carvivu.com/ja/he-sinh-thai-xe-o-to-cu/">古い自動車生態系</a></li>
	<li id="menu-item-12213" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12213"><a href="https://vivucarfe.com/">私はカーフを住んでいます</a></li>
	<li id="menu-item-12246" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12246"><a href="https://carvivu.com/ja/nha-may-vivu-auto/">Vivu Auto Factory</a></li>
</ul>
</li>
<li id="menu-item-12203" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12203"><a href="https://carvivu.com/ja/tin-tuc/">ニュースやイベント</a></li>
<li id="menu-item-12123" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12123"><a href="https://carvivu.com/ja/lien-he/">接触</a></li>
			</ul>
		
		
	</div>

	
</div>
        <style>
            .gift-product-details.out-of-stock::before,
            .gift-product-details.out-of-stock::after {
                content: '';
                position: absolute;
                top: 30%;
                left: 0%;
                width: 100%;
                height: 2px;
                background: red;
                transform: rotate(45deg);
                z-index: 2;
            }

            .gift-product-details.out-of-stock::after {
                transform: rotate(-45deg);
            }
        </style>
        				<!-- Popup HTML -->
				<div class="popup-overlay-k-point"></div>
				<div class="popup-k-point">
					<h2 class="popup-title-k-point"></h2>			
					<!-- Thêm input cho username -->
					<!--<input type="text" id="username-input-k-point" placeholder="Username" required>-->
					
					<input type="text" id="phone-number-input-k-point" placeholder="電話番号" required>
					<input type="text" id="token-input-k-point" placeholder="Mã token (パスワードはSDT Zalo経由で送信されます)" required>
					<span id="phone-error-message" style="color: red; display: none;">無効な電話番号</span>
					<input type="hidden" id="product-name-input-k-point" value="">
					<input type="hidden" id="client_id" value="">
					<input type="hidden" id="points-input-k-point" placeholder="ポイント交換">
					<div class="popup-foot-k-point">
						<button class="btn" id="submit-phone-number-k-point">確認する</button>
						<button class="btn" id="close-popup">キャンセル</button>
					</div>
				</div>
		
		
				<!-- Popup CSS -->
				<style>
					.popup-overlay-k-point {
						display: none;
						position: fixed;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						background-color: rgba(0, 0, 0, 0.5);
						z-index: 9999;
					}
		
					.popup-k-point {
						display: none;
						position: fixed;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						background-color: #fff;
						padding: 20px;
						border-radius: 5px;
						box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
						z-index: 10000;
						min-width: 450px;
					}
		
					.popup-k-point h2 {
						margin-top: 0;
						font-size: 16px;
						color: #000;
					}
		
					.popup-k-point input {
						display: block;
						margin-bottom: 10px;
						box-shadow: none;
						border-radius: 8px;
						border-color: #000;
						font-size: 14px;
		
					}
		
					.popup-foot-k-point{
						display: flex;
						align-items: center;
						justify-content: center;
						gap: 10px;
						margin-top: 10px;
					}
		
					.popup-k-point button {
						margin: 0px;
					}
		
					.popup-k-point span {
						display: block;
					}
		
					.popup-foot-k-point button {
						border-radius: 8px;
						background: #3498db;
						color: #ffff;
					}
		
					button#close-popup {
						background-color: #000;
					}
				</style>
				<script>
		
					function isValidPhoneNumber(phoneNumber) {
						// Sử dụng regex để kiểm tra định dạng số điện thoại
						var phoneRegex = /^[0-9]{10}$/;
						return phoneRegex.test(phoneNumber);
					}
		
					// JavaScript để hiển thị và ẩn popup
					jQuery(document).ready(function($) {
						$('.featured-product-button-k-point').on('click', function(e) {
							$('.popup-title-k-point').text('');
							let name = $(this).data('name');
							let point = $(this).data('point');
							$('.popup-title-k-point').text('Bạn đang đổi điểm cho sản phẩm: ${name}');
							$('#product-name-input-k-point').val(name);
							$('#points-input-k-point').val(point);
							// Hiển thị overlay và popup
							$('.popup-overlay-k-point, .popup-k-point').fadeIn();
						});
		
						// Xử lý khi người dùng click vào nút đóng popup
						$('#close-popup').on('click', function() {
							// Ẩn overlay và popup
							$('.popup-overlay-k-point, .popup-k-point').fadeOut();
						});
						var ajaxurl = 'https://carvivu.com/wp-admin/admin-ajax.php';
						// Xử lý khi người dùng click vào nút gửi
						$('#submit-phone-number-k-point').on('click', function() {
							// Lấy số điện thoại từ input
							var username = $('#username-input-k-point').val();
							var phoneNumber = $('#phone-number-input-k-point').val();
							var tokenNumber = $('#token-input-k-point').val();
							var productName = $('#product-name-input-k-point').val();
							var points = $('#points-input-k-point').val();
							var client_id = $('#client_id').val();
		
							// Kiểm tra định dạng số điện thoại
							if (!isValidPhoneNumber(phoneNumber)) {
								// Hiển thị thông báo lỗi
								$('#phone-error-message').show();
								return; // Dừng việc gửi AJAX request nếu số điện thoại không hợp lệ
							} else {
								// Ẩn thông báo lỗi nếu số điện thoại hợp lệ
								$('#phone-error-message').hide();
							}
		
							// Thực hiện xử lý dữ liệu (ví dụ: gửi AJAX request)
							$.ajax({
								url: ajaxurl,
								type: 'post',
								data: {
									action: 'save_exchange_data_k_point',
									username: username,
									phone: phoneNumber,
									token: tokenNumber,
									product: productName,
									points: points,
									client_id: client_id
								},
								success: function(response) {
									$('.popup-overlay-k-point, .popup-k-point').fadeOut();
									if (response.endsWith('0')) {
										response = response.slice(0, -1);
									}
		
									var data = JSON.parse(response);
									if(data.status === 404) {
										Swal.fire({
											title: '${data.message}',
											icon: "error"
										});
										
									} else{
										Swal.fire({
											title: data.message,
											icon: "success"
										});
										// location.reload();
									}
								}
							});
							
						});
					});
				</script>
				<div data-wof-nonce="d9f00110ce"></div>        <script type="text/javascript">
            document.addEventListener("DOMContentLoaded", function() {
                let kchat_settings = {"chatbot_chatgpt_avatar_icon_setting":"spring-005.png","chatbot_chatgpt_custom_avatar_icon_setting":""};
                if (kchat_settings && typeof kchat_settings === "object") {
                    // Resolve LocalStorage - Ver 2.1.1.1.R1
                    const includeKeys = [
                        'chatbot_chatgpt_last_reset',
                        'chatbot_chatgpt_message_count',
                        'chatbot_chatgpt_message_limit_setting',
                        'chatbot_chatgpt_message_limit_period_setting',
                        'chatbot_chatgpt_start_status',
                        'chatbot_chatgpt_start_status_new_visitor',
                        'chatbot_chatgpt_opened',
                        'chatbot_chatgpt_last_reset'
                    ];
                    // Iterate over kchat_settings and add to localStorage if key is included
                    Object.keys(kchat_settings).forEach(function(key) {
                        if (includeKeys.includes(key)) {
                            localStorage.setItem(key, kchat_settings[key]);
                            // DiAG - Ver 2.1.1.1
                            // console.log("Chatbot: NOTICE: chatbot-shortcode.php - Key: " + key + " Value: " + kchat_settings[key]);
                        }
                    });
                    // Dispatch custom event after setting localStorage keys
                    document.dispatchEvent(new Event('kchat_settingsSet'));
                }
            });
        </script>
        <style>
        		
    </style>
        <style>
        .single-product div#tab-description {
            overflow: hidden;
            position: relative;
            padding-bottom: 25px;
        }
        .single-product .tab-panels div#tab-description.panel:not(.active) {
            height: 0 !important;
        }
        .devvn_readmore_flatsome {
            text-align: center;
            cursor: pointer;
            position: absolute;
            z-index: 10;
            bottom: 0;
            width: 100%;
            background: #fff;
        }
        .devvn_readmore_flatsome:before {
            height: 55px;
            margin-top: -45px;
            content: "";
            background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
            background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
            background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff',GradientType=0 );
            display: block;
        }
        .devvn_readmore_flatsome a {
            color: #318A00;
            display: block;
        }
        .devvn_readmore_flatsome a:after {
            content: '';
            width: 0;
            right: 0;
            border-top: 6px solid #318A00;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            display: inline-block;
            vertical-align: middle;
            margin: -2px 0 0 5px;
        }
        .devvn_readmore_flatsome_less a:after {
            border-top: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #318A00;
        }
        .devvn_readmore_flatsome_less:before {
            display: none;
        }
    </style>
    <script>
        (function($){
            $(document).ready(function(){
                $(window).on('load', function(){
                    if($('.single-product div#tab-description').length > 0){
                        var wrap = $('.single-product div#tab-description');
                        var current_height = wrap.height();
                        var your_height = 600;
                        if(current_height > your_height){
                            wrap.css('height', your_height+'px');
                            wrap.append(function(){
                                return '<div class="devvn_readmore_flatsome devvn_readmore_flatsome_more"><a title="Xem thêm" href="javascript:void(0);">Xem thêm</a></div>';
                            });
                            wrap.append(function(){
                                return '<div class="devvn_readmore_flatsome devvn_readmore_flatsome_less" style="display: none;"><a title="Xem thêm" href="javascript:void(0);">Thu gọn</a></div>';
                            });
                            $('body').on('click','.devvn_readmore_flatsome_more', function(){
                                wrap.removeAttr('style');
                                $('body .devvn_readmore_flatsome_more').hide();
                                $('body .devvn_readmore_flatsome_less').show();
                            });
                            $('body').on('click','.devvn_readmore_flatsome_less', function(){
                                wrap.css('height', your_height+'px');
                                $('body .devvn_readmore_flatsome_less').hide();
                                $('body .devvn_readmore_flatsome_more').show();
                            });
                        }
                    }
                });
            });
        })(jQuery);
    </script>
    <style>
.ppocta-ft-fix {
    position: fixed;
    bottom: 5px;
    right: 10px;
    text-align: center;
    z-index: 999;
    width: 60px;
}
#zaloButton {
    display: inline-block;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-bottom: 10px;
}
.toc_button {
    position: relative;
    box-shadow: 0 5px 10px rgb(0 0 0 / 15%), 0 4px 15px rgb(0 0 0 / 13%);
    border: 2px solid #fff!important;
}
#toc .toc_description {
    position: absolute;
    top: 5px;
    right: -300px;
    width: 200px;
    padding: 10px;
    font-size: 13px;
    line-height: 18px;
    z-index: 1;
    background-color: #ffd145;
    color: #111;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 3px 0 0 3px;
}
#toc .toc_description:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #ffd145;
    border-width: 8px;
    margin-top: -8px;
}

#zaloButton>a>i {
    background: url(https://webkhoinghiep.net/wp-content/uploads/sites/9/2022/06/widget_icon_zalo.svg) no-repeat scroll 0 0 transparent;
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size: 100%!important;
}
#messengerButton {
    display: inline-block;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-bottom: 10px;
}
#messengerButton>a>i {
    background: url(https://webkhoinghiep.net/wp-content/uploads/sites/9/2022/06/widget_icon_messenger.svg) no-repeat scroll 0 0 transparent;
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size: 100%!important;
}
#callNowButton {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
}
#callNowButton i {
        color: white;
    border-radius: 100%;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #ed1c24;
    line-height: 50px;
    font-size: 24px;
}
#callNowButtonClick  i{
    color:white !important
}
#toc .toc_button:hover .toc_description {
    right: 68px;
    opacity: 1;
    filter: alpha(opacity=100);
}
#callNowButtonClick {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
}

#callNowButtonClick i {
    border-radius: 100%;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #76b51b;
    line-height: 44px;
    font-size: 24px;
}

</style>
<div class="zalo-chat-widget" data-oaid="2979927931251302694" data-welcome-message="Rất vui khi được hỗ trợ bạn!" data-autopopup="0" data-width="" data-height=""></div>

<script src="https://sp.zalo.me/plugins/sdk.js"></script>
<div class="ux-body-overlay"></div>    <div id="login-form-popup" class="lightbox-content mfp-hide">
            <div class="woocommerce-notices-wrapper"></div>
<div class="account-container lightbox-inner">

			
	<div class="col2-set row row-divided row-large" id="customer_login">

		<div class="col-1 large-6 col pb-0">

			
			<div class="account-login-inner">

				<h3 class="uppercase">ログイン</h3>

				<form class="woocommerce-form woocommerce-form-login login" method="post">

					
					<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
						<label for="username">電話番号をログインします<span class="required">*</span></label>
						<input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="username" autocomplete="username" value="" />					</p>
					<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
						<label for="password">パスワード<span class="required">*</span></label>
						<input class="woocommerce-Input woocommerce-Input--text input-text" type="password" name="password" id="password" autocomplete="current-password" />
					</p>

					
					<p class="form-row">
						<label class="woocommerce-form__label woocommerce-form__label-for-checkbox woocommerce-form-login__rememberme">
                        	<input type="hidden" name="login_client_id" id="login_client_id" class="regular-text" value="" />
							<input class="woocommerce-form__input woocommerce-form__input-checkbox" name="rememberme" type="checkbox" id="rememberme" value="forever" /> <span>私を覚えてますか</span>
						</label>
						<input type="hidden" id="woocommerce-login-nonce" name="woocommerce-login-nonce" value="f167c0f2f1" /><input type="hidden" name="_wp_http_referer" value="/ja/chi-tiet-xe/" />						<button type="submit" class="woocommerce-button button woocommerce-form-login__submit" name="login" value="Log in">ログイン</button>
					</p>
					<p class="woocommerce-LostPassword lost_password">
						<!--<a href="https://carvivu.com/my-account/lost-password/">Lost your password?</a>-->
					</p>

					
				</form>
                
                <h3 class="uppercase">パスワードを忘れました</h3>
                
                  <main class="modal__content" id="modal-info-content">
                    <form action="" id="form-info">
                      <input type="hidden" name="school_id" value="" id="school_name_id_booking">
                      <!--<div class="form-field mb-2">
                        <label for="user_name_forgot">Họ và tên</label>
                        <input type="text" name="user_name_forgot" id="user_name_forgot" class="regular-text" required />
                      </div>-->
                      <div class="form-field mb-2">
                        <label for="phone_number_forgot">あなたがパスワードを忘れる電話番号?</label>
                        <input type="text" name="phone_number_forgot" id="phone_number_forgot_flatsome" class="woocommerce-Input woocommerce-Input--text input-text"  required />
                        <input type="hidden" name="client_id_forgot" id="client_id_forgot" class="regular-text" value="" />
                      </div>
                    </form>
                  </main>
                  <footer class="modal__footer">
                    <hr class="mb-2">
                    <span style="display:block; text-align: center;" class="d-block mb-2 text-center">注記: この電話番号は Zalo を使用する必要があります, そしてあなたはそうする必要があります<strong> 見知らぬ人のブロックを解除する </strong>アクティベーションメッセージを受信するには!</span>
                    <button class="modal__btn modal__btn-primary btn-submit-info mb-3" style="background-color: #c00" id="btn-sendZalo-flatsome">Zalo経由でリセットするリンクを送信します</button>
                  </footer>
			</div>

			
		</div>

		<div class="col-2 large-6 col pb-0">

			<div class="account-register-inner">

				<h3 class="uppercase">登録する</h3>
                <main class="modal__content" id="modal-info-content">
                    <form action="" id="form-register-info">
                      <input type="hidden" name="school_id" value="" id="school_name_id_booking">
            
                      <div class="form-field mb-2">
                        <label for="phone_number_login">電話番号をログインします</label>
                        <input type="text" name="register_phone" id="register_myaccount_phone" class="regular-text" required />
                      </div>
                      
                      <div class="form-field mb-2">
                        <label for="token_login">パスワードをログインします</label>
                        <input type="password" name="register_token" id="register_myaccount_token" class="regular-text" required />
                      </div>
                      
                      <div class="form-field mb-2">
                        <label for="token_login">パスワードを確認します</label>
                        <input type="password" name="register_token_confirm" id="register_myaccount_token_confirm" class="regular-text" required />
                      </div>
            
            
                      <div class="form-field mb-2">
                        <input type="hidden" name="register_client_id" id="register_client_id" class="regular-text" value="" />
                      </div>
                    </form>
                  </main>
                  <footer class="modal__footer">
                    <button class="modal__btn modal__btn-primary btn-submit-info mb-3" id="btn-myaccount-register">登録する</button>
                    <hr class="mb-2">
                  </footer>
                <!--

				<form method="post" class="woocommerce-form woocommerce-form-register register"  >

                
                <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
                    <label for="user_login">Username&nbsp;<span class="required">*</span></label>
                    <input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="user_login" autocomplete="username" value="" />
                </p>
                <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
                    <label for="user_email">Email address&nbsp;<span class="required">*</span></label>
                    <input type="email" class="woocommerce-Input woocommerce-Input--text input-text" name="email" id="user_email" autocomplete="email" value="" />
                </p>
                <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
                    <label for="reg_phone">Phone&nbsp;<span class="required">*</span></label>
                    <input type="tel" class="woocommerce-Input woocommerce-Input--text input-text" name="phone" id="reg_phone" value="" />
                </p>
                <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
                    <label for="user_pass">Password&nbsp;<span class="required">*</span></label>
                    <input type="password" class="woocommerce-Input woocommerce-Input--text input-text" name="password" id="user_pass" autocomplete="new-password" />
                </p>
                <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
                    <label for="reg_password2">Confirm Password&nbsp;<span class="required">*</span></label>
                    <input type="password" class="woocommerce-Input woocommerce-Input--text input-text" name="password2" id="reg_password2" autocomplete="new-password" />
                </p>

                <input type="hidden" name="wc_order_attribution_source_type" value="" /><input type="hidden" name="wc_order_attribution_referrer" value="" /><input type="hidden" name="wc_order_attribution_utm_campaign" value="" /><input type="hidden" name="wc_order_attribution_utm_source" value="" /><input type="hidden" name="wc_order_attribution_utm_medium" value="" /><input type="hidden" name="wc_order_attribution_utm_content" value="" /><input type="hidden" name="wc_order_attribution_utm_id" value="" /><input type="hidden" name="wc_order_attribution_utm_term" value="" /><input type="hidden" name="wc_order_attribution_session_entry" value="" /><input type="hidden" name="wc_order_attribution_session_start_time" value="" /><input type="hidden" name="wc_order_attribution_session_pages" value="" /><input type="hidden" name="wc_order_attribution_session_count" value="" /><input type="hidden" name="wc_order_attribution_user_agent" value="" /><div class="woocommerce-privacy-policy-text"><p>Your personal data will be used to support your experience throughout this website, to manage access to your account, and for other purposes described in our <a href="https://carvivu.com/?page_id=3" class="woocommerce-privacy-policy-link" target="_blank">privacy policy</a>.</p>
</div>
					<p class="woocommerce-form-row form-row">
						<input type="hidden" id="woocommerce-register-nonce" name="woocommerce-register-nonce" value="f6e9dd2a2f" /><input type="hidden" name="_wp_http_referer" value="/ja/chi-tiet-xe/" />						<button type="submit" class="woocommerce-Button woocommerce-button button woocommerce-form-register__submit" name="register" value="Register">Register</button>
					</p>

					
				</form>
				-->
			</div>

		</div>

	</div>

<script>
	jQuery(document).ready(function($){
		$('#btn-myaccount-register').on('click', function(e) {
            const register_phone = $('#register_myaccount_phone').val().trim();
            const register_token = $('#register_myaccount_token').val().trim();
			const register_token_confirm = $('#register_myaccount_token_confirm').val().trim();
			const register_client_id = $('#register_client_id').val().trim();
            $(this).prop('disabled', true);
			const data = {
				action: 'register_new_username_by_phone',
				register_phone: register_phone,
				register_token: register_token,
				register_token_confirm: register_token_confirm,
				security: '50fbae74fe',
                register_client_id: register_client_id
				
			};
			var ajaxurl = 'https://carvivu.com/wp-admin/admin-ajax.php';

            // AJAX request
			$.ajax({
				url: ajaxurl, 
				type: 'POST',
				data: data,
				success: function (response) {
					const data = JSON.parse(response);
					if (data.status === 200) {
						//MicroModal.close('modal-dangky');
						alert(data.message);
						$('#btn-myaccount-register').prop('disabled', false);
						$('#form-register-info').trigger('reset');    
                        
					} else {
						alert('Đã xảy ra lỗi: ' + data.message);
					}
                    
				},
				error: function () {
					alert('Có lỗi xảy ra khi gửi tin nhắn.');
				}
			});
            $(this).prop('disabled', false);
		});
		$('#btn-sendZalo-flatsome').on('click', function(e) {
            const phoneNumber = $('#phone_number_forgot_flatsome').val().trim();
            //const userName = $('#user_name_forgot').val().trim();
            $(this).prop('disabled', true);
			const data = {
				action: 'forgotPassword_with_kid_school',
				phone: phoneNumber
               // userName: userName
				
			};
			var ajaxurl = 'https://carvivu.com/wp-admin/admin-ajax.php';

            // AJAX request
			$.ajax({
				url: ajaxurl, 
				type: 'POST',
				data: data,
				success: function (response) {
					const data = JSON.parse(response);
					if (data.status === 200) {
						alert(data.message);
                        MicroModal.close('modal-forgotPassword');
					} else {
						alert('Đã xảy ra lỗi: ' + data.message);
					}
                    $('#btn-login').prop('disabled', false);
				},
				error: function () {
					alert('Có lỗi xảy ra khi gửi tin nhắn.');
				}
			});
            $(this).prop('disabled', false);
		});
	})
	</script>	


</div>

          </div>
  <link rel='stylesheet' id='ttck-style-css' href='https://carvivu.com/wp-content/plugins/thanh-toan-chuyen-khoan/assets/css/style.css' type='text/css' media='all' />
<style id='global-styles-inline-css' type='text/css'>
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
</style>
<script type="text/javascript" src="https://carvivu.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://carvivu.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" src="https://carvivu.com/wp-content/plugins/thanh-toan-chuyen-khoan/assets/js/easy.qrcode.js" id="ttck-qrcode-js"></script>

<style>
        #bizgpt-float-btn{
            position:fixed; right: 88px; bottom: 75px; background:#0084ff; color:#fff; z-index:99999;
            border-radius:50%; width:60px; height:60px; display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:32px; box-shadow:0 5px 18px rgba(0,0,0,.2);
            transition:box-shadow 0.2s;
        }
        #bizgpt-float-btn img {
            width: 38px; height: 38px; border-radius: 50%;
        }
        #bizgpt-messenger-float-container{
             position:fixed; right:15px; bottom:60px; z-index:99999; background:#fff; border-radius:12px;
            box-shadow:0 4px 32px rgba(39,84,206,.13), 0 1.5px 7.5px rgba(0,0,0,.04); font-family: "Segoe UI", "Arial", sans-serif;
             width:100%; min-width:300px;
        }
        .bizgpt-messenger-header {
            background: #0084ff;
            color: #fff;
            padding: 16px;
            font-size: 18px;
            font-weight: bold;
            text-align: left;
        }
        .bizgpt-messenger-messages {
            background: #f0f2f5;
            height: 340px;
            overflow-y: auto;
            padding: 16px;
            box-sizing: border-box;
        }
        .bizgpt-message { margin-bottom: 12px; display:flex; align-items: flex-end;}
        .bizgpt-message.user { flex-direction: row-reverse;}
        .bizgpt-message.bot .bizgpt-avatar {background:#ddd;}
        .bizgpt-message.user .bizgpt-avatar {background:#0084ff;}
        .bizgpt-avatar { min-width:34px; min-height:34px; width:34px; height:34px; border-radius:50%; background:#0084ff; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:bold; margin:0 8px; font-size:18px;}
        .bizgpt-bubble { padding:9px 16px; border-radius:16px; background:#e4e6eb; font-size:15px; max-width:260px; word-break:break-word;}
        .bizgpt-message.user .bizgpt-bubble { background:#0084ff; color:#fff;}
        /* .bizgpt-chatbar { display:flex; padding: 15px 12px; border-top:1px solid #eee; background:#f8f9fb; align-items:center;} */
        .bizgpt-chatinput { border:none; background:#e4e6eb; border-radius:20px; padding:8px 16px; outline: none; font-size:15px; flex:1;}
        .bizgpt-sendbtn { background:#0084ff; color:#fff; border:none; margin-left:8px; border-radius:50%; width:36px; height:36px; font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center;}
        .bizgpt-loading { color:#0084ff; padding-left:8px; font-size:14px;}
        .bizgpt-bubble .bizgpt-file-link {
            display:inline-block; padding:7px 12px; background:#f6fafe; border-radius:5px; color:#206eda; font-weight:500; margin:4px 0;
        }
        .bizgpt-bubble img.bizgpt-photo-msg {
            display:block; max-width:220px; max-height:160px; border-radius:8px; margin:6px auto;
        }
		.bizgpt-highlight {
			box-shadow: 0 0 20px 5px #ff9800;
			animation: bizgpt-pop 0.5s;
		}
		@keyframes bizgpt-pop {
			0% { transform: scale(0.9);}
			60% { transform: scale(1.1);}
			100% { transform: scale(1);}
		}
		.bizgpt-notify {
			animation: shake 0.4s;
		}
		@keyframes shake {
			0% { transform:translate(0);}
			20% { transform:translate(-3px);}
			40% { transform:translate(3px);}
			60% { transform:translate(-3px);}
			80% { transform:translate(3px);}
			100% { transform:translate(0);}
		}
		#bizgpt-record-btn.recording {
			background: #df223a;
			color: #fff;
			animation: pulse-record 1s infinite;
			box-shadow: 0 0 0 0 #df223a80;
		}
		@keyframes pulse-record {
			0% { box-shadow: 0 0 0 0 #df223a80; }
			70% { box-shadow: 0 0 0 16px #df223a00; }
			100% { box-shadow: 0 0 0 0 #df223a80; }
		}
		#bizgpt-float-btn{
			position:fixed; right:20px; bottom:20px; background:#0084ff; color:#fff; z-index:99999;
			border-radius:50%; width:60px; height:60px; display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:32px;
			box-shadow:0 5px 18px rgba(0,0,0,.17); transition:box-shadow 0.2s;
		}
		#bizgpt-float-btn img { width: 38px; height: 38px; border-radius: 50%; }
		
		
		/* Popup mở rộng */
		#bizgpt-messenger-float-container {
			
			position:fixed;
			right:30px; bottom:120px;
			width:370px; max-width:95vw; min-width:260px;
			/*height:410px;  /* Giảm chiều cao mặc định */
			max-height:70vh;
			background:#fff;
			z-index:99999;
			border-radius:18px;
			box-shadow:0 5px 32px rgba(36,54,117,0.13), 0 2px 10px rgba(0,0,0,0.04);
			font-family: "Segoe UI", "Arial", sans-serif;
			overflow: hidden;
			display: flex;
			flex-direction: column;
			transition: width 0.35s, height 0.35s, left 0.35s, top 0.35s;
		}
		
		/* Thêm class này */
		#bizgpt-messenger-float-container.bizgpt-hidden {
			display: none !important;
		}

		/* Khi mở rộng */
		#bizgpt-messenger-float-container.bizgpt-chat-popup-max {
			width: 85vw !important;
			max-width: 960px !important;
			height: 80vh !important;
			max-height: 740px !important;
			left: 50% !important; top: 50% !important;
			right: auto !important; bottom: auto !important;
			transform: translate(-50%, -50%) !important;
			border-radius: 20px;
		}
		
		/* Header với icon về hết bên phải */
		.bizgpt-messenger-header {
			background: #1859ab;
			color: #fff;
			font-size: 15px;
			padding:0px;
			padding-left:10px;
			font-weight: bold;
			border-radius:18px 18px 0 0;
			position: relative;
		}
		.bizgpt-messenger-header > span {
			 align-items:center;
			 line-height:3;
			 float:left;
			 padding-top:5px;
			 padding-left:5px;
		}
		.bizgpt-messenger-header .header-desc {
			font-size:13px; font-weight:400; opacity:0.7; margin-left:6px;
		}
		/* Nút icon sát hết sang phải */
		.bizgpt-messenger-header .bizgpt-header-actions {
			margin-left:auto;
			display: flex;
			align-items: center;
			gap: 2px;
		}
		.bizgpt-expand-btn,
		.bizgpt-embed-close {
			background: transparent; border: none; color: #fff;
			font-size: 22px; 
			float:right;
			padding: 0px !important	;
						cursor: pointer;
			transition:background 0.18s;
			line-height: 1;
			margin-bottom:0px
		}
		.bizgpt-embed-close { font-size: 22px; }
		
		@media (max-width:700px) {
			#bizgpt-messenger-float-container, #bizgpt-messenger-float-container.bizgpt-chat-popup-max {
				left:0 !important; top:0 !important; right:0 !important; bottom:0 !important;
				width:100vw !important; max-width: 100vw !important;
				height:99vh !important; max-height:100vh !important;
				border-radius:0 !important; transform: none !important;
			}
			.bizgpt-messenger-header { font-size:16px; padding:9px 6px 9px 10px; }
		}
		@media (max-width: 350px) {
		  #bizgpt-messenger-float-container, #bizgpt-messenger-float-container.bizgpt-chat-popup-max {
			min-width: 0 !important;
			width: 100vw !important;
			max-width: 100vw !important;
			left: 0 !important; right: 0 !important;
		  }
		}
		/* Dòng tin nhắn */
		.bizgpt-messenger-messages {
			flex:1; width:100%;
			background: #f6f7fb;
			overflow-y:auto;
			padding: 24px 14px 14px 18px;
			min-height: 66px;
			box-sizing: border-box;
		}
		
		/* Message bubble style */
		.bizgpt-message { display: flex; align-items: flex-end; margin-bottom: 13px; max-width: 98%; }
		.bizgpt-message.user { lex-direction: row-reverse; }
		.bizgpt-message.bot { justify-content: flex-start; flex-direction: row; }
		
		.bizgpt-avatar {
			width: 36px; height: 36px; border-radius: 50%;
			display:flex; align-items:center; justify-content:center;
			background: #dbeafe;
			color: #357; font-size: 21px; font-weight: 700; margin: 0 7px;
			box-shadow:0 1.5px 5px rgba(36,54,117,.08); flex-shrink: 0; overflow: hidden;
		}
		.bizgpt-message.bot .bizgpt-avatar { background: #e3e8f7;}
		.bizgpt-message.user .bizgpt-avatar { background: #1976e7; color:#fff; margin-left:12px; margin-right:0; }
		
		.bizgpt-bubble {
			padding: 12px 18px; border-radius: 21px; background: #e4e6eb; color:#222;
			font-size: 16px; font-weight: 500; max-width: 70vw; min-width: 32px; word-break: break-word; line-height: 1.62;
			margin-bottom:0; box-shadow: 0 2px 9px rgba(30,70,130,0.03); display: block; position:relative; white-space: pre-line; border: none;
		}
		.bizgpt-message.user .bizgpt-bubble { background:#1976e7; color:#fff; border-bottom-right-radius:8px; border-bottom-left-radius: 21px; margin-right:2px; text-align:left;}
		.bizgpt-message.bot .bizgpt-bubble { background:#e5eefd; color: #184; border-bottom-left-radius:8px; border-bottom-right-radius: 21px; margin-left:1.5px; text-align:left;}
		
		.bizgpt-bubble .bizgpt-file-link {
			display:inline-block; padding:7px 12px; background:#f6fafe;
			border-radius:5px; color:#206eda; font-weight:500; margin:4px 0;
		}
		.bizgpt-bubble img.bizgpt-photo-msg {
			display:block; max-width:220px; max-height:160px; border-radius:8px; margin:6px auto;
		}
		
		/* BAR dưới cùng */
		.bizgpt-chatbar {
			display:flex; padding: 12px 10px; border-top:1px solid #ececec;
			background:#f8f9fb; align-items:center;
		}
		.bizgpt-bar-btn {
			background:#f3f3f3; border:none; border-radius:50%; 
			width:36px; height:36px; margin-right:8px;
			display:flex; align-items:center; justify-content:center; font-size:19px;
			cursor:pointer; transition: background 0.18s;
		}
		.bizgpt-bar-btn:hover, .bizgpt-sendbtn:hover { background:#1976e7; color:#fff; }
		.bizgpt-chatinput {
			border:none; background:#e4e6eb; border-radius:20px;
			padding:9px 16px; outline: none; font-size:15px; flex:1;
			min-width:38px; min-height: 36px; max-height: 88px; resize: none; margin-right:7px;
		}
		.bizgpt-sendbtn {
			background:#1976e7; color:#fff; border:none; border-radius:50%;
			width:38px; height:38px; font-size:20px;
			cursor:pointer; display:flex; align-items:center; justify-content:center;
			transition: background 0.18s;
		}
		.bizgpt-sendbtn:active, .bizgpt-sendbtn:hover { background: #144175; }
		
		/* Hiệu ứng (pop, focus, notify, record) giữ nguyên của bạn */
		
		@media (max-width:700px) {
			#bizgpt-messenger-float-container, #bizgpt-messenger-float-container.bizgpt-chat-popup-max {
				left:0 !important; top:0 !important; right:0 !important; bottom:0 !important;
				width:100vw !important; max-width: 100vw !important;
				height:100vh !important; max-height:100vh !important;
				border-radius:0 !important; transform: none !important;
			}
			.bizgpt-messenger-header { font-size:16px; padding:10px 10px 10px 11px; }
			.bizgpt-bubble { font-size:13.4px; padding:10px 11px;}
			.bizgpt-avatar { width:26px; height:26px; font-size:14px;}
			.bizgpt-chatinput { font-size:13.5px;}
		}
		#bizgpt-float-btn {
			position:fixed;
			right: 88px;
    		bottom: 75px;
			width:64px; height:64px;
			border-radius:50%;
			background:#1976e7;
			box-shadow: 0 8px 38px 0 #215bf142, 0 2px 14px #215bfa22;
			display:flex; align-items:center; justify-content:center;
			cursor:pointer; z-index:99999;
			animation: bizgpt-bounce 1.9s cubic-bezier(.22,1,.36,1) infinite alternate;
			transition: box-shadow 0.32s, transform 0.20s;
		}
		
		#bizgpt-float-btn img {
			width: 44px; height: 44px;
			border-radius:50%;
			display: block;
			box-shadow: 0 2px 8px #215bfa13;
			pointer-events: none;
			margin: 0 auto;
		}
		
		#bizgpt-float-btn:hover {
			box-shadow: 0 0 44px 10px #1976e799, 0 8px 30px #215bfa22;
			transform: scale(1.085) rotate(-4deg);
			animation-play-state: paused;
		}
		
		@keyframes bizgpt-bounce {
			0%   { transform: translateY(0px) scale(1);}
			70%  { transform: translateY(-10px) scale(1.05);}
			80%  { transform: translateY(-14px) scale(1.07);}
			100% { transform: translateY(-7px) scale(0.97);}
		}
		
		@media (max-width:500px) {
			#bizgpt-float-btn { width:54px; height:54px; right:12px; bottom:12px;}
			#bizgpt-float-btn img {width:34px;height:34px;}
		}
		#bizgpt-float-btn::before {
			content: "";
			position: absolute;
			left: 50%; top: 50%;
			transform: translate(-50%,-50%);
			width: 72px; height: 72px;
			border-radius:50%;
			background: radial-gradient(rgba(45,116,255,0.17) 40%,rgba(40,110,255,0.02) 92%);
			animation: bizgpt-pulse 2.6s cubic-bezier(.4,0,.4,1) infinite;
			z-index: -1;
		}
		
		@keyframes bizgpt-pulse {
		   0%    { opacity: 0.48; transform:translate(-50%,-50%) scale(1);}
		   65%   { opacity: 0.26;}
		   100%  { opacity: 0.18; transform:translate(-50%,-50%) scale(1.18);}
		}
		/* gợi ý 
		 CSS gợi ý cho hiệu ứng recording (tuỳ chọn)*/
		#bizgpt-mic-btn.recording {
			background: #d02828;
			animation: bizgpt-mic-pulse 1.2s infinite;
		}
		@keyframes bizgpt-mic-pulse {
			0% { box-shadow: 0 0 0 0 #fd8080aa;}
			70% {box-shadow: 0 0 0 8px #fd808000;}
			100%{box-shadow: 0 0 0 0 #fd8080aa;}
		}
		.bizgpt-bubble-waiting {
			/* Giảm padding! */
			padding: 10px 18px !important;
			min-height: unset !important;
			font-size: 15px;
			font-style: italic;
			font-weight: 400 !important;
			opacity: 0.8 !important;
			line-height: 1.5 !important;
			display: inline-block !important;
			/* Thêm nếu gốc đang set height/flex tự động */
			box-sizing: border-box !important;
			vertical-align: middle !important;
			/* OPTIONAL: scale chữ nhỏ lại tí nếu thấy cao quá */
		}
		
		.bizgpt-message.bot .bizgpt-bubble.bizgpt-bubble-waiting {
			max-width: 300px !important;
			width: auto !important;
			min-width: 0 !important;
			/* Giảm border-radius nếu muốn đỡ bè */
			border-radius: 21px 21px 7px 21px !important;
		}
		.bizgpt-bubble, .bizgpt-bubble-waiting {
			min-width: 30px;
			min-height: unset !important;
			padding-top: 12px;
			padding-bottom: 12px;
		}
		/* Chat bar cải tiến */
		.bizgpt-chatbar {
			display: flex;
			flex-direction: column;
			padding: 5px 3px;
			border-top: 1px solid #ececec;
			background: #f8f9fb;
		}

		.bizgpt-input-row {
			display: flex;
			align-items: center;
			margin-bottom: 6px;
			width: 100%;
		}

		.bizgpt-chatinput {
			flex: 1;
			padding: 12px 16px;
			font-size: 16px;
			background: #e4e6eb;
			border: none;
			border-radius: 20px;
			outline: none;
			min-height: 44px;
			max-height: 90px;
			resize: none;
			margin-right: 8px;
		}

		.bizgpt-sendbtn {
			width: 35px;
			height: 35px;
			border-radius: 50%;
			font-size: 15px;
			background: #1976e7;
			color: white;
			border: none;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.bizgpt-icon-row {
			display: flex;
			justify-content: flex-start;
			gap: 10px;
			padding-left: 2px;
		}

		.bizgpt-bar-btn {
			background: #e8eaed;
			border: none;
			border-radius: 50%;
			width: 32px;
			height: 32px;
			font-size: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			transition: background 0.2s ease;
		}

		.bizgpt-bar-btn:hover {
			background: #1976e7;
			color: #fff;
		}


    </style>
    <div id="bizgpt-float-btn" title="Chat với BizGPT">
        <span><img src="https://carvivu.com/wp-content/mu-plugins/img/icon.png" alt="Chat BizGPT" ></span>
    </div>

	    
    <div id="bizgpt-messenger-float-container" class="bizgpt-hidden">
        <div class="bizgpt-messenger-header">
            <span>🤖 </span>
            
            <button id="bizgpt-float-close" class="bizgpt-embed-close" title="Đóng">&times;</button>
            <button id="bizgpt-expand-btn" class="bizgpt-expand-btn" title="チャットを展開します">🗗</button>
			

        </div>
        <div id="bizgpt-messenger-messages" class="bizgpt-messenger-messages">
        	<!-- USER --
            <div class="bizgpt-message user2">
              <div class="bizgpt-avatar">&#128589;</div>
              <div class="bizgpt-bubble">Xin chào, trợ lý!</div>
            </div>-->
            <!-- BOT -->
            <div class="bizgpt-message bot2">
              <div class="bizgpt-avatar"><span>	&#129302;</span></div>
              <div class="bizgpt-bubble">こんにちは, tôi là . どのようなサポートが必要ですか??</div>
            </div>
        
        </div>
        <div class="bizgpt-chatbar">
			<div class="bizgpt-input-row">
				<input type="text" id="bizgpt-chatinput" class="bizgpt-chatinput" placeholder="何についてアドバイスが必要ですか??" />
				<button id="bizgpt-sendbtn" class="bizgpt-sendbtn" title="送信"><span>&#10145;</span></button>
			</div>
			<div class="bizgpt-icon-row">
				<button id="bizgpt-mic-btn" class="bizgpt-bar-btn" title="タップして話す">
					<span>&#127908;</span>
				</button>
				<input type="file" id="bizgpt-chat-upload-file" style="display:none;" accept="image/*,audio/*">
				<button type="button" id="bizgpt-upload-btn" title="写真・音声を送る" class="bizgpt-bar-btn"><span style="margin-top:-8px">&#128247;</span></button>
				<button type="button"  id="bizgpt-clearbtn" class="bizgpt-bar-btn" title="会話を削除する"><span>&#128465;</span></button>
			</div>
		</div>
    </div>	
   <script>
   jQuery(function($){
	   //Thêm JS Toggle Popup
	// Hiện/tắt chat float
	
		window.bizgpt_has_admin_telegram = false;
			 window.bizgpt_waiting_reply = false;
		
		
		// Nút mở rộng
		$('#bizgpt-expand-btn').on('click', function() {
			let $container = $('#bizgpt-messenger-float-container');
			$container.toggleClass('bizgpt-chat-popup-max');
			// Đổi icon
			if ($container.hasClass('bizgpt-chat-popup-max')) {
				$(this).html('&#x1F5D7;').attr('title','Thu nhỏ chat');
			} else {
				$(this).html('&#x1F5D7;').attr('title','Mở rộng chat');
			}
		});
	   //Đoạn hàm xóa các tin nhắn bot có bubble rỗng
		function removeEmptyBotBubbles() {
			// 1. Xóa các tin nhắn bot có bubble rỗng nội dung
			$('#bizgpt-messenger-messages .bizgpt-message.bot').each(function(){
				let $bubble = $(this).find('.bizgpt-bubble');
				// Nếu không có nội dung hoặc chỉ có whitespace/ký tự trắng
				if($bubble.length && $bubble.text().trim() === '') {
					$(this).remove();
				}
			});
		
			// 2. Xóa mọi bubble hiệu ứng chờ có class .bizgpt-bubble-waiting (dù là user hay bot)
			$('.bizgpt-bubble-waiting').closest('.bizgpt-message').remove();
			// Nếu bubble chờ nằm không trong .bizgpt-message (chỉ là 1 bubble đơn lẻ), xóa luôn:
			$('.bizgpt-bubble-waiting').remove();
		}
	    ////Hàm AJAX xoá hội thoại trên frontend
		$('#bizgpt-clearbtn').on('click', function(e){
			e.preventDefault();
			if (!confirm("Bạn có chắc chắn muốn xóa toàn bộ hội thoại không?")) return;
		
			// Lấy dynamic identity:
			let last_id = window.bizgpt_identity ? (window.bizgpt_identity.last_id || 0) : 0;
			let user_id = window.bizgpt_identity ? (window.bizgpt_identity.user_id || '') : '';
			let session_id = window.bizgpt_identity ? (window.bizgpt_identity.session_id || '') : '';
		
			$.ajax({
				url: bizgpt_chatbot_vars.ajaxurl,
				type: "POST",
				data: {
					action: "bizgpt_chatbot_clear_history",
					session_id: session_id,
					user_id: user_id,
					last_id: last_id
				},
				success: function(res){
					if(res.success){
						// Reload lại trang, hoặc gọi lại loadBizGPTChatIdentityAndHistory();
						// location.reload();
						// Hoặc chỉ clear box và reload chat history động:
						$('#bizgpt-messenger-messages').html('');
						loadBizGPTChatIdentityAndHistory();
					}else{
						alert('Có lỗi khi xóa hội thoại!');
					}
				},
				error: function(){
					alert('Không thể kết nối server!');
				}
			});
		});
	   	// Hiệu ứng
		  function appendMsgTyping(msg, from, speed) {
			if (!msg || $.trim(msg) === '') return;
			let avatar = from === "user"
				? '<div class="bizgpt-avatar">&#128589;</div>'
				: '<div class="bizgpt-avatar">🤖</div>';
			let cls = 'bizgpt-message ' + from;
			if (from === 'bot') {
				let bubbleId = 'bizgpt-bubble-' + Math.random().toString(36).substring(2, 8);
				let bubble = `<div class="bizgpt-bubble" id="${bubbleId}"></div>`;
				// BOT: avatar về phải
				$('#bizgpt-messenger-messages').append(
					`<div class="${cls}">${bubble}${avatar}</div>`
				);
				scrollChatToBottom();
				typingEffect(bubbleId, msg, speed || 20);
			} else {
				let bubble = '<div class="bizgpt-bubble">' + $('<div>').text(msg).html() + '</div>';
				$('#bizgpt-messenger-messages').append(
					`<div class="${cls}">${avatar}${bubble}</div>`
				);
				scrollChatToBottom();
			}
		}
		
		// Hàm typing hiệu ứng
		function typingEffect(target, fullText, speed){
			let i = 0;
			let $target = (typeof target === 'string') ? $('#' + target) : $(target);
			let timer = setInterval(function(){
				if(i <= fullText.length){
					$target.html(fullText.substring(0,i));
					i++;
					scrollChatToBottom();
				} else {
					scrollChatToBottom();
					clearInterval(timer);
				}
			}, speed);
		}
		// Lưu lại id các tin đã hiển thị
		let displayedMsgIds = new Set();
		//let bizgpt_last_id = window.bizgpt_chatbot_vars && window.bizgpt_chatbot_vars.last_id ? parseInt(window.bizgpt_chatbot_vars.last_id, 10) : 0;
		let poll_interval = null;
	
		function generateMsgHtml(msg, from) {
			let avatar = from === "user" 
				? '<div class="bizgpt-avatar">&#128589;</div>' 
				: '<div class="bizgpt-avatar">🤖</div>';
			let cls = 'bizgpt-message ' + from;
			let bubble = '<div class="bizgpt-bubble">' + (
				from === 'bot' ? msg : $('<div>').text(msg).html()
			) + '</div>';
			return (from === "user")
				? `<div class="${cls}">${avatar}${bubble}</div>`
				: `<div class="${cls}">${bubble}${avatar}</div>`;
		}
		function scrollChatToBottom() {
			let messages = $('#bizgpt-messenger-messages')[0];
			if(messages) messages.scrollTop = messages.scrollHeight;
		}
	
		function loadBizGPTChatIdentityAndHistory(){
			// Xóa hoặc clear bộ nhớ các message đã hiển thị trước đó
			if (typeof displayedMsgIds !== 'undefined') displayedMsgIds.clear();
		
			$.post(bizgpt_chatbot_vars.ajaxurl, { action: 'bizgpt_chatbot_history_front' }, function(res){
				if(res.success && res.data && Array.isArray(res.data.messages)){
					// Gán identity động vào biến toàn cục
					window.bizgpt_identity = {
						session_id: res.data.session_id,
						user_id: res.data.user_id,
						last_id: res.data.last_message_id
					};
					console.log('when start chat id:', window.bizgpt_identity.last_id);
					let html = '';
					res.data.messages.forEach(function(msg, idx){
						// Tạo unique id (như cũ)
						let mid = msg.id ? msg.id : (msg.msg ? btoa(unescape(encodeURIComponent(msg.msg + '_' + msg.time))) : idx);
						if(!msg.msg || displayedMsgIds.has(mid)) return;
						displayedMsgIds.add(mid);
						if(msg.from === 'bot')
							html += generateMsgHtml(msg.msg, 'bot');
						else
							html += generateMsgHtml($('<div>').text(msg.msg).html(), 'user');
						
					});
					if(html)$('#bizgpt-messenger-messages').html(html);
					//$('#bizgpt-messenger-messages').html(html); // chỉ html 1 lần ngoài loop
					scrollChatToBottom();
				}
					$('#bizgpt-messenger-float-container').show();
					scrollChatToBottom();
					$('#bizgpt-chatinput').focus();
			});
		}
		
		// Gọi khi webchat/floating mở, hoặc khi trang load xong (theo UX bạn muốn)
		$(document).ready(function(){
			
			// CHỈ chạy nếu chưa đóng
			function isMobile() {
				return window.matchMedia("(max-width: 700px)").matches;
			}

			// Ẩn khung chat mặc định trên mobile, chỉ hiện khi bấm icon
			if (isMobile()) {
				$('#bizgpt-messenger-float-container').addClass('bizgpt-hidden').hide();
				// Không tự động load history trên mobile
			} else {
				// Giữ logic cũ cho desktop
				if(localStorage.getItem('bizgpt_is_closed') === 'false' || localStorage.getItem('bizgpt_is_closed') === null){
					$('#bizgpt-messenger-float-container').removeClass('bizgpt-hidden').show();
					
				}
				if(localStorage.getItem('bizgpt_is_closed') === 'true'){
					loadBizGPTChatIdentityAndHistory();
					$('#bizgpt-messenger-float-container').addClass('bizgpt-hidden').hide();
				}
			}
		});
		
		// Khi bấm nút mở
		$('#bizgpt-float-btn').on('click', function(){
			loadBizGPTChatIdentityAndHistory();
			$('#bizgpt-messenger-float-container').removeClass('bizgpt-hidden');
			$('#bizgpt-messenger-float-container').fadeIn(170);
			$('#bizgpt-chatinput').focus();
			localStorage.setItem('bizgpt_is_closed', 'false');
			scrollChatToBottom();
		});
		
		// Khi bấm nút đóng
		$('#bizgpt-float-close').on('click', function(e){
			e.preventDefault();
			$('#bizgpt-messenger-float-container').addClass('bizgpt-hidden');
			$('#bizgpt-messenger-float-container').hide();
			localStorage.setItem('bizgpt_is_closed', 'true');
		});	
	
		 // 4. Khi PULL có tin nhắn mới -> xóa flag và auto mở lại chat
			function bizgpt_pull_messages() {
				if (!window.bizgpt_identity) return;
				if (window.bizgpt_waiting_reply) return; // Đang đợi trả lời bot, không poll
		
				let last_id = window.bizgpt_identity.last_id || 0;
				let user_id = window.bizgpt_identity.user_id || '';
				let session_id = window.bizgpt_identity.session_id || '';
				$.ajax({
					url: '/wp-json/bizgpt/v1/pull',
					type: "GET",
					data: {
						last_id: last_id,
						user_id: user_id,
						session_id: session_id,
					},
					success: function(res){
						let hasNewAdminMsg = false;
						if (res.data && Array.isArray(res.data.messages)) {
							res.data.messages.forEach(function(msg, idx){
								let mid = msg.id ? msg.id : (msg.msg ? btoa(unescape(encodeURIComponent(msg.msg + '_' + msg.time))) : idx);
								if(!msg.msg || displayedMsgIds.has(mid)) return;
								displayedMsgIds.add(mid);
								if(msg.from === 'bot')
									appendMsgNoTyping(msg.msg, 'bot');
								else
									appendMsgNoTyping($('<div>').text(msg.msg).html(), 'user');
								// Cập nhật last_id mới nhất
								if(msg.id && parseInt(msg.id,10) > window.bizgpt_identity.last_id)
									window.bizgpt_identity.last_id = parseInt(msg.id,10);
								// Nếu là tin nhắn mới từ admin/bot khi chat đang ẩn
								if(msg.from === 'bot' && !$('#bizgpt-messenger-float-container').is(':visible')) {
									hasNewAdminMsg = true;
								}
							});
						}
		
						// Nếu có tin nhắn mới và chat đã bị đóng, auto mở chat và xóa trạng thái đóng
						if(hasNewAdminMsg && localStorage.getItem('bizgpt_is_closed') === 'true') {
							localStorage.removeItem('bizgpt_is_closed');
							$('#bizgpt-messenger-float-container').fadeIn(200).addClass('bizgpt-highlight');
							scrollChatToBottom();
							$('#bizgpt-float-btn').addClass('bizgpt-notify');
							var notif = new Audio('/wp-content/uploads/alert.mp3');
							notif.play();
							setTimeout(function(){
								$('#bizgpt-messenger-float-container').removeClass('bizgpt-highlight');
								$('#bizgpt-float-btn').removeClass('bizgpt-notify');
							}, 2000);
						}
					}
				});
			}
			
		// Không hiệu ứng, chỉ append gọn cho poll hoặc history mới
		function appendMsgNoTyping(msg, from) {
			if (!msg || $.trim(msg) === '') return; // ***Thêm dòng này!***
			$('#bizgpt-messenger-messages').append(generateMsgHtml(msg, from));
			scrollChatToBottom();
		}
	
		// Sự kiện click vào nút gửi
		$('#bizgpt-sendbtn').on('click', function(e){
			e.preventDefault();
			sendBizgptMessage();
		});
		
		// Sự kiện nhấn Enter trong ô input (chatinput)
		$('#bizgpt-chatinput').on('keydown', function(e){
			if(e.key === 'Enter' && !e.shiftKey) {
				e.preventDefault();
				sendBizgptMessage();
			}
		});
		
		// Tách function gửi cho gọn và tái sử dụng
		function sendBizgptMessage() {
				let msg = $('#bizgpt-chatinput').val().trim();
				if(!msg) return;
				$('#bizgpt-chatinput').val('');
			
				// 1. Append bubble User TRƯỚC, ngay khi gửi
				appendMsgNoTyping(msg, 'user');
			
				// 2. Append bubble BOT rỗng, nhớ cho id (ví dụ loaderId)
				let loaderId = 'bizgpt-loading-' + (Math.random().toString(36).substr(2, 6));
				$('#bizgpt-messenger-messages').append(
				  `<div class="bizgpt-message bot" id="${loaderId}">
					<div class="bizgpt-bubble bizgpt-bubble-waiting">Chờ một chút</div>
					<div class="bizgpt-avatar">🤖</div>
				  </div>`
				);
				scrollChatToBottom();
				window.bizgpt_waiting_reply = true;
				$.ajax({
					url: bizgpt_chatbot_vars.ajaxurl,
					type: "POST",
					data: { action: "bizgpt_chatbot_guest_ask", question: msg, _wpnonce: bizgpt_chatbot_vars.nonce },
					success: function(res){
						window.bizgpt_waiting_reply = false;
						if(res.success && Array.isArray(res.data) && res.data.length > 0){
							let botMsg = res.data[0];
							let msgText = botMsg.msg || botMsg.text || '';
							// Thay thế nội dung bubble chờ trong bubble bot thành msgText
							let $bubble = $('#' + loaderId + ' .bizgpt-bubble');
							$bubble.removeClass('bizgpt-bubble-waiting');
							typingEffect($bubble, msgText, 18);
		
							// Cập nhật displayedMsgIds nếu cần dùng Set để tránh double message khi polling tiếp
							let id = botMsg.id || null;
							if(id) displayedMsgIds.add(id);
							if(id && parseInt(id) > (window.bizgpt_identity.last_id || 0)) {
								window.bizgpt_identity.last_id = parseInt(id);
							}
						} else {
							$('#' + loaderId + ' .bizgpt-bubble')
							  .removeClass('bizgpt-bubble-waiting')
							  .text("Bạn chờ chút!");
						}
						removeEmptyBotBubbles();
					},
					error: function(){
						$('#' + loaderId + ' .bizgpt-bubble')
						   .removeClass('bizgpt-bubble-waiting')
						   .text("Không liên lạc được tới server!");
					}
				});
			}
		// Bắt sự kiện click vào nút upload
		$('#bizgpt-upload-btn').on('click', function(e){
			e.preventDefault();
			$('#bizgpt-chat-upload-file').click();
		});
		// Xử lý khi chọn file
		$('#bizgpt-chat-upload-file').on('change', function(e){
			let files = this.files;
			if (!files || !files.length) return;
			let file = files[0];
		
			// 1. Hiển thị ảnh hoặc file âm thanh trên 1 dòng user
			if(file.type && file.type.indexOf('image/')===0){
				let reader = new FileReader();
				reader.onload = function(e){
					let imgTag = `<img src="${e.target.result}" class="bizgpt-photo-msg" alt="Ảnh gửi"/>`;
					appendMsgNoTyping(imgTag, 'user');
					// Sau khi append ảnh, append bubble loading dành riêng cho nhận diện file
					$('#bizgpt-messenger-messages').append('<div class="bizgpt-message bot"><div class="bizgpt-bubble bizgpt-loading-upload">Đang nhận diện ảnh...</div><div class="bizgpt-avatar"><img src="https://bizgpt.vn/wp-content/uploads/sites/583/agent.png" style="width:32px;height:32px;"/></div></div>');
					scrollChatToBottom();
				}
				reader.readAsDataURL(file);
			} else if(file.type && file.type.indexOf('audio/')===0){
				// Hiển thị audio player của user
				let reader = new FileReader();
				reader.onload = function(e){
					let audioTag = `<audio controls class="bizgpt-audio-msg"><source src="${e.target.result}" type="${file.type}">Trình duyệt của bạn không hỗ trợ audio.</audio>`;
					appendMsgNoTyping(audioTag, 'user');
					// Bubble loading riêng cho nhận diện audio
					$('#bizgpt-messenger-messages').append('<div class="bizgpt-message bot"><div class="bizgpt-bubble bizgpt-loading-upload">Đang nhận diện file ghi âm...</div><div class="bizgpt-avatar"><img src="https://bizgpt.vn/wp-content/uploads/sites/583/agent.png" style="width:32px;height:32px;"/></div></div>');
					scrollChatToBottom();
				}
				reader.readAsDataURL(file); 
			} else {
				appendMsgNoTyping('File không hỗ trợ xem trước.', 'user');
				$('#bizgpt-messenger-messages').append('<div class="bizgpt-message bot"><div class="bizgpt-bubble bizgpt-loading-upload">Đang xử lý file...</div><div class="bizgpt-avatar"><img src="https://bizgpt.vn/wp-content/uploads/sites/583/agent.png" style="width:32px;height:32px;"/></div></div>');
				scrollChatToBottom();
			}
		
			// 3. Tiếp tục upload file lên server, lấy mô tả
			let fd = new FormData();
			fd.append('action', 'bizgpt_chatbot_guest_upload');
			fd.append('file', file);
			fd.append('_wpnonce', bizgpt_chatbot_vars.nonce);
		
			$.ajax({
				url: bizgpt_chatbot_vars.ajaxurl,
				method: 'POST',
				processData: false,
				contentType: false,
				data: fd,
				success: function(res){
					// Xóa bubble loading duy nhất (không xóa user ảnh/audio)
					$('#bizgpt-messenger-messages .bizgpt-loading-upload').parent().remove();
					if(res.success && res.data && res.data.messages){
						res.data.messages.forEach(function(botMsg){
							appendMsgTyping(botMsg, 'bot', 18);
						});
					} else {
						appendMsgNoTyping('Đang nhận diện file!', 'bot');
					}
				},
				error: function(){
					$('#bizgpt-messenger-messages .bizgpt-loading-upload').parent().remove();
					appendMsgNoTyping('Có lỗi khi upload hoặc AI server bận!', 'bot');
				}
			});
		});
		// JS speech recognition cho BizGPT
		// Biểu tượng micro (sẵn sàng)
		const micEnabledIcon = "https://bizgpt.vn/wp-content/uploads/sites/583/agent-mic.png";
		// Biểu tượng tắt/đang nghe
		const micActiveIcon  = "https://bizgpt.vn/wp-content/uploads/sites/583/agent-mic-active.png"; // bạn tự tạo icon đỏ hoặc hiệu ứng rung động (hoặc dùng SVG/CSS animate, hoặc đổi màu nền)
		// DOM element
		const $micBtn  = $('#bizgpt-mic-btn');
		const $micIcon = $('#bizgpt-mic-icon');
		const $input   = $('#bizgpt-chatinput');
		
		// Kiểm tra support
		const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
		let recognition = null;
		let isRecognizing = false;
		
		if (SpeechRecognition) {
			recognition = new SpeechRecognition();
			recognition.lang = 'vi-VN';
			recognition.continuous = false;
			recognition.interimResults = false;
		
			$micBtn.prop('disabled', false);
		
			$micBtn.on('click', function(e){
				e.preventDefault();
				if (isRecognizing) {
					recognition.stop();
					return;
				}
				// Thay đổi icon khi nghe
				$micIcon.attr('src', micActiveIcon);
				recognition.start();
			});
		
			recognition.onstart = function() {
				isRecognizing = true;
				$micBtn.addClass('recording');
			};
			recognition.onend = function() {
				isRecognizing = false;
				$micIcon.attr('src', micEnabledIcon);
				$micBtn.removeClass('recording');
			};
			recognition.onerror = function(event) {
				isRecognizing = false;
				$micIcon.attr('src', micEnabledIcon);
				$micBtn.removeClass('recording');
				alert("Lỗi nhận diện giọng nói: " + event.error);
			};
			/* version cũ, check ok trên laptop		
			recognition.onresult = function(event) {
				let transcript = event.results[0][0].transcript;
				$input.val(transcript).focus();
				// Gửi luôn khi nhận, hoặc bạn có thể để user sửa lại rồi ấn gửi
				// $('#bizgpt-sendbtn').click(); // nếu muốn gửi luôn
			};*/
			recognition.onresult = function(event) {
					var transcript = event.results[0][0].transcript;
					try {
						$input.val(''); // xóa trước rồi
						// Cố gắng thử mọi cách cho iOS chịu nhận
						$input.get(0).focus();
						setTimeout(function(){
						  $input.val(transcript);
						  $input.get(0).focus();
						}, 10);
					} catch(e) {
						// fallback: show lên bubble để người dùng copy
						/*$('#bizgpt-messenger-messages').append(
						  '<div class="bizgpt-message user"><div class="bizgpt-bubble">⭐ Nhận diện: ${transcript}</div></div>'
						);*/
					}
				};
			} else {
				$micBtn.prop('disabled', true).attr('title', 'Trình duyệt này không hỗ trợ nhận diện giọng nói.');
			}
		
		
		$('#bizgpt-chatinput').on('focus', function() { $(this).select(); });
	});
    </script>
</body>
</html>