<!DOCTYPE html>
<html lang="en" data-ng-app="WebApplication">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
  <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
  <link rel="shortcut icon" href="/assets/images/favicon.ico" />
  
  <title>SHLV - Trang chủ</title>
  <link rel="stylesheet" type="text/css"
    href="/assets/plugins/metronic/vendors.bundle.css?v=0.0.2.3" />
  <link rel="stylesheet" type="text/css"
    href="/assets/plugins/metronic/style.bundle.css?v=0.0.2.3" />
  <link rel="stylesheet" type="text/css" href="/assets/plugins/metronic/custom.css?v=0.0.2.3" />
  <!--    <link rel="stylesheet" type="text/css" th:href="@{/resources/static/assets/plugins/select2-bootstrap-theme/select2-bootstrap.min.css(v=${applicationVersion})" />-->
  <link rel="stylesheet" type="text/css"
    href="/assets/plugins/select2/select2.min.css?v=0.0.2.3" />
  <link rel="stylesheet" type="text/css"
    href="/assets/plugins/datatables-net-bs4/dataTables.bootstrap4.css?v=0.0.2.3" />
  <link rel="stylesheet" type="text/css"
    href="/assets/plugins/bootstrap-datepicker/bootstrap-datepicker.min.css?v=0.0.2.3" />
  <link rel="stylesheet" type="text/css"
    href="/application/views/layout/defaultLayout/index.css?v=0.0.2.3" />
  <link rel="stylesheet" type="text/css" href="/assets/css/popup.css?v=0.0.2.3" />
  <link rel="stylesheet" type="text/css" href="/assets/css/customSelect2.css?v=0.0.2.3" />
  <link rel="stylesheet" type="text/css" href="/assets/css/customOwlCarousel.css?v=0.0.2.3" />
  <link rel="stylesheet" type="text/css" href="/assets/css/main.css?v=0.0.2.3" />
  <link rel="stylesheet" type="text/css" href="/assets/css/otp.css?v=0.0.2.3" />
  <link rel="stylesheet" type="text/css" href="/assets/css/shinhan_anthinh.css?v=0.0.2.3" />


  <link rel="stylesheet" type="text/css"
    href="/assets/plugins/swiper/swiper-bundle.min.css?v=0.0.2.3" />

  <link rel="stylesheet" type="text/css"
    href="/assets/plugins/owlCarousel/owl.carousel.min.css?v=0.0.2.3" />
  <link rel="stylesheet" type="text/css"
    href="/assets/plugins/owlCarousel/owl.theme.default.min.css?v=0.0.2.3" />
  <link rel="stylesheet" type="text/css" href="/assets/plugins/aos/aos.css?v=0.0.2.3" />




  <link rel="stylesheet" type="text/css"
    href="/application/views/pages/productForm/index.css?v=0.0.2.3" />
  
  <link rel="stylesheet" type="text/css"
        href="/application/views/pages/home/index.css?v=0.0.2.3" />

</head>

