// Создание кнопок
let div_widget = document.createElement("div");
div_widget.className = "callback-widget-gk";
div_widget.innerHTML = `
      <button class="buttons-widget button-price-widget">
        <img src="https://widget.gk-aleko.ru/svg/calculator" class="svg-bytton-widget" />УЗНАТЬ ЦЕНУ
      </button>
      <button class="buttons-widget button-callback-widget">
        <img src="https://widget.gk-aleko.ru/svg/phone" class="svg-bytton-widget" />ПЕРЕЗВОНИТЬ
      </button>
      <button class="button-switch-on-widget">
        <img src="https://widget.gk-aleko.ru/svg/arrow" class="svg-bytton-on-widget" />Cвернуть
      </button>
      <button class="button-switch-off-widget button-switch-off-widget-hide">
        <img src="https://widget.gk-aleko.ru/svg/duble-arrow" class="svg-bytton-off-widget" />
      </button>
`;
// Добавление кнопки на страницу
document.body.appendChild(div_widget);

//Проверка cookie
function write_read_cookie_widget() {
  console.log(document.cookie.match(/view_sidebar_widget=(.+?)(;|$)/));
  if (document.cookie.match(/view_sidebar_widget=(.+?)(;|$)/)) {
  } else {
  }

  if (!document.cookie.match(/view_sidebar_widget=(.+?)(;|$)/)) {
    console.log("Не найден. Записываем новый кук");
    document.cookie = "view_sidebar_widget=true; path=/; max-age=1314872";
  } else {
    let cookie_widget = document.cookie.match(
      /view_sidebar_widget=(.+?)(;|$)/
    )[1];
    if (cookie_widget === "true") {
    } else {
      document
        .querySelector(".callback-widget-gk")
        .classList.add("callback-widget-gk-disabled");
      document
        .querySelector(".button-switch-off-widget")
        .classList.add("button-switch-off-widget-show");
    }
  }
}
write_read_cookie_widget();

//Скрыть-показать виджет
document
  .querySelector(".button-switch-on-widget")
  .addEventListener("click", () => {
    document
      .querySelector(".callback-widget-gk")
      .classList.add("callback-widget-gk-disabled");
    document.cookie = "view_sidebar_widget=false; path=/";
    console.log(document.cookie);
    console.log(document.cookie.match(/view_sidebar_widget=(.+?)(;|$)/)[1]);
    setTimeout(() => {
      document
        .querySelector(".button-switch-off-widget")
        .classList.toggle("button-switch-off-widget-show");
    }, 150);
  });

document
  .querySelector(".button-switch-off-widget")
  .addEventListener("click", () => {
    document
      .querySelector(".callback-widget-gk")
      .classList.remove("callback-widget-gk-disabled");
    document.cookie = "view_sidebar_widget=true; path=/";
    console.log(document.cookie);
    console.log(document.cookie.match(/view_sidebar_widget=(.+?)(;|$)/)[1]);
    document
      .querySelector(".button-switch-off-widget")
      .classList.toggle("button-switch-off-widget-show");
  });

// Клик по кнопке "Перезвонить"
document.querySelector(".button-callback-widget").onclick = () => {
  // отправка запроса на сторонний сервер, получаем код создаем поп-ап форму
  console.log("callback");
  chek_widget("callback");
};

// Клик по кнопке "Узнать цену"
document.querySelector(".button-price-widget").onclick = () => {
  // отправка запроса на сторонний сервер, получаем код создаем поп-ап форму
  console.log("price");
  chek_widget("price");
};

//Проверка наличия виджета
function chek_widget(button_name) {
  if (button_name === "callback") {
    if (!document.querySelector(".popup-callback-widget")) {
      show_callback_form();
    } else {
      if (document.querySelector(".body-form-price-widget")) {
        document.querySelector(".popup-callback-widget").remove();
        show_callback_form();
      } else {
        document.querySelector(".popup-callback-widget").style.display = "flex";
      }
    }
  }

  if (button_name === "price") {
    if (!document.querySelector(".popup-callback-widget")) {
      show_price_form();
    } else {
      if (document.querySelector(".body-form-callback-widget")) {
        document.querySelector(".popup-callback-widget").remove();
        show_price_form();
      } else {
        document.querySelector(".popup-callback-widget").style.display = "flex";
      }
    }
  }
}

//Создание формы callback
function show_callback_form() {
  let callback_script = document.createElement("script");
  callback_script.src = "https://widget.gk-aleko.ru/callback_form?site=steelhard";
  document.body.appendChild(callback_script);
}

//Создание формы price
function show_price_form() {
  let callback_script = document.createElement("script");
  callback_script.src = "https://widget.gk-aleko.ru/price_form?site=steelhard";
  document.body.appendChild(callback_script);
}