<div class="container poker-carousel-container">
  <div class="inner-pages__main-container">
    <div class="row">
      <div class="esport-main-container">
        <div id="poker-carousel" class="poker-carousel owl-carousel owl-theme owl-loaded owl-drag">
          <div class="owl-stage-outer">
            <div class="owl-stage" style="transition: 0.5s; width: 13392px;">
              <div class="owl-item active" style="width: 1096px; margin-right: 20px;">
                <div class="item">
                  <a href="/tr/Sports/BeterBettingEsport"> <img src="/Content/themes/v1/Sliders/ca137b24-f7b2-459c-a7d7-37af2aa64058.jpg" class="desktop-esport-img" /></a>
                </div>
              </div>
              <div class="owl-item" style="width: 1096px; margin-right: 20px;">
                <div class="item">
                  <a href="/tr/Sports/ESports"> <img src="/Content/themes/v1/Sliders/fed62373-8ae1-4922-9963-85bf32ad45d2.jpg" class="desktop-esport-img" /></a>
                </div>
              </div>
              <div class="owl-item" style="width: 1096px; margin-right: 20px;">
                <div class="item">
                  <a href="/tr/Sports/ESports"> <img src="/Content/themes/v1/Sliders/c655c5b5-a008-4ef1-9bdc-21bf9a3b6b35.jpg" class="desktop-esport-img" /></a>
                </div>
              </div>
              <div class="owl-item" style="width: 1096px; margin-right: 20px;">
                <div class="item">
                  <a href="/tr/Sports/ESports"> <img src="/Content/themes/v1/Sliders/65caee1f-a91b-494c-8c43-c086b7a7e05d.jpg" class="desktop-esport-img" /></a>
                </div>
              </div>
              <div class="owl-item" style="width: 1096px; margin-right: 20px;">
                <div class="item">
                  <a href="/tr/Sports/ESports"> <img src="/Content/themes/v1/Sliders/a1f48e57-fdfb-4250-bd4a-99c7b06f46e9.jpg" class="desktop-esport-img" /></a>
                </div>
              </div>
              <div class="owl-item" style="width: 1096px; margin-right: 20px;">
                <div class="item">
                  <a href="/tr/Sports/ESports"> <img src="/Content/themes/v1/Sliders/e48ef091-fb36-47b7-83fd-92d3d1640769.jpg" class="desktop-esport-img" /></a>
                </div>
              </div>
            </div>
          </div>
          <div class="owl-nav">
            <button type="button" role="presentation" class="owl-prev"><i class="fa fa-chevron-left"></i></button><button type="button" role="presentation" class="owl-next"><i class="fa fa-chevron-right"></i></button>
          </div>
          <div class="owl-dots">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="esport-items-container">
  <div class="row justify-content-center">
    <div class="col-12 col-sm-6 col-md-3">
      <div class="esport-items-container__item">
        <img src="/Content/img/esport-providers/betcoesports.jpg" alt="" />

        <p>BCBetting E-Spor</p>

        <a class="btn btn-primary" href="/tr/Sports/BcBettingESport">Şimdi bahis yap</a>
      </div>
    </div>
    <div class="col-12 col-sm-6 col-md-3">
      <div class="esport-items-container__item">
        <img src="/Content/img/esport-providers/BeterBetting.png" alt="" />

        <p>BeterBetting E-Spor</p>

        <a class="btn btn-primary" href="/tr/Sports/BeterBettingEsport">Şimdi bahis yap</a>
      </div>
    </div>
    <div class="col-12 col-sm-6 col-md-3">
      <div class="esport-items-container__item">
        <img src="/Content/img/esport-providers/DelaSportESport.png" alt="" />

        <p>DelaSport E-Spor</p>

        <a class="btn btn-primary" href="/tr/Sports/DelaSportEsport">Şimdi bahis yap</a>
      </div>
    </div>
    <div class="col-12 col-sm-6 col-md-3">
      <div class="esport-items-container__item">
        <img src="/Content/img/esport-providers/PinnacleEsport.png" alt="" />

        <p>Pinnacle E-Spor</p>

        <a class="btn btn-primary" href="/tr/Sports/StartPinnacleEsport">Şimdi bahis yap</a>
      </div>
    </div>
  </div>
</div>

<script>
  $("body").addClass("body-esport");

  $(document).ready(function () {
    $(".providers__info--icon").addClass("providers__info--icon-loaded");

    setInterval(function () {
      const randomNum = Math.floor(Math.random() * $(".providers__info--icon").length);
      $(".providers__info--icon").eq(randomNum).addClass("providers__info--icon-animating");
      $(".providers__info--icon").eq(randomNum).find(".info__overlay").addClass("info__overlay--active");
      setTimeout(function () {
        $(".providers__info--icon").eq(randomNum).removeClass("providers__info--icon-animating");
        $(".providers__info--icon").eq(randomNum).find(".info__overlay").removeClass("info__overlay--active");
      }, 800);
    }, 1400);

    $(".providers__info--icon").mouseenter(function () {
      $(this).addClass("providers__info--icon-active");
      $(this).parent().find(".providers__additional--info").fadeIn(400);
    });

    $(".providers__info--icon").mouseleave(function () {
      $(this).removeClass("providers__info--icon-active");
      $(this).parent().find(".providers__additional--info").fadeOut(250);
    });

    $("#poker-carousel").owlCarousel({
      items: 1,
      loop: true,
      nav: true,
      margin: 20,
      autoplay: true,
      autoplayTimeout: 4000,
      dots: true,
      navText: ["<i class='fa fa-chevron-left'></i>", "<i class='fa fa-chevron-right'></i>"],
    });
  });
</script>
<script type="text/javascript">
  const requestIsAuthenticated = "False";
  const isAnonymousUser = "False";

  $(document).ready(function () {
    $(".btn-primary").click(function (e) {
      e.preventDefault();

      if (requestIsAuthenticated === "True") {
        if (isAnonymousUser === "False") {
          window.open($(this).attr("data-href"), "", "width=1200, height=640");
        } else {
          $("#anonymousModal").modal();
        }
      } else {
        $("#login-modal").modal("show");
      }
    });
  });
</script>