<body
  class="page-on-load m-page--fluid m--skin- m-content--skin-light2 m-header--fixed m-header--fixed-mobile m-aside-left--enabled m-aside-left--skin-light m-aside-left--offcanvas m-footer--push m-aside--offcanvas-default"
  ng-controller="views.layout.defaultLayout.index as vm">
  <div ng-spinner-bar class="page-spinner-bar">
    <div class="bounce1"></div>
    <div class="bounce2"></div>
    <div class="bounce3"></div>
  </div>
  <div class="loaddingPage d-none-im">
    <div class="m-loader m-loader--brand" style="width: 30px; display: inline-block;"></div>

  </div>

  <!-- BEGIN: Page -->
  <div class="m-grid m-grid--hor m-grid--root m-page">
    <!-- BEGIN: Header -->
    <header class="bg-header defaultLayout_header">
      <div class="header home_container d-flex align-items-center justify-content-sm-between d-block-sm">
        <div class="header-left">
          <img ng-click="reload()" class="cs-pointer" src="/assets/images/logos/Layer 1.png" alt="logo">
        </div>
        <div class="header-right text-light d-flex d-block-sm">
          <a class="d-flex " href="mailto:marketing@shinhanlife.biz.vn">
            <img src="./assets/images/icons/email.png" alt="email" class="mr-1 img-mt-xs" style="width: 20px; height: 20px; margin-top: 5px;">

            <span class="fs-text fw-5 text-light">marketing@shinhanlife.biz.vn</span>
          </a>
          <span class="mr-2 ml-2 fw-5 fs-text ">|</span>
          <a class="cl-text3" href="tel:1900998800">
            <img src="./assets/images/icons/Group.png" alt="phone" style="margin-top: -8px;height: 16px;width: 16px;">
            <span class="fs-text fw-5 text-light">1900-99-88-00</span>
          </a>
        </div>
      </div>
    </header>
    <!-- END: Header -->

    <div>
      

        <div class="lifeHappiese_page" ng-controller="views.pages.landingPage.detailProduct as vm">
            <div class="banner image-topBaner" ng-bind-html="data.abstract3">
                <!-- <img class="w-100" th:src="@{/assets/images/banner/Banner 2.png}" alt=""/> -->
            </div>

            <section style="height:540px" id="section-1" class="bg-container pt-3">
                <div class="home_container w-100  text-center " style="position: relative;">
                    <h6 ng-show="data.productCode == 'shinhan-anthinh'" class="fs-28 fs-xs-20 cl-primary font-shinhan-medium">Sản
                        phẩm bảo hiểm liên kết chung</h6>
                    <h6 ng-show="data.productCode == 'san-pham-bao-hiem-tu-vong-va-thuong-tat-do-tai-nan'
                        || data.productCode == 'san-pham-bao-hiem-mien-thu-phi-do-benh-hiem-ngheo'
                        || data.productCode == 'san-pham-bao-hiem-cham-soc-suc-khoe-toan-dien'
                        || data.productCode == 'san-pham-bao-hiem-benh-hiem-ngheo-nang-cao'
                    " class="fs-28 fs-xs-20 cl-primary font-shinhan-medium">Sản phẩm Bảo hiểm</h6>
