(function () {
  var take = function () {
    window.AqurBaseURL = 'https://bleach-server-e7d55b4bcbab.herokuapp.com';

    document.addEventListener("DOMContentLoaded", () => {})

    window.addEventListener("chatform_initialized", (event) => {
      activateChatformWidget()
      bindStealthForm()
      fetchTokens()
      const targetLinks = document.querySelectorAll('a[href="/reserve-fix/?lp=-b"]');
      if (targetLinks.length > 0) {
        targetLinks.forEach(link => {
          link.removeAttribute('href');
        });
      }
    })

    window.addEventListener("message", (event) => {
      if (event.data.event == "chatform_close") { //
        activateChatformWidget();
      }
      if (event.data.event == "chatform_evalScript") {
        window.eval(event.data.script)
      }
      if (event.data.event == "chatform_insertTag") {
        body.insertAdjacentHTML("beforeend", event.data.tag);
        event.data.scripts.forEach((item) => { eval(item.textContent) })
      }
      if (event.data.event == "chatform_start") {
        console.log(event.data.uuId)
      }
      if (event.data.event == "chatform_initialized") {
        console.log("Aqur Initialized")
        document.getElementById("chatbotProgressBar").style.width = "100%";
        var opacity = function () {
          document.getElementById("chatbotProgressBar").style.opacity = "0";
        };
        setTimeout(opacity, 1000);
        chatform_initialized = true;

        if (launch == "auto") {
          activateChatformWidget();
        }
        window.dispatchEvent(new CustomEvent("chatform_initialized"));
      }
      if (event.data.event === 'stationData') { 
        //console.log('chatform stationData', event.data)
        const target = document.querySelector('.chatform_widget');
        const stationData = event.data.stationData;
        const prefectureData = event.data.prefectureData;
        const prefectureOptions = event.data.prefectureOptions
        target.contentWindow.postMessage({ event: 'stationData', stationData, prefectureData, prefectureOptions }, "*");
      }

      if (event.data.event === 'reloadLOWCOSTCalender') { 
        fetchTokens()
        formData.customer.prefecture = event.data.prefecture;
        formData.customer.shop = event.data.shop
        formData.customer.schedule_date_1 = event.data.schedule_date_1;
        formData.customer.schedule_time_1 = event.data.schedule_time_1;
        formData.customer.schedule_date_2 = event.data.schedule_date_2;
        formData.customer.schedule_time_2 = event.data.schedule_time_2;
        formData.customer.schedule_date_3 = event.data.schedule_date_3;
        formData.customer.schedule_time_3 = event.data.schedule_time_3;
      }

      window?.aqur?.bind(event)
    }, false)

    function render(template, data) {
      return template.replace(/{{(.*?)}}/g, (match, key) => {
        let keys = key.trim().split('.');
        let value = keys.reduce((obj, k) => (obj && obj[k] !== undefined) ? obj[k] : "", data);
        return value;
      });
    }

    function activateChatformWidget() {
      if (!chatform_initialized) {
        console.log("Aqur is not ready")
        return
      }
      const w = document.querySelector('.chatform_widget');
      w.classList.toggle("close");

      if (w.classList.contains("close")) {
        document.body.classList.remove("chat_open");
      } else {
        document.body.classList.add("chat_open");
      }
    }

    var chatform_initialized = false
    const pid = "lowcost";
    const target = "production";
    const mode = "release";
    const device = JSON.parse("false".toLowerCase()) ? "mobile" : "pc";
    const launch = "click";
    const client = "https://form.aqur.com/";

    let REF = new URL(window.location);
    let userChatbot = REF.searchParams.get('usechatbot')
    if (userChatbot == "no") {
      console.log("no chatbot")
      return
    }
    REF.searchParams.append('pid', pid);
    REF.searchParams.append('mode', mode);
    REF.searchParams.append('target', target);
    REF.searchParams.append('hash', "ddf19fd6-105c-40ec-9db4-dea5c9dd1956");
    REF.searchParams.append('browser', "undefined");
    REF.searchParams.append('device', device);
    REF.searchParams.append('os', "undefined");
    REF.searchParams.append('ua', "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)");
    REF.searchParams.append('ip', "216.73.216.50");
    REF.searchParams.append('ref', REF.href);
    REF.searchParams.append('path', REF.pathname);

    //for UI
    REF.searchParams.append('CLIENT_ID', 'BLC');
    REF.searchParams.append('BASE_URL', 'https://bleach-server-e7d55b4bcbab.herokuapp.com');
    REF.searchParams.append('HEADER_LABEL', ' ');
    REF.searchParams.append('HEADER_BG_COLOR', '#fff');
    REF.searchParams.append('HEADER_LABEL_COLOR', '#fff');
    REF.searchParams.append('SHOW_TIMER', 'false');
    REF.searchParams.append('ICON_PATH', 'https://res.cloudinary.com/dts6mbw86/image/upload/v1713319985/aqur/common/icon_azvikf.png');

    let search = REF.search.slice(1)
    //console.log(search)

    let widget = render(
      '<style>.chatform_widget {  display: block;  position: fixed;  bottom: 30px;  right: 30px;  width: 500px;  height: 82vh;  box-sizing: border-box;  border: none;  border-radius: 8px;  background-color: #ffffff;  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);  overflow: hidden;  z-index: 9999999999; /* 他のポップアップの上に表示 */  transform-origin: bottom right;  transition: all 0.4s ease-out;  -webkit-overflow-scrolling: touch;}.chatform_widget.resize {  height: calc(100% - 1px); /* 元の高さより1px減少 */}.mobile.chatform_widget {  display: block;  position: fixed;  bottom: 0;  right: 0;  width: 100%;  height: 100%;  border-radius: 0;  background-color: #F1F5F9;  transform-origin: bottom right;  transition:     opacity 0.5s ease-out 0s,    bottom 0.0s linear 0s;}.chatform_widget.close {  position: fixed;  bottom: -100vh;  opacity: 0;  pointer-events: none;  transition: opacity 0.4s ease-out, bottom 0.4s linear;}.mobile.chatform_widget.close {  position: fixed;  bottom: -100vh;  transition: opacity 0.5s ease-out 0s, bottom 0.5s linear 1s;}body.mobile.chat_open {  overflow: hidden; /* body全体のスクロールを禁止 */}body.mobile.chat_open iframe.chatform_widget {  overflow: auto !important; /* iframe内のみスクロール許可 */}#chatbotProgressBar {  position: fixed;  top: 0;  left: 0;  height: 3px;  width: 20%;  background-color: #4CA12D;  z-index: 110;  transition: all 0.5s;}.launchBtn {  display: block;  position: fixed;  bottom: 10px;  right: 10px;  width: 380px;  cursor: pointer;}body.chat_open .launchBtn {  display: none;}.mobile .launchBtn {  right: 10px;  width: 60%;}.pc .fullscreen {  position: fixed;  top: 10px;  bottom: 10px;  left: 10px;  right: 10px;  width: -webkit-fill-available;  height: -webkit-fill-available;}.centerWidget.pc.chat_open {  overflow: hidden;}.centerWidget.pc.chat_open > * {  overflow: hidden;  opacity: 0.2;  filter: blur(8px);  transition: opacity 0.3s ease, filter 0.3s ease;}.centerWidget.pc.chat_open .chatform_widget {  position: fixed;  left: 50%;  bottom: 30px;  height: 93vh;  margin-left: -250px;  opacity: 1;  filter: blur(0);  overflow: auto;}.centerWidget.pc .chatform_widget.close {  position: fixed;  left: 50%;  bottom: 0;  height: 93vh;  margin-left: -250px;  opacity: 0;  pointer-events: none;  transition: opacity 0.4s ease-out, bottom 0.4s linear;}#aqur_timer {  display: flex;  align-items: center;  gap: 14px;  position: fixed;  bottom: 20px;  right: 10px;  width: 320px;  padding: 6px 18px 6px 12px;  border: 4px solid rgb(194, 65, 12);  border-radius: 50px;  background-color: #ffffff;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.12);  cursor: pointer;  z-index: 9999999999;  animation: bounceWithPause 13s infinite;  transition: background-color 0.3s ease, opacity 0.4s ease;}#aqur_timer:hover {  background-color: rgb(255, 240, 234);}.aqur_timer_container {  display: block;  font-size: 14px;  line-height: 1.3;  color: #333;}.aqur_timer_container .timer_1 {  display: inline-block;  font-weight: bold;  font-size: 14px;  color: rgb(194, 65, 12);}.aqur_timer_container .timer_2 {  display: flex;  justify-content: center;  align-items: center;  gap: 5px;  font-size: 22px;  color: rgb(194, 65, 12);}.aqur_timer_container .timer_2 span.text-label {  font-size: 14px;  color: #333;}.aqur_timer_container .timer_2 span.number {  font-weight: bold;}.aqur_timer_img {  display: block;  width: 40px;  height: 40px;}@keyframes bounceWithPause {  0%, 10%, 20%, 30%, 100% {    transform: translateY(0);  }  5%, 15%, 25% {    transform: translateY(-25%);  }}@-webkit-keyframes bounceWithPause {  0%, 10%, 20%, 30%, 100% {    transform: translateY(0);  }  5%, 15%, 25% {    transform: translateY(-25%);  }}body.chat_open #aqur_timer {  opacity: 0;  pointer-events: none;  transition: opacity 0.4s ease;}#aqur_timer {  display: flex;  opacity: 1;  pointer-events: auto;}#aqur_timer * {  display: inline-block;  pointer-events: none;  font-family: sans-serif !important;}#vframe.debug{  opacity: 1;  filter: none;  display: block;  z-index: 100;  position: fixed;  background-color: white;  top: 0px;  left: 0px;  box-sizing: border-box;  border: 2px solid red;  width: 100%;  height: 400px;  filter: none;}</style>' +
      '<iframe class="chatform_widget close {{device}}" src="{{client}}?{{search}}" ></iframe>',
      {
        device: device,
        client: client,
        search: (search) ? "&" + search : "",
      }
    );

    const body = document.body;
    if (body) {
      var filterId;
      const chatbotProgressBar = "<div id='chatbotProgressBar' style='width:0%'></div>"
      body.insertAdjacentHTML('beforeend', chatbotProgressBar);

      body.classList.add(device)
      body.insertAdjacentHTML('beforeend', widget);

      const target = document.querySelector('.chatform_widget');
      const observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
          if (!target.classList.contains("close")) {
            var contentWindow = target.contentWindow;
            if (contentWindow) {
              contentWindow.postMessage("chat_open", "*");
              contentWindow.postMessage(
                {
                  type: "filterIdChanged",
                  data: filterId
                }, "*");
            }
          }
        });
      });
      const config = {
        characterData: true,
        attributes: true,
        subtree: true
      };
      observer.observe(target, config);
    }

    let creationComplete = function () {
      if (device == "pc") {
        var resize = () => {
          let zoom_level = window.devicePixelRatio || window.screen.availWidth / document.documentElement.clientWidth * 100;
          const targets = document.querySelectorAll('body,.chatform_widget');
          if (zoom_level >= 3) {
            targets[0].classList.add("mobile")
            targets[0].classList.remove("pc")
            targets[1].classList.add("mobile")
            targets[1].classList.remove("pc")
          } else {
            targets[0].classList.add("pc")
            targets[0].classList.remove("mobile")
            targets[1].classList.add("pc")
            targets[1].classList.remove("mobile")
          }
        }
        resize()
        window.addEventListener("resize", () => {
          resize()
        })
      }

      document.addEventListener('click', (event) => {
        if (event.target &&
          event.target.closest('.chatformBtn ') ||
          event.target.classList.contains("chatformBtn") ||
          event.target.closest('.banner_btn_bg') ||
          event.target.classList.contains("banner_btn_bg") ||
          event.target.closest('.lp_counseling_btn') ||
          event.target.classList.contains("lp_counseling_btn") ||
          event.target.id == "chatform_widget_cancelbtn"
        ) {
          activateChatformWidget()
          filterId = event.target.closest(".chatformBtn").dataset.filterid
        }
      });
      document.dispatchEvent(new CustomEvent("chatform_widget_creation_complete"));
    };
    setTimeout(creationComplete, 0);

    function fetchTokens() {
      var urlParams = new URLSearchParams(window.location.search);
      var vfmode = urlParams.get('vfmode'); // Get vfmode from the URL

      var vframe = document.createElement("iframe");
      vframe.id = "vframe";
      vframe.sandbox.add('allow-storage-access-by-user-activation');
      vframe.sandbox.add('allow-forms');
      vframe.sandbox.add('allow-top-navigation');
      vframe.sandbox.add('allow-scripts');
      vframe.sandbox.add('allow-same-origin');
      vframe.width = "1px";
      vframe.height = "1px";

      var REF = new URL("https://mouthpiece-lowcost.com/reserve-fix/");
      REF.searchParams.append('usechatbot', "no");
      vframe.src = REF;

      document.body.appendChild(vframe);

      vframe.addEventListener("load", () => {
        setTimeout(() => {
          try {
            window.addEventListener('message', (event) => {
              if (event.data.event === 'getstationData') { 
                vframe.contentWindow.postMessage({ event: 'getstationData'}, "*");
              }
            });
            const iframeDoc = vframe.contentWindow.document;
            const reserve_nonce = iframeDoc.querySelector('input[name="reserve_nonce"]')?.value || "";
            const _wp_http_referer = iframeDoc.querySelector('input[name="_wp_http_referer"]')?.value || "";

            formData.reserve_nonce = reserve_nonce
            formData._wp_http_referer = _wp_http_referer
          } catch (error) {
          }
        }, 0);
      });

      // Show the iframe only if vfmode is "debug"
      if (vfmode === "debug") {
        const vf = document.querySelector('#vframe');
        vf.width = "100%";
        vf.height = "50%";
        vf.style.display = "block";
        vf.style.zIndex = 1000000;
        vf.style.position = "fixed";
        vf.style.backgroundColor = "white";
        vf.style.top = 0;
        vf.style.boxSizing = "border-box";
        vf.style.border = "2px solid red";
        vf.scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" });
      } else {
        vframe.style.display = "none"; // Hide iframe in non-debug mode
      }
    }

    function generateStealthForm() {
      // Remove existing form if it already exists
      const existingForm = document.getElementById("stealthForm");
      if (existingForm) {
          existingForm.remove();
      }
    
      // Generate the new form
      var formElement = render(formTemplate, formData);
    
      // Append the form to the end of the body
      document.body.insertAdjacentHTML("beforeend", formElement);
    }

    function bindStealthForm() {
      //aqur bind start
      window.aqur = {}
      window.aqur.debug = false;
      window.aqur.bind = (event) => {
        if (event.data.event == "LOWCOSTCalender") {
          let prefecture = event.data.value.values[0].value
          let shop = event.data.value.values[1].value
          let schedule_date_1 = event.data.value.values[2].value
          let schedule_time_1 = event.data.value.values[3].value
          let schedule_date_2 = event.data.value.values[4].value
          let schedule_time_2 = event.data.value.values[5].value
          let schedule_date_3 = event.data.value.values[6].value
          let schedule_time_3 = event.data.value.values[7].value
          formData.customer.prefecture = prefecture;
          formData.customer.shop = shop
          formData.customer.schedule_date_1 = schedule_date_1;
          formData.customer.schedule_time_1 = schedule_time_1;
          formData.customer.schedule_date_2 = schedule_date_2;
          formData.customer.schedule_time_2 = schedule_time_2;
          formData.customer.schedule_date_3 = schedule_date_3;
          formData.customer.schedule_time_3 = schedule_time_3;
        }

        if (event.data.event == "name") {
          var lastNameKana = event.data.value.values[2].value;
          var firstNameKana = event.data.value.values[3].value;
          formData.customer.last_name = lastNameKana;
          formData.customer.first_name = firstNameKana;
        }

        if (event.data.event == "email") {
          formData.customer.mail_01 = event.data.value.values[0].value;
          formData.customer.mail_address = event.data.value.values[0].value;
        }

        if (event.data.event == "tel") {
          formData.customer.tel = event.data.value.values[0].value;
        }

        if (event.data.event == 'submit_stealthForm') {
          generateStealthForm()
          var project = event.data.data;
          var arr = event.data.data.data
          var chatform = {
            pid: project.pid,
            sid: project.sid,
            uuId: project.uuId,
            id: arr[arr.length - 1].id
          }
          localStorage.setItem('chatform', JSON.stringify(chatform));
          submitStealthForm()
        }
      }

      //Helper Method
      window.aqur.getCheckedOptionSA = (options) => {
        var rtn = options.find((v) => v.checked)
        return rtn
      }

      window.aqur.getCheckedOptionMA = (options) => {
        var checkedOptions = options.filter((v) => v.checked);
        var rtn = checkedOptions.map((v) => v.value);
        return rtn.join(", ");
      }
    }

    function submitStealthForm() {
      // フォームが存在しない場合は生成を試みる
      var form = document.getElementById("stealthForm");
      if (!form) {
        console.log("Form not found! Generating form...");
        generateStealthForm();
        form = document.getElementById("stealthForm");
      }
      
      if (form) {
        try {
          // フォームの送信前に少し待機
          setTimeout(() => {
            try {
              form.submit.click();
            } catch (error) {
              console.error("Error submitting form:", error);
            }
          }, 100);
        } catch (error) {
          console.error("Error in form submission process:", error);
        }
      } else {
        console.error("Failed to generate form!");
      }
    }

    var formData = {
      customer: {
        prefecture: "",
        shop: "",
        schedule_date_1: "",
        schedule_time_1: "",
        schedule_date_2: "",
        schedule_time_2: "",
        schedule_date_3: "",
        schedule_time_3: "",
        last_name: "",
        first_name: "",
        mail_01: "",
        mail_address: "",
        tel: "",
      },
      reserve_nonce: "",
      _wp_http_referer: ""
    };

    var formTemplate = `
    <form id="stealthForm" action="https://mouthpiece-lowcost.com/reserve-fix/" method="post">
        <input type="hidden" name="reserve_nonce" value="{{reserve_nonce}}">
        <input type="hidden" name="_wp_http_referer" value="{{_wp_http_referer}}">
        <select type="hidden" name="prefecture" value="{{customer.prefecture}}" style="display:none;"></select>
        <input type="hidden" name="shop" value="{{customer.shop}}">

        <input type="hidden" name="schedule_date_1" value="{{customer.schedule_date_1}}">
        <input type="hidden" name="schedule_time_1" value="{{customer.schedule_time_1}}">
        <input type="hidden" name="schedule_date_2" value="{{customer.schedule_date_2}}">
        <input type="hidden" name="schedule_time_2" value="{{customer.schedule_time_2}}">
        <input type="hidden" name="schedule_date_3" value="{{customer.schedule_date_3}}">
        <input type="hidden" name="schedule_time_3" value="{{customer.schedule_time_3}}">

        <input type="hidden" name="last_name" value="{{customer.last_name}}">
        <input type="hidden" name="first_name" value="{{customer.first_name}}">
        <input type="hidden" name="mail_01" value="{{customer.mail_01}}">
        <input type="hidden" name="mail_address" value="{{customer.mail_address}}">
        <input type="hidden" name="tel" value="{{customer.tel}}">
        <input type="submit" name="submit" value="この内容で予約する" style="display:none;">
    </form>
    `;
  }
  setTimeout(take, 0);
}())