/* superman mobile build 2 */
(function () {
  "use strict";

  var KEY = "superman_favorites_v1";
  var GOLD = "#c18f2b";

  function read() {
    try { return JSON.parse(localStorage.getItem(KEY) || "[]"); }
    catch (_) { return []; }
  }

  function write(items) {
    localStorage.setItem(KEY, JSON.stringify(items));
  }

  function lesson() {
    var match = location.href.match(/[?&]id=(\d+)/);
    var title = document.querySelector(".lesson-title-value");
    if (!match || !title) return null;
    return {
      id: match[1],
      title: title.textContent.trim(),
      url: "/pl/teach/control/lesson/view?id=" + match[1]
    };
  }

  function saved(id) {
    return read().some(function (item) { return item.id === id; });
  }

  function toggle(item) {
    var items = read();
    var index = items.findIndex(function (x) { return x.id === item.id; });
    if (index < 0) items.unshift(item); else items.splice(index, 1);
    write(items);
    render();
  }

  function styles() {
    if (document.getElementById("sp-fav-style")) return;
    var style = document.createElement("style");
    style.id = "sp-fav-style";
    style.textContent =
      ".sp-fav-wrap{position:relative;display:inline-flex}" +
      ".sp-fav-menu{position:absolute;z-index:100050;top:calc(100% + 12px);left:-72px;width:360px;max-width:calc(100vw - 24px);padding:14px;background:#fff;border:1px solid #eadcc4;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.18);display:none}" +
      ".sp-fav-menu.is-open{display:block}.sp-fav-empty{padding:12px 10px;color:#222;font-size:15px}" +
      ".sp-fav-item{display:flex;align-items:center;gap:9px;padding:10px 8px;border-bottom:1px solid #eee}.sp-fav-item:last-child{border:0}" +
      ".sp-fav-link{flex:1;color:#111!important;text-decoration:none!important;font-size:14px;line-height:1.3}.sp-fav-link:hover{color:" + GOLD + "!important}" +
      ".sp-fav-remove{border:0;background:transparent;color:#999;font-size:22px;line-height:1;padding:2px 5px;cursor:pointer}.sp-fav-remove:hover{color:#111}" +
      ".sp-lesson-fav{position:absolute;right:22px;top:20px;width:42px;height:42px;border:1px solid " + GOLD + ";border-radius:8px;background:#fff;color:" + GOLD + ";font-size:21px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3}" +
      ".sp-lesson-fav.is-saved{background:" + GOLD + ";color:#fff}.lesson-header-block{position:relative}" +
      "@media(max-width:1700px){body.shu-on:has(.xdget-training) .main-page-block.medium-width>.container:has(.page-header){width:calc(100% - 60px)!important;max-width:1270px!important;margin-left:auto!important;margin-right:auto!important}body.shu-on:has(.xdget-training) .xdget-root>.xdget-block{width:100%!important;max-width:100%!important;box-sizing:border-box!important}}" +
      "@media(max-width:767px){html,body{max-width:100%!important;overflow-x:hidden!important}body.shu-on .gc-main-content.with-left-menu{left:0!important;margin-left:0!important;width:100%!important}body.shu-on #supermanAccountHeader,body.shu-on #supermanAccountHeader .shu-i{width:100%!important;max-width:100%!important;box-sizing:border-box!important}body.shu-on .main-page-block>.container,body.shu-on .gc-main-content>.container{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:14px!important;padding-right:14px!important;box-sizing:border-box!important}.nav-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch}.nav-tabs>li{float:none!important;flex:0 0 auto!important}body.shu-on:has(.xdget-training) .xdget-root,body.shu-on:has(.xdget-training) .xdget-root>.xdget-block,body.shu-on:has(.xdget-training) .xdget-row{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}body.shu-on:has(.xdget-training) .xdget-row{display:block!important}body.shu-on:has(.xdget-training) .xdget-row>.xdget-col{display:block!important;float:none!important;width:100%!important;max-width:100%!important;margin:0 0 18px!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}body.shu-on:has(.xdget-training) .shmod-support{width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important}.lesson-list .item-a{padding:12px!important}.lesson-list .item-a .info table{display:block!important;width:100%!important}.lesson-list .item-a .info tbody,.lesson-list .item-a .info tr{display:flex!important;width:100%!important;align-items:center!important}.lesson-list li .item-a .info .item-image{display:block!important;flex:0 0 92px!important;width:92px!important;min-width:92px!important;max-width:92px!important;height:72px!important;margin-right:14px!important;border-radius:7px!important;background-size:cover!important}.lesson-list .item-main-td{display:block!important;flex:1 1 auto!important;width:auto!important;padding:0!important}.lesson-list .link.title{font-size:18px!important;line-height:1.2!important}body.shu-on:has(.lesson-header-block) .standard-page-content,body.shu-on:has(.lesson-header-block) .center-block{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}body.shu-on:has(.lesson-header-block) .lesson-header-block{width:100%!important;max-width:100%!important;transform:none!important;margin:0 0 24px!important;overflow:visible!important;box-sizing:border-box!important}body.shu-on:has(.lesson-header-block) .lesson-header-block .header-view{width:100%!important;max-width:100%!important;min-height:124px!important;margin:0!important;padding:24px 58px 24px 18px!important;box-sizing:border-box!important}body.shu-on:has(.lesson-header-block) .lesson-title-value{font-size:27px!important;line-height:1.15!important;margin:0!important}body.shu-on:has(.lesson-header-block) .lesson-navigation{width:100%!important;max-width:100%!important;padding:18px 0 0!important;box-sizing:border-box!important}body.shu-on:has(.lesson-header-block) .lesson-navigation table,body.shu-on:has(.lesson-header-block) .lesson-navigation tbody,body.shu-on:has(.lesson-header-block) .lesson-navigation tr{width:100%!important;max-width:100%!important}body.shu-on:has(.lesson-header-block) .lesson-navigation tr{gap:8px!important;flex-wrap:wrap!important}body.shu-on:has(.lesson-header-block) .lesson-navigation td:nth-child(2){width:112px!important;min-width:112px!important}body.shu-on:has(.lesson-header-block) .lesson-navigation td:nth-child(3){width:175px!important;min-width:175px!important}.sp-lesson-fav{right:10px!important;top:10px!important;width:40px!important;height:40px!important}body.shu-on:has(.lesson-header-block) .lt-lesson-mission-block>.lt-block-wrapper{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}.lt-lesson-mission-block textarea,.lt-lesson-mission-block input[type=text],.comment-form-wrapper textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.lesson-content img,.lesson-content iframe,.lesson-content video{max-width:100%!important;height:auto!important}}" +
      "@media(max-width:600px){.sp-fav-menu{left:-45px;width:300px}.sp-lesson-fav{right:12px;top:12px}}";
    document.head.appendChild(style);
  }

  function menuMarkup() {
    var items = read();
    if (!items.length) return '<div class="sp-fav-empty">У вас нет избранных уроков</div>';
    return items.map(function (item) {
      return '<div class="sp-fav-item"><a class="sp-fav-link" href="' + item.url + '">' +
        String(item.title).replace(/[&<>"']/g, function (c) { return ({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[c]; }) +
        '</a><button class="sp-fav-remove" type="button" data-id="' + item.id + '" aria-label="Удалить из избранного">×</button></div>';
    }).join("");
  }

  function installTop() {
    var link = document.querySelector('a.shu-ic[href="/user/my/profile"]');
    if (!link || link.dataset.spFavReady) return;
    link.dataset.spFavReady = "1";
    link.href = "#";
    link.setAttribute("aria-label", "Избранные уроки");
    var wrap = document.createElement("span");
    wrap.className = "sp-fav-wrap";
    link.parentNode.insertBefore(wrap, link);
    wrap.appendChild(link);
    var menu = document.createElement("div");
    menu.className = "sp-fav-menu";
    menu.id = "sp-fav-menu";
    wrap.appendChild(menu);
    link.addEventListener("click", function (event) {
      event.preventDefault(); event.stopPropagation();
      menu.innerHTML = menuMarkup();
      menu.classList.toggle("is-open");
    });
    menu.addEventListener("click", function (event) {
      var remove = event.target.closest(".sp-fav-remove");
      if (!remove) return;
      event.preventDefault(); event.stopPropagation();
      write(read().filter(function (x) { return x.id !== remove.dataset.id; }));
      render();
    });
  }

  function installLesson() {
    var item = lesson();
    var header = document.querySelector(".lesson-header-block");
    if (!item || !header) return;
    var button = document.getElementById("sp-lesson-fav");
    if (!button) {
      button = document.createElement("button");
      button.id = "sp-lesson-fav";
      button.className = "sp-lesson-fav";
      button.type = "button";
      button.innerHTML = '<i class="fa fa-bookmark-o"></i>';
      button.addEventListener("click", function () { toggle(item); });
      header.appendChild(button);
    }
    var active = saved(item.id);
    button.classList.toggle("is-saved", active);
    button.innerHTML = '<i class="fa ' + (active ? "fa-bookmark" : "fa-bookmark-o") + '"></i>';
    button.title = active ? "Убрать из избранного" : "Добавить в избранное";
    button.setAttribute("aria-label", button.title);
  }

  function render() {
    styles(); installTop(); installLesson();
    var menu = document.getElementById("sp-fav-menu");
    if (menu) menu.innerHTML = menuMarkup();
  }

  document.addEventListener("click", function (event) {
    var menu = document.getElementById("sp-fav-menu");
    if (menu && !event.target.closest(".sp-fav-wrap")) menu.classList.remove("is-open");
  });
  document.addEventListener("keydown", function (event) {
    if (event.key === "Escape") {
      var menu = document.getElementById("sp-fav-menu");
      if (menu) menu.classList.remove("is-open");
    }
  });

  if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", render); else render();
  [400, 1200, 2500].forEach(function (delay) { setTimeout(render, delay); });
})();