<!--                    <h2 class="fs-max font-shinhan-bold cl-primary fs-max-md">{{data.productName}}</h2>-->
                    <div class="product_abstract2" ng-bind-html="data.abstract2">
                    </div>

                    <div style="transform: translate(-50%, 30px); " id="form_detail"
                        class="form_infomation form-input  w-100 h-max form_default pr-4-desktop-m pl-4-desktop-m">
                        <h3 class="mb-4 cl-primary font-shinhan-bold fs-title text-center-xs fs-title-md">Hãy để Shinhan Life Việt
                            Nam được bảo vệ bạn</h3>
                        <form id="validateInput" name="validateInput">
                            <div class="d-flex d-block-xs w-100 justify-content-center 
                        grid-column-2-desktop-m 
                        d-grid-desktop-m column-gap-20-desktop-m ">
                                <div class="form-group mb-4">
                                    <input class="fs-text cl-text1" type="text" placeholder="Họ và tên"
                                        ng-model="data.fullName" id="fullName" name="fullName">
                                </div>

                                <div class="form-group mb-4">
                                    <input class="fs-text  cl-text1 phoneNumber" maxlength="10" pattern="\d*"
                                        name="phoneNumber" id="phoneNumber" type="text" placeholder="Số điện thoại"
                                        oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');"
                                        ng-model="data.phoneNumber">
                                </div>

                                <div class="form-group mb-4">
                                    <select placeholder="Giới tính" class=" w-100 cl-text1 genderSelect bg-input"
                                        id="genderSelect2" name="genderSelect2">
                                        <option></option>
                                    </select>
                                    <span class="d-flex" style="top:18px">
                                        <img src="./assets/images/icons/Group.svg" alt="">
                                    </span>

                                    <div>
                                        <label id="genderSelect2-error" class="error" style="display: none;"
                                            for="genderSelect2">Vui lòng chọn
                                            Giới tính</label>
                                    </div>
                                </div>

                                <div class="form-group mb-4">
                                    <input class="fs-text cl-text1 cs-pointer" ng-model="data.dob"
                                        id="birthDay_datepicker" name="birthDay_datepicker" type="text"
                                        placeholder="Ngày sinh" />
                                    <span class="d-flex" style="pointer-events: none !important;">
                                        <p style="color:#dedede; pointer-events: none !important;"
                                            class="fs-text cl-text1 ">dd/mm/yyyy</p>
                                    </span>


                                </div>
                            </div>

                            <div
                                class="d-flex d-block-xs w-100 justify-content-center grid-column-2-desktop-m d-grid-desktop-m column-gap-20-desktop-m ">
                                <div class="form-group mb-4">
                                    <input class="fs-text cl-text1 emailInput" type="text" placeholder="Email"
                                        ng-model="data.email">

                                </div>

                                <div class="form-group mb-4">
                                    <select placeholder="Khu vực sinh sống" class=" w-100 bg-input" id="areaSelect2"
                                        name="areaSelect2">
                                        <option></option>
                                    </select>
                                    <span class="d-flex" style="top: 20px;">
                                        <img src="./assets/images/icons/Group.svg" alt="">
                                    </span>
                                    <div>
                                        <label id="areaSelect2-error" class="error" style="display:none;"
                                            for="areaSelect2"></label>
                                    </div>
                                </div>

                                <div class="form-group mb-4">
                                    <select id="productSelect" class="bg-input">
                                        <option></option>
                                    </select>
                                    <span class="d-flex" style="top: 20px;">
                                        <img src="./assets/images/icons/Group.svg" alt="">
                                    </span>
                                </div>

                                <div class="form-group mb-4 d-none d-block-desktop">
                                    <input class="fs-text cl-text1" type="text" placeholder="Mã người giới thiệu"
                                        ng-model="data.agentCode">
                                </div>
                            </div>

                            <div
                                class="d-flex d-block-xs w-100 grid-column-2-desktop-m d-grid-desktop-m column-gap-20-desktop-m justify-content-center">

                                <div class="form-group mb-4 d-none-md d-none-desktop">
                                    <input class="fs-text cl-text1" type="text" placeholder="Mã người giới thiệu"
                                        ng-model="data.agentCode">
                                </div>

                                <div class="form-group mb-4 ">
                                    <input class="fs-text cl-text1" type="text" placeholder="Thời gian nhận tư vấn"
                                        ng-model="data.agentName">
                                </div>
                            </div>

                            <div style="padding: 0 150px;" class="mb-4 p-0-desktop">
                                <div class="d-flex ">
                                    <input type="checkbox" class="mr-1 confirm_checkbox cs-pointer" id="checkbox"
                                        name="checkbox" style="width:85px;height:17px;margin-top: 3px;" required />
                                    <label for="checkbox" class="cs-pointer m-0 text-left font-shinhan-light" style="text-align: left;">
                                        Tôi xác nhận đã đọc, hiểu rõ
                                        <a href="https://shinhanlifevn.com.vn/privacy-policy" target="_blank"
                                            class="cl-primary fs-16 mb-4 mt-3 fw-5 font-shinhan-light">Chính sách bảo mật thông tin và
                                            xử lý dữ liệu cá nhân</a>
                                        của Shinhan Life Việt Nam và đồng ý cho Shinhan Life Việt Nam thu thập và xử lý
                                        dữ liệu cá nhân do Tôi cung cấp theo
                                        <a href="https://shinhanlifevn.com.vn/privacy-policy" target="_blank"
                                            class="cl-primary fs-16 mb-4 mt-3 fw-5 font-shinhan-light">Chính sách bảo mật thông tin và
                                            xử lý dữ liệu cá nhân</a>, trong đó có việc Shinhan Life Việt Nam liên hệ cho mục đích quảng cáo, tiếp
                                        thị, giới thiệu, tư vấn sản phẩm và dịch vụ bảo hiểm.
                                    </label>
                                </div>
                                <label id="checkbox-error" class="error position-unset" for="checkbox"
                                    style="padding-left: 36px;"></label>
                            </div>
                        </form>

                        <div class="btn-primary fs-medium bg-button cl-light fw-bold btn-shinhan" ng-click="submit()">
                            Nhận tư vấn</div>
                    </div>

                    <div style="transform: translate(-50%, 30px);" id="form_submitOtp"
                        class=" form-input  w-100 h-max  form_sumitOtp d-none-im">
                        <div class="row w-100 mb-4 pl-4">
                            <div class="col-4 p-0 ">
                                <div style="padding: 10px 20px;font-size: 14px;" ng-click="goBack()"
                                    class="btn-primary fs-medium bg-button cl-light fw-bold btn-shinhan d-flex align-items-center">
                                    <i class="la la-arrow-left mr-2"></i>
                                    Quay lại
                                </div>
                            </div>
                        </div>
                        <h3 class=" cl-primary fw-bold fs-title text-center-xs fs-ms-20 mb-4">Nhập mã OTP</h3>
                        <p class="number_show fs-text fw-4 cl-text1"></p>
                        <div class="w-100 d-flex justify-content-center mb-3">
                            <div class="otp-container" id="otpForm">
                            </div>
                        </div>
                        <p class="mb-3 cl-link countdown cs-pointer fs-text fw-4 pointer-events-none fs-ms-14"
                            ng-click="generateOtp()">Gửi
                            lại OTP (60 s)</p>
                        <div ng-click="verifyOtp()"
                            class="btn-primary fs-medium bg-button cl-light fw-bold btn-shinhan fs-ms-16">Xác
                            nhận</div>
                    </div>
                </div>
            </section>

            <div class="container-content product_abstract3" ng-bind-html="data.productDetails">

            </div>
        </div>

    
    </div>

    <!-- BEGIN: Footer -->
    
    <div class="defaultLayout_footer bg-white">
      <div class="home_container home_container-xs p-xs-4">
        <div class="d-grid grid-column-2 gap-30 d-block-xs d-block-md">
          <div class="text-center-xs mb-4">
            <img src="assets/images/logos/blueLogo-tran.png" style="width:225px;margin-left: -14px;" alt="logo">
            <p class="fs-text-plus cl-text2 fw-5 fs-xs-18 text-justify">Công ty TNHH Bảo hiểm Shinhan Life Việt Nam</p>
            <div class="pb-3">
              <div class="d-flex">
                <img src="assets/images/icons/pin 1.png" class="mt-1 mr-3 h-max text-justify" alt="icon map">
                <p class="fs-text-plus cl-text2 fw-5 mb-3 fs-xs-18" id="adress-foolter">
                  Tầng 17, Tháp B, Khu thương mại dịch vụ kết hợp nhà ở cao tầng tại
                  Lô đất 1-13 thuộc Khu chức năng số 1 - Số 15 đường Trần Bạch Đằng, P. An Khánh, TP. Hồ Chí Minh.
                </p>
              </div>
              <a class="d-flex" href="tel:1900998800">
                <img src="assets/images/icons/call 2.png" class="mt-1 mr-3 h-max" alt="icon map">
                <p class="fs-text-plus cl-text2 fw-5 mb-3 fs-xs-18">Tổng đài CSKH: 1900998800</p>
              </a>
            </div>
          </div>



          <div class="w-100 d-flex justify-content-center d-block-xs d-none d-block-md">
            <span class="w-75  mb-4 mt-4 bg-line d-block" style="height: 2px;"></span>
          </div>
          <div class="d-flex flex-column justify-content-center">
            <a class="d-flex" href="mailto:marketing@shinhanlife.biz.vn" style="margin-right: -14px;">
              <img src="assets/images/icons/email 2.png" class="mt-1 mr-3 h-max" alt="icon map">
              <p class="fs-text-plus cl-text2 fw-5 mb-3 fs-xs-18">marketing@shinhanlife.biz.vn</p>
            </a>
            <a class="d-flex" target="_blank" href="https://shinhanlifevn.com.vn">
              <img src="assets/images/icons/global 1.png" class="mt-1 mr-3 h-max" alt="icon map">
              <p class="fs-text-plus cl-text2 fw-5 mb-3 fs-xs-18">https://shinhanlifevn.com.vn</p>
            </a>
            <div class="d-flex" style="padding-right:143px">
              <a href="https://www.facebook.com/shinhanlifevietnam/" target="_blank">
                <img src="assets/images/icons/facebook-app-symbol 1.svg" alt="" class="footer-icon">
              </a>
              <a href="https://www.linkedin.com/company/shinhan-life-vietnam/" target="_blank">
                <img src="assets/images/icons/linkedin 1.svg" alt="" class="footer-icon">
              </a>
              <a href="https://www.youtube.com/c/ShinhanLifeVietnam" target="_blank">
                <img src="assets/images/icons/Group 24.svg" alt="" class="footer-icon p-0">
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  
    <!-- END: Footer -->
  </div>
  <!-- END: Page -->

  <!-- BEGIN: Scroll Top -->
  <!-- <div class="m-scroll-top m-scroll-top--skin-top" data-toggle="m-scroll-top" data-scroll-offset="500"
    data-scroll-speed="300">
    <i class="la la-arrow-up"></i>
  </div> -->
  <!-- END: Scroll Top -->

  <div class="d-none">
      <input id="applicationContextPath" value="/" />
      <script>
        let applicationContextPathInput = document.getElementById("applicationContextPath").value;
        const applicationContextPath = applicationContextPathInput === "/" ? "" : applicationContextPathInput;
      </script>
    </div>

  <script type="text/javascript"
    src="/assets/plugins/metronic/vendors.bundle.js?v=0.0.2.3"></script>
  <script type="text/javascript"
    src="/assets/plugins/jquery-mousewheel/jquery.mousewheel.min.js?v=0.0.2.3"></script>
  <script type="text/javascript"
    src="/assets/plugins/metronic/scripts.bundle.js?v=0.0.2.3"></script>
  <script type="text/javascript" src="/assets/plugins/momentjs/moment.min.js?v=0.0.2.3"></script>
  <script type="text/javascript" src="/assets/plugins/angularjs/angular.min.js?v=0.0.2.3"></script>
  <script type="text/javascript"
    src="/assets/plugins/angularjs/angular-sanitize.min.js?v=0.0.2.3"></script>
  <script type="text/javascript"
    src="/assets/plugins/angularjs/plugins/ui-router/angular-ui-router.min.js?v=0.0.2.3"></script>
  <script type="text/javascript"
    src="/assets/plugins/angularjs/plugins/ui-bootstrap/ui-bootstrap-tpls.min.js?v=0.0.2.3"></script>
  <script type="text/javascript"
    src="/assets/plugins/angularjs/plugins/angular-summernote/angular-summernote.min.js?v=0.0.2.3"></script>
  <script type="text/javascript" src="/assets/plugins/select2/select2.min.js?v=0.0.2.3"></script>
  <script type="text/javascript"
    src="/assets/plugins/datatables-net/jquery.dataTables.js?v=0.0.2.3"></script>
  <script type="text/javascript"
    src="/assets/plugins/datatables-net-bs4/dataTables.bootstrap4.js?v=0.0.2.3"></script>
  <script type="text/javascript"
    src="/assets/plugins/bootstrap-datepicker/bootstrap-datepicker.min.js?v=0.0.2.3"></script>
  <script type="text/javascript"
    src="/assets/plugins/swiper/swiper-responsiveCustion.js?v=0.0.2.3"></script>
  <script type="text/javascript"
    src="/assets/plugins/swiper/swiper-element-bundle.min.js?v=0.0.2.3"></script>
  <script type="text/javascript"
    src="/assets/plugins/owlCarousel/owl.carousel.min.js?v=0.0.2.3"></script>
  <script type="text/javascript" src="/assets/plugins/hammer/hammer.min.js?v=0.0.2.3"></script>
  <script type="text/javascript" src="/assets/plugins/aos/aos.js?v=0.0.2.3"></script>
  <script type="text/javascript"
    src="/assets/plugins/jquery-validation/jquery.validate.min.js?v=0.0.2.3"></script>
  <script type="text/javascript"
    src="/assets/plugins/jquery-mask/jquery.mask.min.js?v=0.0.2.3"></script>
  <script type="text/javascript" src="/assets/js/util.js?v=0.0.2.3"></script>
  <script type="text/javascript" src="/assets/js/otp.js?v=0.0.2.3"></script>


  <script type="text/javascript" src="/application/main.js?v=0.0.2.3"></script>
  <script type="text/javascript" src="/application/libs/app.toastr.js?v=0.0.2.3"></script>
  <script type="text/javascript" src="/application/libs/app.swal.js?v=0.0.2.3"></script>
  <script type="text/javascript" src="/application/directives/ngSpinnerBar.js?v=0.0.2.3"></script>
  <script type="text/javascript" src="/application/directives/buttonBusy.js?v=0.0.2.3"></script>
  <script type="text/javascript" src="/application/directives/busyIf.js?v=0.0.2.3"></script>
  <script type="text/javascript"
    src="/application/views/layout/defaultLayout/index.js?v=0.0.2.3"></script>
  <script>

    const loadingFunc = (isLoading) => {
      if (isLoading) {
        $(".loaddingPage").removeClass("d-none-im");
        document.body.style.overflow = 'hidden';
      } else {
        $(".loaddingPage").addClass("d-none-im");
        document.body.style.overflow = "unset";
      }
    }
  </script>


  
        <script type="text/javascript"
            src="/application/views/pages/landingPage/detailProduct/index.js?v=0.0.2.3"></script>

    
</body>

</html>


