"use strict";

jQuery(document).ready(function($) {
  const TRAY = {
    methods: {}
  };

  const configInstagram = {
    user: "ecadaumastore",
    title: "Siga nosso instagram",
    token: "7385134136.1677ed0.f89bb02219f24ae5a7d1d3d00ef6de6d",
    userid: 7385134136
  };

  TRAY.methods.instagramRodape = function() {
    var user = configInstagram.user;
    var title = configInstagram.title;
    var insta =
      "<div id='instagram' class='line'><h2><span>" +
      title +
      "</span><a href='https://instagram.com/" +
      user +
      "' target='blank'>@" +
      user +
      "</a></h2><ul></ul></div>";

    $("head").append(
      $("<script>", {
        src: "https://cdn.awsli.com.br/236/236924/arquivos/slick.js"
      })
    );

    $(window).load(function() {
      $("#corpo > .container").append($(insta));

      if ($("#instagram").length) {
        var $recebePhotos = $("#instagram ul");
        var token = configInstagram.token, // STRING - Alterar Token
          userid = configInstagram.userid, // INT - Alterar IDs
          num_photos = 10; // QUANTIDADE DE FOTOS QUE VAI BUSCAR
        $.ajax({
          url: "https://api.instagram.com/v1/users/" + userid + "/media/recent",
          dataType: "jsonp",
          type: "GET",
          data: {
            access_token: token,
            count: num_photos
          },
          success: function(data) {
            for (var x = 0; x < data.data.length; x++) {
              $recebePhotos.append(
                '<li><a href="' +
                  data.data[x].link +
                  '" target="_blank"><img src="' +
                  data.data[x].images.standard_resolution.url +
                  '" width="250" height="250" /></li>'
              );
            }

            var prev =
              '<div class="slick-prev"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="89 2678 16 16"><path d="M8,0,6.545,1.455l5.506,5.506H0V9.039H12.052L6.545,14.545,8,16l8-8Z" transform="translate(105 2694) rotate(180)"/></svg></div>';
            var next =
              '<div class="slick-next"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="1347 2678 16 16"><path class="a" d="M8,0,6.545,1.455l5.506,5.506H0V9.039H12.052L6.545,14.545,8,16l8-8Z" transform="translate(1347 2678)"/></svg></div>';

            $("#instagram > ul").slick({
              dots: false,
              arrows: true,
              prevArrow: prev,
              nextArrow: next,
              slidesToShow: 6,
              slidesToScroll: 1,
              autoplay: false,
              speed: 250,
              autoplaySpeed: 10,
              responsive: [
                {
                  breakpoint: 1000,
                  settings: {
                    slidesToShow: 4
                  }
                },
                {
                  breakpoint: 768,
                  settings: {
                    slidesToShow: 3
                  }
                },
                {
                  breakpoint: 480,
                  settings: {
                    slidesToShow: 2,
                    dots: false,
                    arrows: false
                  }
                }
              ]
            });
          },
          error: function(data) {
            $("#instagram").hide();
            console.log(data);
          }
        });
      }
    });
  };

  TRAY.methods.rastreamento = function() {
    $(".barra-inicial .canais-contato a.rastreio")
      .empty()
      .addClass("rastreio");
    $(".rastreio").append(
      $(
        "<a class='trigger-rastreio'><svg class='icon' xmlns='http://www.w3.org/2000/svg' viewBox='1489.7 41.251 15.398 19.049'><g transform='translate(550.107 30)'><path class='a' d='M54.595,0A7.4,7.4,0,0,0,47.2,7.395a7.279,7.279,0,0,0,.132,1.388c0,.027.019.108.05.248a7.283,7.283,0,0,0,.5,1.458,20.73,20.73,0,0,0,6.393,7.844.524.524,0,0,0,.657,0,20.769,20.769,0,0,0,6.393-7.844,7.2,7.2,0,0,0,.5-1.458c.031-.139.046-.22.05-.248A7.605,7.605,0,0,0,62,7.395,7.416,7.416,0,0,0,54.595,0ZM60.83,8.6c0,.008,0,.015,0,.023s-.015.077-.035.166V8.8a6.14,6.14,0,0,1-.429,1.261s0,.012-.008.015a19.346,19.346,0,0,1-5.759,7.178,19.346,19.346,0,0,1-5.759-7.178s0-.012-.008-.015A6.55,6.55,0,0,1,48.4,8.8V8.791c-.023-.089-.031-.147-.035-.166s0-.015,0-.027a6.35,6.35,0,1,1,12.469,0Z' transform='translate(892.693 11.551)'/><path class='b' d='M120.573,71.9a3.573,3.573,0,1,0,3.573,3.573A3.579,3.579,0,0,0,120.573,71.9Zm0,6.352a2.779,2.779,0,1,1,2.779-2.779A2.782,2.782,0,0,1,120.573,78.252Z' transform='translate(826.714 -56.446)'/></g></svg><span>Rastreie seu pedido</span></a><form class='form-rastreio'><span>Digite o c�digo de rastreio para acompanhar seu pedido:</span><div class='wrap'><input type='text' placeholder='C�digo'><button class='rastrear'></button></div></form>"
      )
    );

    $(".rastrear").click(function(e) {
      e.preventDefault();
      var numerosro = $(".form-rastreio input").val();
      var url = "https://correiosrastrear.com/?tracking_field=" + numerosro;
      window.open(url, "blank");
    });
  };

  TRAY.methods.voltarTopo = function() {
    $(window).scroll(function() {
      $(this).scrollTop() > 100
        ? $(".scrollToTop").fadeIn()
        : $(".scrollToTop").fadeOut();
    });

    $(".scrollToTop").click(function() {
      $("html, body").animate(
        {
          scrollTop: 0
        },
        800
      );
      return false;
    });
  };

  TRAY.methods.popupNews = function() {
    var popup = document.querySelector("#popup");

    if (typeof popup != "undefined" && popup != null) {
      var documentEl = document.documentElement;
      var close = document.querySelector(".popup-close");

      var openPopup = function() {
        var popupStorage = sessionStorage.getItem("popup");

        if (!popupStorage) {
          sessionStorage.setItem("popup", 1);

          setTimeout(function() {
            documentEl.classList.add("popup-active");
          }, 3000);
        }
      };

      close.onclick = function() {
        documentEl.classList.remove("popup-active");
      };

      document.documentElement.onclick = function(event) {
        if (event.target == document.documentElement) {
          document.documentElement.classList.remove("popup-active");
        }
      };

      openPopup();
    }
  };

  TRAY.methods.rastreamento();
  // TRAY.methods.instagramRodape();
  TRAY.methods.voltarTopo();
  TRAY.methods.popupNews();
});