It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://aratok.com/

  1. <!DOCTYPE html>
  2. <html lang="ar-sy">
  3.  
  4. <head>
  5.  <!-- Meta Pixel Code -->
  6.  <script>
  7.    ! function(f, b, e, v, n, t, s) {
  8.      if (f.fbq) return;
  9.      n = f.fbq = function() {
  10.        n.callMethod ?
  11.          n.callMethod.apply(n, arguments) : n.queue.push(arguments)
  12.      };
  13.      if (!f._fbq) f._fbq = n;
  14.      n.push = n;
  15.      n.loaded = !0;
  16.      n.version = '2.0';
  17.      n.queue = [];
  18.      t = b.createElement(e);
  19.      t.async = !0;
  20.      t.src = v;
  21.      s = b.getElementsByTagName(e)[0];
  22.      s.parentNode.insertBefore(t, s)
  23.    }(window, document, 'script',
  24.      'https://connect.facebook.net/en_US/fbevents.js');
  25.    fbq('init', '853581552555321');
  26.    fbq('track', 'PageView');
  27.  </script>
  28.  <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=853581552555321&ev=PageView&noscript=1" /></noscript>
  29.  <!-- End Meta Pixel Code -->
  30.  
  31.  <!-- Global site tag (gtag.js) - Google Ads: 310190791 -->
  32.  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-310190791"></script>
  33.  <script>
  34.    window.dataLayer = window.dataLayer || [];
  35.  
  36.    function gtag() {
  37.      dataLayer.push(arguments);
  38.    }
  39.    gtag('js', new Date());
  40.  
  41.    gtag('config', 'AW-310190791');
  42.    gtag('event', 'conversion', {
  43.      'send_to': 'AW-310190791/YIOACJ-884YDEMfF9JMB'
  44.    });
  45.  </script>
  46.  
  47.    <!-- Google tag (gtag.js) -->
  48.  <script async src="https://www.googletagmanager.com/gtag/js?id=G-RCTT3WLFED"></script>
  49.  <script>
  50.    window.dataLayer = window.dataLayer || [];
  51.  
  52.    function gtag() {
  53.      dataLayer.push(arguments);
  54.    }
  55.    gtag('js', new Date());
  56.  
  57.    gtag('config', 'G-RCTT3WLFED');
  58.  </script>
  59.  
  60.  <meta charset="UTF-8">
  61.  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  62.  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
  63.  <meta name="keywords" content="مسابقة,مسابقات تفاعلية,اختبارات,فيديو تفاعلي,من سيربح المليون,جوائز,ربح,اربح,كاش,مسابقة,الحلم,مسابقات اراتوك,مسابقات أراتوك">
  64.  <meta name="description" content="أراتوك هي منصة عربية تطرح خدمات الترفيه عبر الفيديو التفاعلي. يتم بث العديد من العروض على أراتوك مثل الحفلات الموسيقية والستانداب كوميدي والمسابقات التفاعليّة. مسابقات أراتوك فريدة من نوعها عالميّاً حيث يمكن للمشاهدين المشاركة مجاناً بدون شروط.">
  65.  
  66.  <meta property="fb:app_id" content="442523440159195" />
  67.  
  68.  <link rel="shortcut icon" href="/frontend/images/newlogo_notext.png" type="image/x-icon">
  69.  
  70.    <style>
  71.    .footer-en {
  72.      text-align: left;
  73.  
  74.    }
  75.  
  76.    @media screen and (max-width: 575px) {
  77.      .footer-en {
  78.        text-align: center;
  79.  
  80.      }
  81.    }
  82.  
  83.    .fetti {}
  84.  </style>
  85.  <link href="https://fonts.googleapis.com/css2?family=Tajawal&display=swap" rel="stylesheet">
  86.  
  87.  <title>مسابقات اراتوك - Aratok - مسابقات - مسابقة - الحلم - جوائز - ربح - اربح - كاش - مسابقات أراتوك - مسابقات تفاعلية</title>
  88.  <link rel="stylesheet" href="/frontend/css/bootstrap-reboot.min.css">
  89.  <link rel="stylesheet" href="/frontend/css/tagsinput.css">
  90.  <link rel="stylesheet" href="/frontend/css/glide/glide.core.css">
  91.  <link rel="stylesheet" href="/frontend/css/glide/glide.theme.css">
  92.  <link rel="stylesheet" href="/frontend/css/book-ticket-modal.css">
  93.  <link rel="stylesheet" href="/frontend/css/ladda-bootstrap-master/ladda-themeless.min.css">
  94.  <link rel="stylesheet" href="/frontend/css/loader.css">
  95.  <link rel="stylesheet" href="/frontend/css/loading-screens/index.min.css">
  96.  <link rel="stylesheet" href="/frontend/chat/assets/fonts/MaterialDesign/css/materialdesignicons.min.css">
  97.  
  98.  
  99.  <!--<link rel="stylesheet" href="/frontend/css/bootstrap.min.css">-->
  100.  <!--<link href="/frontend/css/fontawesome.min.css" rel="stylesheet">-->
  101.  <link href="/frontend/css/all.min.css" rel="stylesheet">
  102.  <link rel="stylesheet" href="/frontend/css/main.css?3">
  103.  <link rel="stylesheet" href="/frontend/css/bootstrap-select.min.css">
  104.  <link rel="stylesheet" href="/frontend/css/bootstrap-select-country.min.css">
  105.  <link rel="stylesheet" href="/frontend/css/waitMe/waitMe.css">
  106.  
  107.  
  108.  <script src="/frontend/js/jquery-3.4.1.min.js"></script>
  109.  <script src="/frontend/js/popper.min.js"></script>
  110.  <script src="/frontend/js/bootstrap.min.js"></script>
  111.  <script src="/frontend/js/typeahead.bundle.js"></script>
  112.  <script src="/frontend/js/tagsinput.js"></script>
  113.  <script src="/frontend/js/glide/glide.js"></script>
  114.  <script src="/frontend/js/google-analytics-events.js?7"></script>
  115.  <script src="/frontend/js/step-wizard/jquery.smartWizard.min.js"></script>
  116.  <script src="/frontend/js/bootstrap-select.min.js"></script>
  117.  <script src="/frontend/js/ladda-bootstrap-master/spin.min.js"></script>
  118.  <script src="/frontend/js/ladda-bootstrap-master/ladda.min.js"></script>
  119.  <script src="/frontend/js/bootstrap-select-country-en.min.js?2"></script>
  120.  <script src="/frontend/js/mail-check/mailcheck.js?5"></script>
  121.  <script src="/frontend/js/cookie.min.js"></script>
  122.  <script src="/frontend/js/sweetalert.min.js"></script>
  123.  <script src="/frontend/js/waitMe/waitMe.js"></script>
  124.  
  125.  <script src="https://js.stripe.com/v3/"></script>
  126.  <script src="https://www.paypal.com/sdk/js?client-id=Acg_5a-kc0mrPRR0yAnjLD06sDP_uT_bQT1A44PxWnCtKVyVF6B8MdaaSI-H-4SFTexD4PQsSm3Fy0n9&intent=capture&disable-funding=card&currency=EUR"></script>
  127.  
  128.  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7802907683450739" crossorigin="anonymous"></script>
  129. </head>
  130.  
  131. <body id="body" dir="rtl">
  132.    <script src="/frontend/js/firebase/firebase-app.js"></script>
  133.  <script src="/frontend/js/firebase/firebase-auth.js"></script>
  134.  <script src="/frontend/js/firebase/firebase-database.js"></script>
  135.  <script src="/frontend/js/firebase/firebase-functions.js"></script>
  136.  <script src="/frontend/js/firebase/firebase-storage.js"></script>
  137.  <script src="/frontend/js/firebase/firebase-messaging.js"></script>
  138.  <script src="/frontend/js/firebase/firebase-analytics.js"></script>
  139.  <script src="/frontend/js/firebase/firebase-performance.js"></script>
  140.  <!--
  141.  <script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-app.js"></script>
  142.  <script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-auth.js"></script>
  143.  <script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-database.js"></script>
  144.  <script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-functions.js"></script>
  145.  <script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-storage.js"></script>
  146.  <script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-messaging.js"></script>
  147.  <script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-analytics.js"></script>
  148.  <script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-performance.js"></script>
  149. -->
  150.  
  151. <div id="pushMessageModal" class="modal" tabindex="-1" role="dialog">
  152.  <div class="modal-dialog" role="document">
  153.    <div class="modal-content">
  154.      <div class="modal-header" dir="ltr">
  155.        <h5 class="modal-title">Message</h5>
  156.        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  157.          <span aria-hidden="true">&times;</span>
  158.        </button>
  159.      </div>
  160.      <div class="modal-body" style="direction: ltr; text-align: left;">
  161.        Message
  162.      </div>
  163.      <div class="modal-footer" style="direction: ltr">
  164.        <a target="__blank" type="button" class="btn btn-primary" style="direction:ltr;">Go!</a>
  165.      </div>
  166.    </div>
  167.  </div>
  168. </div>
  169.  
  170. <script>
  171.  var globalDisableFirebase = false;
  172.  var fbc = {};
  173.  fbc[atob('c2VydmljZUFjY291bnQ=')]=atob('Li9hcmF0b2stMmZhMWMtZmlyZWJhc2UtYWRtaW5zZGstdjB3Y3UtODU4OTNjZGI4NS5qc29u');
  174. fbc[atob('YXBpS2V5')]=atob('QUl6YVN5QUVNVEl3ZGthZnN0OGNTakpvc3JkY0FsNk1LdE9JWHJB');
  175. fbc[atob('YXBwSWQ=')]=atob('MTo1MjAwOTA5MTY4ODp3ZWI6YTc3OTM3YTg0ZGMxZTYzMGUyYjFkZA==');
  176. fbc[atob('YXV0aERvbWFpbg==')]=atob('YXJhdG9rLTJmYTFjLmZpcmViYXNlYXBwLmNvbQ==');
  177. fbc[atob('ZGF0YWJhc2VVUkw=')]=atob('aHR0cHM6Ly9hcmF0b2stMmZhMWMuZmlyZWJhc2Vpby5jb20v');
  178. fbc[atob('bWVhc3VyZW1lbnRJZA==')]=atob('Ry0zTTRXMVZHRlhN');
  179. fbc[atob('bWVzc2FnaW5nU2VuZGVySWQ=')]=atob('NTIwMDkwOTE2ODg=');
  180. fbc[atob('cHJvamVjdElk')]=atob('YXJhdG9rLTJmYTFj');
  181. fbc[atob('c3RvcmFnZUJ1Y2tldA==')]=atob('YXJhdG9rLTJmYTFjLmFwcHNwb3QuY29t');
  182.  var firebaseLoggedIn = false;
  183.  var firebaseTimeOffset = 0;
  184.  
  185.  function setupMessaging() {
  186.    if (!firebase.messaging.isSupported()) return;
  187.    $('#pushMessageModal .modal-footer .btn-primary').click(e => {
  188.      $('#pushMessageModal').modal('hide');
  189.    })
  190.    const messaging = firebase.messaging();
  191.    messaging.onMessage(payload => {
  192.      firebase.analytics().logEvent('notification_received');
  193.      //Dont show notification on broadcast interface
  194.      if (typeof(settings) != 'undefined' && typeof(settings.mode) != 'undefined') return;
  195.  
  196.      console.log(window.location.pathname.split("/").pop());
  197.      //Dont show notification on chat interface
  198.      if (window.location.pathname.split("/").pop() == 'chat' && payload.data.channel != null) return;
  199.  
  200.      if (payload.data.channel == null) {
  201.        //Not a chat notification
  202.        if (window.location.href != payload.notification.click_action) {
  203.          var $modal = $('#pushMessageModal');
  204.          $('.modal-title', $modal).text(payload.notification.title);
  205.          var arabicAlphabet = /[\u0600-\u06FF]/;
  206.          var dir = arabicAlphabet.test(payload.notification.body) ? 'rtl' : 'ltr';
  207.          var textAlign = (dir == 'rtl') ? 'right' : 'left';
  208.          $('.modal-body', $modal).css({
  209.            'direction': dir,
  210.            'text-align': textAlign,
  211.          }).text(payload.notification.body);
  212.          $('.modal-footer .btn-primary', $modal).attr('href', payload.notification.click_action);
  213.          $modal.modal('show');
  214.        }
  215.      }
  216.    });
  217.  }
  218.  
  219.  async function subscribeToPush(userId, ticketId, mode = null, userChatId = null) {
  220.    const messaging = firebase.messaging();
  221.    const swRegistration = await navigator.serviceWorker.register('/firebase-messaging-sw.js?7');
  222.    const currentToken = await messaging.getToken({
  223.      serviceWorkerRegistration: swRegistration,
  224.      vapidKey: 'BMfUyNjWA-30q7Y_zeMFUsPq4Kmi8V_msJJThaIn8FmhpkGTfqF90gYOJsZW3PivV2Pav805m6s-KSOQU1tTYCc'
  225.    });
  226.    if (currentToken) {
  227.      var sendData = {
  228.        'class': 'WebPush',
  229.        'method': 'subscribeToWebPush',
  230.        'layout': 'ajax',
  231.        'token': currentToken,
  232.        'mode': mode,
  233.        'userChatId': userChatId
  234.      };
  235.      if (userId) sendData.userId = userId;
  236.      if (ticketId) sendData.ticketId = ticketId;
  237.            var result = await $.post('/index.php', sendData);
  238.      return result;
  239.    } else {
  240.      return 'No token';
  241.    }
  242.  }
  243.  firebaseLogin = null;
  244.  jQuery(function($) {
  245.    if (globalDisableFirebase) return;
  246.    firebase.initializeApp(fbc);
  247.    const analytics = firebase.analytics();
  248.    const perf = firebase.performance();
  249.    $(document).trigger('firebase-login-error', ['no-auth']);    database = firebase.database();
  250.    database.ref('.info/serverTimeOffset').once('value', snapshot => firebaseTimeOffset = snapshot.val());
  251.    setupMessaging();
  252.    if (firebase.messaging.isSupported() && Notification.permission == 'granted') {
  253.      if (false && Cookies) {
  254.        var lastUpdated = Cookies.get('webpush_last_updated');
  255.        if (!lastUpdated || parseInt(lastUpdated) < Date.now() - (24 * 60 * 60 * 1000)) {
  256.          subscribeToPush();
  257.          Cookies.set('webpush_last_updated', Date.now(), {
  258.            expires: 7
  259.          });
  260.        }
  261.      } else {
  262.        subscribeToPush();
  263.      }
  264.    }
  265.  
  266.    document.addEventListener('visibilitychange', () => {
  267.      if (typeof(document.hidden) == 'undefined') return;
  268.      if (document.hidden) return;
  269.  
  270.      var connected = false;
  271.      database.ref(`config/${Date.now()}`).once('value', snapshot => {
  272.        connected = true;
  273.      });
  274.      window.setTimeout(() => {
  275.        if (!connected) {
  276.          database.goOffline();
  277.          database.goOnline();
  278.          connected = true;
  279.        }
  280.      }, 1000);
  281.    }, false);
  282.  });
  283. </script>
  284.  <div class="spinner gone">
  285.    <div class="spinner-inner">
  286.      <div class="loader">Loading...</div>
  287.      <div class="spinner-text display-1">يرجى الانتظار ...</div>
  288.    </div>
  289.  </div>
  290.  <div class="container-fluid root-container" dir="ltr">
  291.    <header class="navbar navbar-expand-lg navbar-dark sticky-top row" style="direction: rtl;">
  292.      <div class="navbar-brand">
  293.        <a href="/"><img class="logo" src="/frontend/images/newlogo_trans.png" /></a>
  294.      </div>
  295.      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavBar" aria-controls="mainNavBar" aria-expanded="false" aria-label="Toggle navigation" onclick="mainNavBarClicked()">
  296.        <span class="navbar-toggler-icon"></span>
  297.      </button>
  298.      <div class="collapse navbar-collapse flex-column" id="mainNavBar">
  299.        <ul class="navbar-nav nav-main">
  300.          <li class="navbar-item nowrap langLi" style="padding-top: 5px;text-align: left ">
  301.            <a href="/?class=Main&method=ChangeLanguage" id="ChangeLng" class="nav-link">
  302.              <img style="width: 2em;" src="/frontend/images/United-Arab-Emirates_298414.png?2" />
  303.              <span id="LangSpan" style="font-size: 1rem"> عربي</span>
  304.            </a>
  305.          </li>
  306.                      <li class="navbar-item nowrap" style="padding-top: 5px;text-align: left;direction: ltr " id="nav_login_star">
  307.              <a href="#" class="nav-link" id="loginBtn" onclick="loginBtn()" data-toggle="modal" data-target="#quickLoginFormModal">Login</a>
  308.            </li>
  309.            <script>
  310.              function loginBtn() {
  311.                $('.login_target').val('normalLogin');
  312.  
  313.              }
  314.            </script>
  315.            <li class="navbar-item nav-live-concerts" style="padding-top: 5px;direction: ltr;text-align: left " id="nav-live-concerts">
  316.              <a id="liveLink" href="/live" class="nav-link">Shows</a>
  317.            </li>
  318.            <li class="navbar-item" style="padding-top: 5px;direction: ltr;text-align: left " id="nav-stars">
  319.              <a href="/starsFilter/الجميع" class="nav-link">Artists</a>
  320.            </li>
  321.            <li class="navbar-item" style="padding-top: 5px;direction: ltr;text-align: left " id="nav-public-meetings">
  322.              <a href="/meetings" class="nav-link">Meetings</a>
  323.            </li>
  324.            <li class="navbar-item" style="padding-top: 5px;direction: ltr;text-align: left " id="nav-contest">
  325.              <a href="/contest" class="nav-link">Contests</a>
  326.            </li>
  327.            <li class="navbar-item nowrap" style="padding-top: 5px;direction: ltr;text-align: left " id="nav-store">
  328.              <a href="/store" class="nav-link">Aratok Store</a>
  329.            </li>
  330.            <li class="navbar-item nowrap" style="padding-top: 5px;direction: ltr;text-align: left " id="nav-games">
  331.              <a href="/games" class="nav-link">Games</a>
  332.            </li>
  333.            <li class="navbar-item nowrap" style="padding-top: 5px;direction: ltr;text-align: left " id="nav-games">
  334.              <a href="/chat" class="nav-link">Chat</a>
  335.            </li>
  336.            <!--<li class="navbar-item nowrap" style="padding-top: 5px;direction: ltr;text-align: left " id="nav-store">
  337.              <a href="/game" class="nav-link">Daily Challenge</a>
  338.            </li>-->
  339.            <li class="navbar-item search-container gone" style="align-self:flex-end;">
  340.  
  341.              <input class="form-control" dir="ltr" type="text" placeholder="Search" aria-label="Search" id="txtSearch">
  342.              <div class="loader search-loader" style="display: none;left: auto;right: 5px;">
  343.                Loading...
  344.              </div>
  345.  
  346.              <script id="result-template" type="text/x-handlebars-template">
  347.                <div class="row search-result">
  348.                                <div class="col-4 star-image">
  349.                                    <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/{{star_image}}">
  350.                                </div>
  351.                                <div class="col-8 star-info">
  352.                                    <div class="col-12 star-name">
  353.                                        {{star_name}}
  354.                                    </div>
  355.                                    <div class="col-12 star-categories">
  356.                                        {{#each star_categories}}
  357.                                        <button class="btn btn-secondary category">
  358.                                            <i class="{{Icon}}"></i>
  359.                                            {{CategoryName}}
  360.                                        </button>
  361.                                        {{/each}}
  362.                                    </div>
  363.                                </div>
  364.                            </div>
  365.                        </script>
  366.              <script src="/frontend/js/handlebars.min.js"></script>
  367.              <script type="text/javascript">
  368.                var starsSource = new Bloodhound({
  369.                  datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
  370.                  queryTokenizer: Bloodhound.tokenizers.whitespace,
  371.                  remote: {
  372.                    url: 'index.php?go=search&search=%QUERY',
  373.                    wildcard: '%QUERY'
  374.                  }
  375.                });
  376.                $('#txtSearch').typeahead({
  377.                    hint: false
  378.                  }, {
  379.                    source: starsSource,
  380.                    displayKey: 'star_name',
  381.                    templates: {
  382.                      suggestion: Handlebars.compile($("#result-template").html())
  383.                    }
  384.                  }).on('typeahead:asyncrequest', function() {
  385.                    $('.search-loader').show();
  386.                  })
  387.                  .on('typeahead:asynccancel typeahead:asyncreceive', function() {
  388.                    $('.search-loader').hide();
  389.                  })
  390.                  .on('typeahead:select', function(e, suggestion) {
  391.  
  392.                    window.location.href = '/star/' + suggestion.url_key;
  393.                  });
  394.              </script>
  395.            </li>
  396.                  </ul>
  397.        <hr>
  398.      </div>
  399.    </header>
  400.    <script>
  401.      jQuery(function($) {
  402.        $('#mainNavBar').parent().on('shown.bs.collapse', function() {
  403.          $('#resources-menu')
  404.            .addClass('show')
  405.            .children('.dropdown-menu')
  406.            .addClass('show')
  407.            .end()
  408.            .children('.dropdown-toggle')
  409.            .attr('aria-expanded', 'true');
  410.        });
  411.      });
  412.  
  413.      const header = document.querySelector('header');
  414.      var screen = $(window)
  415.  
  416.      function setBackgroundImageForNormalPage(imageTagClassName, imageUrl, imageWidth) {
  417.        $('.banner-btn-web').removeClass('gone');
  418.        $('.banner-btn-row').addClass('gone');
  419.        $('#bannerSection').css('background-image', 'url("/frontend/images/main-page-slider-one/backgroundone-en.png?1"');
  420.        $('.' + imageTagClassName).attr('src', imageUrl);
  421.        $('.' + imageTagClassName).attr('width', imageWidth);
  422.        $('.text-pt').addClass('pl-5');
  423.  
  424.      }
  425.  
  426.      function changeToMobile(screenHeight, screenWidth, imageTagClassName, imageUrl = '', isiPadSize = false) {
  427.        $('.' + imageTagClassName).attr('src', imageUrl);
  428.        header.classList.add('header-main-page');
  429.        // debugger
  430.        if (isiPadSize) {
  431.          $('.image-pt').css('padding-top', screenHeight * 180 / 768);
  432.          $('.' + imageTagClassName).attr('width', screenWidth * 200 / 360);
  433.          $('#bannerSection').css('background-image', 'url("/frontend/images/main-page-slider-one/backgroundone-en.png?1"');
  434.          //$('#bannerSection').css('height', screenHeight);
  435.          $('#bannerSection').css('background-size', '100% 100%');
  436.          $('.slider-title').css('font-size', '60px');
  437.          $('.slider-desc').css('font-size', '20px');
  438.          $('.text-pt').css('padding-left', screenWidth * 15 / 360);
  439.        } else {
  440.          $('.banner-btn-web').addClass('gone');
  441.          $('.banner-btn-row').removeClass('gone');
  442.  
  443.          // $('.image-pt').css('padding-top', screenHeight * 278 / 640);
  444.          if (imageTagClassName === 'storeImageBanner') {
  445.  
  446.            $('.image-pt').css('padding-top', screenHeight * 390 / 640);
  447.  
  448.  
  449.          } else {
  450.            //$('.image-pt').css('padding-top', screenHeight * 280 / 640);
  451.            if (imageTagClassName == 'sliderImageTwo' || imageTagClassName == 'contestsPageImageBanner') $('.' + imageTagClassName).parent().css('padding-top', screenHeight * 220 / 640);
  452.            else $('.' + imageTagClassName).parent().css('padding-top', screenHeight * 280 / 640);
  453.  
  454.          }
  455.          $('.image-pt').removeClass('col-6');
  456.          $('.text-pt').removeClass('col-6');
  457.          $('.text-pt').addClass('text-div-sm-en');
  458.          $('.' + imageTagClassName).attr('width', screenWidth * 280 / 360);
  459.          $('#bannerSection').css('background-image', 'url("/frontend/images/main-page-slider-one/mobile/mobile-background.png?1"');
  460.          $('#bannerSection').css('height', screenHeight);
  461.          $('#bannerSection').css('background-size', '100% 100%');
  462.  
  463.          $('.text-pt').css('padding-top', screenHeight * 117 / 640);
  464.          $('header').css('position', 'fixed');
  465.          $('header').css('width', '100%');
  466.          $('header').css('position', 'fixed');
  467.          $('.banner-btn-row').css('margin-left', screenWidth * 35 / 360)
  468.          $('.banner-btn-row').css('margin-right', screenWidth * 60 / 360)
  469.          $('.banner-btn-row').css('padding-top', (screenWidth * 35 / 360) - 30)
  470.          $('.banner-mobile-btn').css('width', screenWidth * 191 / 360)
  471.          $('.banner-mobile-btn').css('height', screenWidth * 45 / 360)
  472.  
  473.          $('.text-pt').css('padding-left', screenWidth * 20 / 360);
  474.  
  475.          var language = 'en';
  476.          if (language == 'ar') {
  477.            $('.image-pt').css('padding-left', (screenWidth * 52 / 360) - 25);
  478.          }
  479.        }
  480.  
  481.  
  482.      }
  483.    </script>
  484.    <style>
  485.  #messages .message .fa-window-close {
  486.    position: absolute;
  487.    right: .5em;
  488.    top: .1em;
  489.  }
  490. </style>
  491. <div class="row justify-content-md-center" id="messages" style="pointer-events:none; position: fixed; left:0; top:0; right:0; z-index: 20000001;direction:ltr">
  492.  <div class="col-md-8 col-md-offset-2 message" id="messageTemplate" style="display: none;pointer-events:all;">
  493.    <div class="alert text-center">
  494.      <i class="far fa-window-close gone"></i>
  495.      <span></span>
  496.    </div>
  497.  </div>
  498. </div>
  499. <script>
  500.  var types = ['danger', 'warning', 'info', 'success'];
  501.  
  502.  function showMessage(text, type, showTime, closeBtn) {
  503.    if (type === undefined) type = 0;
  504.    if (showTime === undefined) showTime = 5;
  505.  
  506.    var arabicAlphabet = /[\u0600-\u06FF]/;
  507.    var dir = arabicAlphabet.test(text) ? 'rtl' : 'ltr';
  508.  
  509.    var alertClass = 'alert-' + types[type];
  510.    var message = $('#messageTemplate').clone().css('display', '');
  511.    message.removeAttr('id');
  512.    message.css('direction', dir);
  513.    $('.alert', message).addClass(alertClass);
  514.    $('span', message).html(text);
  515.    if (closeBtn == true) $('.fa-window-close', message).removeClass('gone');
  516.  
  517.    if (showTime > 0)
  518.      window.setTimeout(function() {
  519.        message.fadeOut('slow', function() {
  520.          $(this).remove();
  521.        });
  522.      }, showTime * 1000);
  523.  
  524.    message.appendTo('#messages');
  525.    return message;
  526.  }
  527.  jQuery(function($) {
  528.    $('#messages').on('click', '.message', function() {
  529.      $(this).addClass('gone');
  530.    });
  531.      });
  532. </script>
  533.  
  534. <script>
  535.  const copyToClipboard = str => {
  536.    if (navigator.clipboard) {
  537.      navigator.clipboard.writeText(str);
  538.    } else {
  539.      const el = document.createElement('textarea');
  540.      el.value = str;
  541.      document.body.appendChild(el);
  542.      el.select();
  543.      document.execCommand('copy');
  544.      document.body.removeChild(el);
  545.    }
  546.  };
  547.  jQuery(function() {
  548.    $('body').on('click', '.copy-url', function(e) {
  549.      copyToClipboard($(this).data('url'));
  550.      showMessage('The link has been copied successfully, you can paste it and share it in the way that suits you', 3);
  551.  
  552.      e.preventDefault();
  553.      return false;
  554.    }).on('click', '.copy-val', function(e) {
  555.      copyToClipboard($(this).data('copy-val'));
  556.      showMessage('Text has been successfully copied.', 3);
  557.  
  558.      e.preventDefault();
  559.      return false;
  560.    });
  561.  });
  562. </script>    <div class="row">
  563.      <div class="col contents">
  564.        <div class="row">
  565.  <div class="col-12 hero-container">
  566.    <section id="bannerSection">
  567.      <div id="myCarousel" class="carousel slide" style="position: unset !important;" data-ride="false" data-interval="5000">
  568.        <!-- Indicators -->
  569.        <ol class="carousel-indicators marg-mobile-screen">
  570.          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  571.          <li data-target="#myCarousel" data-slide-to="1"></li>
  572.          <li data-target="#myCarousel" data-slide-to="2"></li>        </ol>
  573.        <div class="carousel-inner">
  574.  
  575.          <div class="carousel-item active">
  576.            <div class="slider-container-en">
  577.              <div class="row" style="direction:rtl;">
  578.                <div class="col-6  image-pt image-larg-screen-en">
  579.                  <img class="sliderImageThree">
  580.                </div>
  581.                <div class="col-6 text-left text-pt text-larg-screen-en">
  582.                  <div class="form-group" id="sliderTitleDiv">
  583.                    <span class="slider-title nowrap">Aratok Meetings</span>
  584.                  </div>
  585.  
  586.                  <div class="form-group" style="direction:ltr;">
  587.                    <span class="slider-desc">Start a Meeting/Webniar <br> for Free in Seconds</span>
  588.                  </div>
  589.                  <button class="btn slider-btn banner-btn-web meetings-page" style="margin-left: 17px;direction: ltr">
  590.                    <span class="slider-btn-text nowrap">Start Now</span>
  591.                  </button>
  592.  
  593.                </div>
  594.  
  595.              </div>
  596.              <div class="row banner-btn-row gone">
  597.                <button class="btn slider-btn banner-mobile-btn meetings-page" style="margin-left/*: 17px;direction: */ltr">
  598.                  <span class="slider-btn-text nowrap">Start Now</span>
  599.                </button>
  600.              </div>
  601.            </div>
  602.          </div>
  603.  
  604.          <div class="carousel-item">
  605.            <div class="slider-container-en">
  606.              <div class="row" style="direction:rtl;">
  607.                <div class="col-6  image-pt image-larg-screen-en">
  608.                  <img class="sliderImageOne">
  609.                </div>
  610.                <div class="col-6 text-left text-pt text-larg-screen-en">
  611.                  <div class="form-group" id="sliderTitleDiv">
  612.                    <span class="slider-title nowrap">Aratok</span>
  613.                  </div>
  614.  
  615.                  <div class="form-group" style="direction:ltr;">
  616.                    <span class="slider-desc">Your Ultimate Platform for <br> Online and Hybrid Shows</span>
  617.                  </div>
  618.                  <button data-scroll="live-events" class="btn slider-btn banner-btn-web scrollto" style="margin-left: 17px;direction: ltr">
  619.                    <span class="slider-btn-text nowrap">Browse Events</span>
  620.                  </button>
  621.  
  622.                </div>
  623.  
  624.              </div>
  625.              <div class="row banner-btn-row gone">
  626.                <button data-scroll="live-events" class="btn slider-btn banner-mobile-btn scrollto" style="margin-left/*: 17px;direction: */ltr">
  627.                  <span class="slider-btn-text nowrap">Browse Events</span>
  628.                </button>
  629.              </div>
  630.            </div>
  631.          </div>
  632.  
  633.                      <div class="carousel-item">
  634.              <div class="slider-container-en">
  635.                <div class="row" style="direction:rtl;">
  636.                  <div class="col-6  image-pt image-larg-screen-en">
  637.                    <img class="sliderImageTwo">
  638.                  </div>
  639.                  <div class="col-6 text-left text-pt text-larg-screen-en">
  640.                    <div class="form-group" id="sliderTitleDiv">
  641.                      <span class="slider-title nowrap">Contests & Rewards</span>
  642.                    </div>
  643.  
  644.                    <div class="form-group" style="direction:ltr;">
  645.                      <span class="slider-desc">Unique Live Contests <br> Knowledge, Fun and Win!</span>
  646.                    </div>
  647.                    <button class="btn slider-btn banner-btn-web contest-page" style="margin-left: 17px;direction: ltr">
  648.                      <span class="slider-btn-text nowrap">Join Now</span>
  649.                    </button>
  650.  
  651.                  </div>
  652.  
  653.                </div>
  654.                <div class="row banner-btn-row gone">
  655.                  <button class="btn slider-btn banner-mobile-btn contest-page" style="margin-left/*: 17px;direction: */ltr">
  656.                    <span class="slider-btn-text nowrap">Join Now</span>
  657.                  </button>
  658.                </div>
  659.              </div>
  660.            </div>
  661.          
  662.        </div>
  663.        <script type="text/javascript">
  664.          $(".scrollto").on('click', function(event) {
  665.            var scroll = $(this).data("scroll");
  666.            if (scroll) {
  667.              var userAgent = window.navigator.userAgent;
  668.              if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) {
  669.  
  670.                event.preventDefault();
  671.                $('html, body').animate({
  672.                  scrollTop: $(document.getElementById(scroll)).offset().top - 100
  673.                }, 500, function() {
  674.                  window.location.scroll = scroll;
  675.                });
  676.                return false;
  677.  
  678.              } else {
  679.                $('html, body').animate({
  680.                  scrollTop: $(document.getElementById(scroll)).offset().top - 100
  681.                }, 500, function() {
  682.                  window.location.scroll = scroll;
  683.                });
  684.              }
  685.            }
  686.          });
  687.          $('.contest-page').on('click', function() {
  688.            //window.location.href = '/contest?scrollTo=contest-section';
  689.            window.location.href = '/games';
  690.          })
  691.          $('.meetings-page').on('click', function() {
  692.            window.location.href = '/meetings';
  693.  
  694.          })
  695.        </script>
  696.        <a class="carousel-control-prev" href="#myCarousel" data-slide="next">
  697.          <i class="fas fa-angle-left" style="font-size: 50px;"></i>
  698.          <span class="sr-only">Next</span>
  699.        </a>
  700.        <a class="carousel-control-next" href="#myCarousel" data-slide="prev">
  701.          <i class="fas fa-angle-right" style="font-size: 50px;"></i>
  702.          <span class="sr-only">Previous</span>
  703.        </a>
  704.      </div>
  705.    </section>
  706.  
  707.  </div>
  708. </div>
  709. <script>
  710.  
  711. </script>
  712.  
  713. <script>
  714.    leaderBoardTypes = ['allTime', 'monthly', 'weekly']
  715. </script>
  716. <div class="row section" id="leader_board">
  717.    <div class="col-12">
  718.        <h1>Leader Board</h1>
  719.  
  720.    </div>
  721.    <div class="col-12">
  722.        <div class="row justify-content-center" id="leader-card-section">
  723.                            <div class="leader-card leader-card-allTime col-lg-3 col-md-5 col-sm-11 p-0 m-3  one">
  724.                    <div class="col-md-11 col-sm-12 col-md-12 p-0 ">
  725.                        <div class="header">
  726. <!--                            <i class="arrow fas fa-chevron-left"></i>-->
  727.                            <h3 class="title  header-title-allTime" style="color: white">All Time</h3>
  728.                            <div></div>
  729.                        </div>
  730.                        <div class="sort">
  731.                            <div class="day tab-allTime">All Time</div>
  732.                            <div class="day tab-weekly  active">Weekly</div>
  733.                            <div class="day tab-monthly">Monthly</div>
  734.                        </div>
  735.                        <div class="profile" style="direction: rtl">
  736.                            <div class="person second " id="second-person-allTime">
  737.                                <div class="num">2</div>
  738.                                <i class="fas fa-caret-up"></i>
  739.                                <img src="/frontend/images/placeholder_person.png"
  740.                                     id="second-image-allTime" class="photo">
  741.                                <p class="link" id="second-name-allTime" style="max-width:90px;">-</p>
  742.                                <p class="points"><i class="fas fa-coins" style="color: gold"></i> <span id="second-points-allTime">-</span></p>
  743.                            </div>
  744.                            <div class="person first" id="first-person-allTime">
  745.                                <i class="fas fa-crown"></i>
  746.                                <img src="/frontend/images/placeholder_person.png"
  747.                                     id="first-image-allTime" alt=""
  748.                                     class="photo main">
  749.                                <p class="link" id="first-name-allTime" style="max-width:90px;">-</p>
  750.                                <p class="points"><i class="fas fa-coins" style="color: gold"></i> <span id="first-points-allTime">-</span></p>
  751.                            </div>
  752.                            <div class="person third" id="third-person-allTime">
  753.                                <div class="num">3</div>
  754.                                <i class="fas fa-caret-up"></i>
  755.                                <img src="/frontend/images/placeholder_person.png"
  756.                                     id="third-image-allTime" alt="" class="photo">
  757.                                <p class="link" id="third-name-allTime" style="max-width:90px;">-</p>
  758.                                <p class="points"><i class="fas fa-coins" style="color: gold"></i> <span id="third-points-allTime">-</span></p>
  759.                            </div>
  760.                        </div>
  761.                        <div class="col-12 rest">
  762.                            <button class="leader-see-more-btn btn" onclick="window.location.href = '/leaderBoard'" style="direction: rtl">
  763.                                <span class="text-white nowrap">See More</span>
  764.                            </button>
  765.                        </div>
  766.                    </div>
  767.                </div>
  768.                            <div class="leader-card leader-card-monthly col-lg-3 col-md-5 col-sm-11 p-0 m-3  one">
  769.                    <div class="col-md-11 col-sm-12 col-md-12 p-0 ">
  770.                        <div class="header">
  771. <!--                            <i class="arrow fas fa-chevron-left"></i>-->
  772.                            <h3 class="title  header-title-monthly" style="color: white">Monthly</h3>
  773.                            <div></div>
  774.                        </div>
  775.                        <div class="sort">
  776.                            <div class="day tab-allTime">All Time</div>
  777.                            <div class="day tab-weekly  active">Weekly</div>
  778.                            <div class="day tab-monthly">Monthly</div>
  779.                        </div>
  780.                        <div class="profile" style="direction: rtl">
  781.                            <div class="person second " id="second-person-monthly">
  782.                                <div class="num">2</div>
  783.                                <i class="fas fa-caret-up"></i>
  784.                                <img src="/frontend/images/placeholder_person.png"
  785.                                     id="second-image-monthly" class="photo">
  786.                                <p class="link" id="second-name-monthly" style="max-width:90px;">-</p>
  787.                                <p class="points"><i class="fas fa-coins" style="color: gold"></i> <span id="second-points-monthly">-</span></p>
  788.                            </div>
  789.                            <div class="person first" id="first-person-monthly">
  790.                                <i class="fas fa-crown"></i>
  791.                                <img src="/frontend/images/placeholder_person.png"
  792.                                     id="first-image-monthly" alt=""
  793.                                     class="photo main">
  794.                                <p class="link" id="first-name-monthly" style="max-width:90px;">-</p>
  795.                                <p class="points"><i class="fas fa-coins" style="color: gold"></i> <span id="first-points-monthly">-</span></p>
  796.                            </div>
  797.                            <div class="person third" id="third-person-monthly">
  798.                                <div class="num">3</div>
  799.                                <i class="fas fa-caret-up"></i>
  800.                                <img src="/frontend/images/placeholder_person.png"
  801.                                     id="third-image-monthly" alt="" class="photo">
  802.                                <p class="link" id="third-name-monthly" style="max-width:90px;">-</p>
  803.                                <p class="points"><i class="fas fa-coins" style="color: gold"></i> <span id="third-points-monthly">-</span></p>
  804.                            </div>
  805.                        </div>
  806.                        <div class="col-12 rest">
  807.                            <button class="leader-see-more-btn btn" onclick="window.location.href = '/leaderBoard'" style="direction: rtl">
  808.                                <span class="text-white nowrap">See More</span>
  809.                            </button>
  810.                        </div>
  811.                    </div>
  812.                </div>
  813.                            <div class="leader-card leader-card-weekly col-lg-3 col-md-5 col-sm-11 p-0 m-3  one">
  814.                    <div class="col-md-11 col-sm-12 col-md-12 p-0 ">
  815.                        <div class="header">
  816. <!--                            <i class="arrow fas fa-chevron-left"></i>-->
  817.                            <h3 class="title  header-title-weekly" style="color: white">Weekly</h3>
  818.                            <div></div>
  819.                        </div>
  820.                        <div class="sort">
  821.                            <div class="day tab-allTime">All Time</div>
  822.                            <div class="day tab-weekly  active">Weekly</div>
  823.                            <div class="day tab-monthly">Monthly</div>
  824.                        </div>
  825.                        <div class="profile" style="direction: rtl">
  826.                            <div class="person second " id="second-person-weekly">
  827.                                <div class="num">2</div>
  828.                                <i class="fas fa-caret-up"></i>
  829.                                <img src="/frontend/images/placeholder_person.png"
  830.                                     id="second-image-weekly" class="photo">
  831.                                <p class="link" id="second-name-weekly" style="max-width:90px;">-</p>
  832.                                <p class="points"><i class="fas fa-coins" style="color: gold"></i> <span id="second-points-weekly">-</span></p>
  833.                            </div>
  834.                            <div class="person first" id="first-person-weekly">
  835.                                <i class="fas fa-crown"></i>
  836.                                <img src="/frontend/images/placeholder_person.png"
  837.                                     id="first-image-weekly" alt=""
  838.                                     class="photo main">
  839.                                <p class="link" id="first-name-weekly" style="max-width:90px;">-</p>
  840.                                <p class="points"><i class="fas fa-coins" style="color: gold"></i> <span id="first-points-weekly">-</span></p>
  841.                            </div>
  842.                            <div class="person third" id="third-person-weekly">
  843.                                <div class="num">3</div>
  844.                                <i class="fas fa-caret-up"></i>
  845.                                <img src="/frontend/images/placeholder_person.png"
  846.                                     id="third-image-weekly" alt="" class="photo">
  847.                                <p class="link" id="third-name-weekly" style="max-width:90px;">-</p>
  848.                                <p class="points"><i class="fas fa-coins" style="color: gold"></i> <span id="third-points-weekly">-</span></p>
  849.                            </div>
  850.                        </div>
  851.                        <div class="col-12 rest">
  852.                            <button class="leader-see-more-btn btn" onclick="window.location.href = '/leaderBoard'" style="direction: rtl">
  853.                                <span class="text-white nowrap">See More</span>
  854.                            </button>
  855.                        </div>
  856.                    </div>
  857.                </div>
  858.                    </div>
  859.    </div>
  860. </div>
  861.  
  862. <script>
  863.  
  864.    leaderBoardTypes.forEach(function (value) {
  865.        $('.leader-card-' + value).waitMe({
  866.            effect: 'bounce',
  867.            text: '',
  868.            maxSize: '',
  869.            waitTime: -1,
  870.            textPos: 'horizontal',
  871.            fontSize: '',
  872.            source: '',
  873.            onClose: function () {
  874.            }
  875.        });
  876.    })
  877.    personOrder = ['third', 'second', 'first']
  878.  
  879.    function fetchDataFromFirebase(index, nodeName, userName, points, imageProfile) {
  880.        if (imageProfile == "") {
  881.            imageProfile = '/frontend/images/placeholder_person.png'
  882.        } else {
  883.            var baseimgeUrl = 'https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/';
  884.            imageProfile = imageProfile.substr(0, 8) == 'https://' ? imageProfile : baseimgeUrl + imageProfile
  885.        }
  886.        $('#' + personOrder[index] + '-image-' + nodeName).attr('src', imageProfile);
  887.        $('#' + personOrder[index] + '-name-' + nodeName).text(userName)
  888.        $('#' + personOrder[index] + '-points-' + nodeName).text(points)
  889.        if (index == 2) $('.leader-card-' + nodeName).waitMe('hide')
  890.  
  891.    }
  892.  
  893.    jQuery(($) => {
  894.        for (const leaderBoardType of leaderBoardTypes) {
  895.            var scoresRef = database.ref("leaderBoard/" + leaderBoardType);
  896.            scoresRef.orderByChild("points").limitToLast(3).on("value", function (snapshot) {
  897.                var index = 0;
  898.                snapshot.forEach(function (data) {
  899.                    //console.log(data.key); // "-M-...."
  900.                    //console.log(data.val().userName); // "Anrzej"
  901.                    //console.log(data.val().points); // 11
  902.                    //console.log(index); // 11
  903.                    fetchDataFromFirebase(index, leaderBoardType, data.val().userName, data.val().points, data.val().userImageUrl)
  904.                    index++
  905.                });
  906.            });
  907.        }
  908.  
  909.    });
  910.  
  911.    $('.tab-allTime').click(function () {
  912.  
  913.        $('.day').removeClass('active');
  914.        $('.tab-allTime').addClass('active');
  915.        $('.leader-card').addClass('gone');
  916.        $('.leader-card-allTime').css('display', 'block');
  917.        $('.leader-card-allTime').removeClass('gone');
  918.    })
  919.    $('.tab-monthly').click(function () {
  920.  
  921.        $('.day').removeClass('active');
  922.        $('.tab-monthly').addClass('active');
  923.        $('.leader-card').addClass('gone');
  924.        $('.leader-card-monthly').css('display', 'block');
  925.        $('.leader-card-monthly').removeClass('gone');
  926.    })
  927.    $('.tab-weekly').click(function () {
  928.  
  929.        $('.day').removeClass('active');
  930.        $('.tab-weekly').addClass('active');
  931.        $('.leader-card').addClass('gone');
  932.        $('.leader-card-weekly').css('display', 'block');
  933.        $('.leader-card-weekly').removeClass('gone');
  934.    })
  935.  
  936. </script>
  937.  
  938.  
  939.  <div class="row section" id="live-contests">
  940.    <div class="col-12">
  941.      <h1>Featured Contests</h1>
  942.      <a href="/contest" class=" display-all-en">View all</a>
  943.    </div>
  944.    <div class="col-12">
  945.      <div class="event-collection-dev">
  946.  <div class="row justify-content-center">
  947.          <a href="https://aratok.com/live/590" class="card row col-lg-3 col-md-5 col-sm-11 p-0 m-3" data-event-id="590">
  948.        <div class="col-md-11 col-sm-12 col-md-12 p-0 b-radius">
  949.          <div class="row col-md mx-0 px-0 row-cont">
  950.  
  951.            <div class="event-img-container col-md-12 bg-danger p-0">
  952.              <img class="event-img" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/649dc8def38ed_WhatsApp Image 2023-06-29 at 19.jpg" />
  953.                              <div class="time-box ltr">
  954.                                      <span class="day">25</span>
  955.                    <span class="month">Jul</span>
  956.                                  </div>
  957.                            <div class="type-box ltr" style="left:auto;right:0">
  958.                <div>Live</div>
  959.              </div>
  960.              <div class="thin-square-en"></div>
  961.            </div>
  962.  
  963.            <div class="col-md-12 py-2 pl-4" style="margin-bottom:55px;">
  964.              <h3>
  965.                <div class="title title-en" style="direction: rtl;">مسابقة تحدي المعرفة - شارك، استمتع واربح</div>
  966.              </h3>
  967.                              <div class="price col-12">
  968.                  <div class="ticket-icon ml-2" style="margin-right: 10px;">
  969.                    <i class="fas fa-ticket-alt"></i>
  970.                  </div>
  971.                  <div class="ticket-price">
  972.                    Free                  </div>
  973.                </div>
  974.              
  975.              <div class="price col-12">
  976.                <div class="ticket-icon ml-2" style="margin-right: 10px;">
  977.                  <i class="fas fa-calendar-alt"></i>
  978.                </div>
  979.                <div class="ticket-price">
  980.                                      <div style="padding-right: 0;text-align:left"></div>
  981.                    <div style="padding-right: 0;text-align:left;">2023/7/25</div>
  982.                    <div style="padding-right: 0;text-align:left;">7:00 pm GMT </div>
  983.                    <div id="spanLocalTime-590" style="padding-right: 0;text-align:left;">
  984.                                              <script>
  985.                          var a = new Date(1690311600000);
  986.                          var b = new Intl.DateTimeFormat('en', {
  987.                            hour: 'numeric',
  988.                            minute: '2-digit'
  989.                          });
  990.                          // document.write(b.format(a).toLowerCase());
  991.                          document.getElementById('spanLocalTime-590').innerHTML = b.format(a).toLowerCase() + ' ' + 'Local';
  992.                        </script>
  993.                                          </div>
  994.                                  </div>
  995.              </div>
  996.            </div>
  997.            <div class="row col-12 px-0 m-0 btn-section">
  998.              <div class="col-12 m-0 p-0">
  999.                <button class="btn button btn-lg col-12 mx-0 py-2 px-2" style="border-radius:0 0 15px 15px;">
  1000.                  Finished                </button>
  1001.              </div>
  1002.            </div>
  1003.          </div>
  1004.        </div>
  1005.      </a>
  1006.          <a href="https://aratok.com/live/589" class="card row col-lg-3 col-md-5 col-sm-11 p-0 m-3" data-event-id="589">
  1007.        <div class="col-md-11 col-sm-12 col-md-12 p-0 b-radius">
  1008.          <div class="row col-md mx-0 px-0 row-cont">
  1009.  
  1010.            <div class="event-img-container col-md-12 bg-danger p-0">
  1011.              <img class="event-img" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/649dc8def38ed_WhatsApp Image 2023-06-29 at 19.jpg" />
  1012.                              <div class="time-box ltr">
  1013.                                      <span class="day">18</span>
  1014.                    <span class="month">Jul</span>
  1015.                                  </div>
  1016.                            <div class="type-box ltr" style="left:auto;right:0">
  1017.                <div>Live</div>
  1018.              </div>
  1019.              <div class="thin-square-en"></div>
  1020.            </div>
  1021.  
  1022.            <div class="col-md-12 py-2 pl-4" style="margin-bottom:55px;">
  1023.              <h3>
  1024.                <div class="title title-en" style="direction: rtl;">مسابقة تحدي المعرفة - شارك، استمتع واربح</div>
  1025.              </h3>
  1026.                              <div class="price col-12">
  1027.                  <div class="ticket-icon ml-2" style="margin-right: 10px;">
  1028.                    <i class="fas fa-ticket-alt"></i>
  1029.                  </div>
  1030.                  <div class="ticket-price">
  1031.                    Free                  </div>
  1032.                </div>
  1033.              
  1034.              <div class="price col-12">
  1035.                <div class="ticket-icon ml-2" style="margin-right: 10px;">
  1036.                  <i class="fas fa-calendar-alt"></i>
  1037.                </div>
  1038.                <div class="ticket-price">
  1039.                                      <div style="padding-right: 0;text-align:left"></div>
  1040.                    <div style="padding-right: 0;text-align:left;">2023/7/18</div>
  1041.                    <div style="padding-right: 0;text-align:left;">7:00 pm GMT </div>
  1042.                    <div id="spanLocalTime-589" style="padding-right: 0;text-align:left;">
  1043.                                              <script>
  1044.                          var a = new Date(1689706800000);
  1045.                          var b = new Intl.DateTimeFormat('en', {
  1046.                            hour: 'numeric',
  1047.                            minute: '2-digit'
  1048.                          });
  1049.                          // document.write(b.format(a).toLowerCase());
  1050.                          document.getElementById('spanLocalTime-589').innerHTML = b.format(a).toLowerCase() + ' ' + 'Local';
  1051.                        </script>
  1052.                                          </div>
  1053.                                  </div>
  1054.              </div>
  1055.            </div>
  1056.            <div class="row col-12 px-0 m-0 btn-section">
  1057.              <div class="col-12 m-0 p-0">
  1058.                <button class="btn button btn-lg col-12 mx-0 py-2 px-2" style="border-radius:0 0 15px 15px;">
  1059.                  Finished                </button>
  1060.              </div>
  1061.            </div>
  1062.          </div>
  1063.        </div>
  1064.      </a>
  1065.          <a href="https://aratok.com/live/584" class="card row col-lg-3 col-md-5 col-sm-11 p-0 m-3" data-event-id="584">
  1066.        <div class="col-md-11 col-sm-12 col-md-12 p-0 b-radius">
  1067.          <div class="row col-md mx-0 px-0 row-cont">
  1068.  
  1069.            <div class="event-img-container col-md-12 bg-danger p-0">
  1070.              <img class="event-img" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/649dc8def38ed_WhatsApp Image 2023-06-29 at 19.jpg" />
  1071.                              <div class="time-box ltr">
  1072.                                      <span class="day">04</span>
  1073.                    <span class="month">Jul</span>
  1074.                                  </div>
  1075.                            <div class="type-box ltr" style="left:auto;right:0">
  1076.                <div>Live</div>
  1077.              </div>
  1078.              <div class="thin-square-en"></div>
  1079.            </div>
  1080.  
  1081.            <div class="col-md-12 py-2 pl-4" style="margin-bottom:55px;">
  1082.              <h3>
  1083.                <div class="title title-en" style="direction: rtl;">مسابقة تحدي المعرفة - شارك، استمتع واربح</div>
  1084.              </h3>
  1085.                              <div class="price col-12">
  1086.                  <div class="ticket-icon ml-2" style="margin-right: 10px;">
  1087.                    <i class="fas fa-ticket-alt"></i>
  1088.                  </div>
  1089.                  <div class="ticket-price">
  1090.                    Free                  </div>
  1091.                </div>
  1092.              
  1093.              <div class="price col-12">
  1094.                <div class="ticket-icon ml-2" style="margin-right: 10px;">
  1095.                  <i class="fas fa-calendar-alt"></i>
  1096.                </div>
  1097.                <div class="ticket-price">
  1098.                                      <div style="padding-right: 0;text-align:left"></div>
  1099.                    <div style="padding-right: 0;text-align:left;">2023/7/4</div>
  1100.                    <div style="padding-right: 0;text-align:left;">7:00 pm GMT </div>
  1101.                    <div id="spanLocalTime-584" style="padding-right: 0;text-align:left;">
  1102.                                              <script>
  1103.                          var a = new Date(1688497200000);
  1104.                          var b = new Intl.DateTimeFormat('en', {
  1105.                            hour: 'numeric',
  1106.                            minute: '2-digit'
  1107.                          });
  1108.                          // document.write(b.format(a).toLowerCase());
  1109.                          document.getElementById('spanLocalTime-584').innerHTML = b.format(a).toLowerCase() + ' ' + 'Local';
  1110.                        </script>
  1111.                                          </div>
  1112.                                  </div>
  1113.              </div>
  1114.            </div>
  1115.            <div class="row col-12 px-0 m-0 btn-section">
  1116.              <div class="col-12 m-0 p-0">
  1117.                <button class="btn button btn-lg col-12 mx-0 py-2 px-2" style="border-radius:0 0 15px 15px;">
  1118.                  Finished                </button>
  1119.              </div>
  1120.            </div>
  1121.          </div>
  1122.        </div>
  1123.      </a>
  1124.      </div>
  1125. </div>    </div>
  1126.  </div>
  1127.  <hr class="hr">
  1128.  
  1129.  <div class="row section" id="live-events">
  1130.    <div class="col-12">
  1131.      <h1>Featured Shows</h1>
  1132.              <a href="/live" class=" display-all-en">View all</a>
  1133.          </div>
  1134.    <div class="col-12">
  1135.      <div class="event-collection-dev">
  1136.  <div class="row justify-content-center">
  1137.          <a href="https://aratok.com/live/192" class="card row col-lg-3 col-md-5 col-sm-11 p-0 m-3" data-event-id="192">
  1138.        <div class="col-md-11 col-sm-12 col-md-12 p-0 b-radius">
  1139.          <div class="row col-md mx-0 px-0 row-cont">
  1140.  
  1141.            <div class="event-img-container col-md-12 bg-danger p-0">
  1142.              <img class="event-img" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/60fc28db69533_08-To The Great Euphrates - Facebook Cover.jpg" />
  1143.                              <div class="time-box ltr">
  1144.                                      <span class="day">21</span>
  1145.                    <span class="month">Aug</span>
  1146.                                  </div>
  1147.                            <div class="type-box ltr" style="left:auto;right:0">
  1148.                <div>Rec</div>
  1149.              </div>
  1150.              <div class="thin-square-en"></div>
  1151.            </div>
  1152.  
  1153.            <div class="col-md-12 py-2 pl-4" style="margin-bottom:55px;">
  1154.              <h3>
  1155.                <div class="title title-en" style="direction: rtl;">To The Great Euphrates | إلى الفرات العظيم</div>
  1156.              </h3>
  1157.                              <div class="price col-12">
  1158.                  <div class="ticket-icon ml-2" style="margin-right: 10px;">
  1159.                    <i class="fas fa-ticket-alt"></i>
  1160.                  </div>
  1161.                  <div class="ticket-price">
  1162.                    From 3&#128;                  </div>
  1163.                </div>
  1164.              
  1165.              <div class="price col-12">
  1166.                <div class="ticket-icon ml-2" style="margin-right: 10px;">
  1167.                  <i class="fas fa-calendar-alt"></i>
  1168.                </div>
  1169.                <div class="ticket-price">
  1170.                                      <div style="padding-right: 0;text-align:left;">Recorded</div>
  1171.                                  </div>
  1172.              </div>
  1173.            </div>
  1174.            <div class="row col-12 px-0 m-0 btn-section">
  1175.              <div class="col-12 m-0 p-0">
  1176.                <button class="btn button btn-lg col-12 mx-0 py-2 px-2" style="border-radius:0 0 15px 15px;">
  1177.                  Finished                </button>
  1178.              </div>
  1179.            </div>
  1180.          </div>
  1181.        </div>
  1182.      </a>
  1183.          <a href="https://aratok.com/live/591" class="card row col-lg-3 col-md-5 col-sm-11 p-0 m-3" data-event-id="591">
  1184.        <div class="col-md-11 col-sm-12 col-md-12 p-0 b-radius">
  1185.          <div class="row col-md mx-0 px-0 row-cont">
  1186.  
  1187.            <div class="event-img-container col-md-12 bg-danger p-0">
  1188.              <img class="event-img" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/64f5e7beb86c6_WhatsApp Image 2023-09-04 at 14.jpg" />
  1189.                              <div class="time-box ltr">
  1190.                                      <span class="day">09</span>
  1191.                    <span class="month">Sep</span>
  1192.                                  </div>
  1193.                            <div class="type-box ltr" style="left:auto;right:0">
  1194.                <div>Live</div>
  1195.              </div>
  1196.              <div class="thin-square-en"></div>
  1197.            </div>
  1198.  
  1199.            <div class="col-md-12 py-2 pl-4" style="margin-bottom:55px;">
  1200.              <h3>
  1201.                <div class="title title-en" style="direction: rtl;">مهرجان الموسقى العربية 3.0 - حفل تونس</div>
  1202.              </h3>
  1203.                              <div class="price col-12">
  1204.                  <div class="ticket-icon ml-2" style="margin-right: 10px;">
  1205.                    <i class="fas fa-ticket-alt"></i>
  1206.                  </div>
  1207.                  <div class="ticket-price">
  1208.                    Free                  </div>
  1209.                </div>
  1210.              
  1211.              <div class="price col-12">
  1212.                <div class="ticket-icon ml-2" style="margin-right: 10px;">
  1213.                  <i class="fas fa-calendar-alt"></i>
  1214.                </div>
  1215.                <div class="ticket-price">
  1216.                                      <div style="padding-right: 0;text-align:left"></div>
  1217.                    <div style="padding-right: 0;text-align:left;">2023/9/9</div>
  1218.                    <div style="padding-right: 0;text-align:left;">7:00 pm GMT </div>
  1219.                    <div id="spanLocalTime-591" style="padding-right: 0;text-align:left;">
  1220.                                              <script>
  1221.                          var a = new Date(1694286000000);
  1222.                          var b = new Intl.DateTimeFormat('en', {
  1223.                            hour: 'numeric',
  1224.                            minute: '2-digit'
  1225.                          });
  1226.                          // document.write(b.format(a).toLowerCase());
  1227.                          document.getElementById('spanLocalTime-591').innerHTML = b.format(a).toLowerCase() + ' ' + 'Local';
  1228.                        </script>
  1229.                                          </div>
  1230.                                  </div>
  1231.              </div>
  1232.            </div>
  1233.            <div class="row col-12 px-0 m-0 btn-section">
  1234.              <div class="col-12 m-0 p-0">
  1235.                <button class="btn button btn-lg col-12 mx-0 py-2 px-2" style="border-radius:0 0 15px 15px;">
  1236.                  Finished                </button>
  1237.              </div>
  1238.            </div>
  1239.          </div>
  1240.        </div>
  1241.      </a>
  1242.          <a href="https://aratok.com/live/325" class="card row col-lg-3 col-md-5 col-sm-11 p-0 m-3" data-event-id="325">
  1243.        <div class="col-md-11 col-sm-12 col-md-12 p-0 b-radius">
  1244.          <div class="row col-md mx-0 px-0 row-cont">
  1245.  
  1246.            <div class="event-img-container col-md-12 bg-danger p-0">
  1247.              <img class="event-img" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/6241ee7eaa87e_the night of the voice-2.jpg" />
  1248.                              <div class="time-box ltr">
  1249.                                      <span class="day">07</span>
  1250.                    <span class="month">Apr</span>
  1251.                                  </div>
  1252.                            <div class="type-box ltr" style="left:auto;right:0">
  1253.                <div>Live</div>
  1254.              </div>
  1255.              <div class="thin-square-en"></div>
  1256.            </div>
  1257.  
  1258.            <div class="col-md-12 py-2 pl-4" style="margin-bottom:55px;">
  1259.              <h3>
  1260.                <div class="title title-en" style="direction: rtl;">"The night of the voices" - online students showcase</div>
  1261.              </h3>
  1262.                              <div class="price col-12">
  1263.                  <div class="ticket-icon ml-2" style="margin-right: 10px;">
  1264.                    <i class="fas fa-ticket-alt"></i>
  1265.                  </div>
  1266.                  <div class="ticket-price">
  1267.                    Free                  </div>
  1268.                </div>
  1269.              
  1270.              <div class="price col-12">
  1271.                <div class="ticket-icon ml-2" style="margin-right: 10px;">
  1272.                  <i class="fas fa-calendar-alt"></i>
  1273.                </div>
  1274.                <div class="ticket-price">
  1275.                                      <div style="padding-right: 0;text-align:left"></div>
  1276.                    <div style="padding-right: 0;text-align:left;">2022/4/7</div>
  1277.                    <div style="padding-right: 0;text-align:left;">6:00 pm GMT </div>
  1278.                    <div id="spanLocalTime-325" style="padding-right: 0;text-align:left;">
  1279.                                              <script>
  1280.                          var a = new Date(1649354400000);
  1281.                          var b = new Intl.DateTimeFormat('en', {
  1282.                            hour: 'numeric',
  1283.                            minute: '2-digit'
  1284.                          });
  1285.                          // document.write(b.format(a).toLowerCase());
  1286.                          document.getElementById('spanLocalTime-325').innerHTML = b.format(a).toLowerCase() + ' ' + 'Local';
  1287.                        </script>
  1288.                                          </div>
  1289.                                  </div>
  1290.              </div>
  1291.            </div>
  1292.            <div class="row col-12 px-0 m-0 btn-section">
  1293.              <div class="col-12 m-0 p-0">
  1294.                <button class="btn button btn-lg col-12 mx-0 py-2 px-2" style="border-radius:0 0 15px 15px;">
  1295.                  Finished                </button>
  1296.              </div>
  1297.            </div>
  1298.          </div>
  1299.        </div>
  1300.      </a>
  1301.      </div>
  1302. </div>    </div>
  1303.  </div>
  1304.  <hr class="hr">
  1305.  
  1306.  
  1307.  <div class="row section" id="arab-world-stars">
  1308.    <div class="col-12">
  1309.      <h1>Featured Artists</h1>
  1310.    </div>
  1311.    <div class="col-12">
  1312.      <div class="row justify-content-center star-collection star-collection-4855">
  1313.      <div class="star-item" data-video-id="HcEaCRqiGELE1gRIyHtgIlWyXoP1e6uNb5HhgasOXxM">
  1314.      <div class="star-image">
  1315.        <a href="https://aratok.com/star/ميسون-أبو-أسعد">
  1316.          <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5f8245370519f.jpg" alt="">
  1317.          <div class="star-name">ميسون أبو أسعد</div>
  1318.        </a>
  1319.      </div>
  1320.              <div class="star-video gone">
  1321.          <a href="https://aratok.com/star/ميسون-أبو-أسعد">
  1322.            <img class="poster" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5f8245370519f.jpg" alt="">
  1323.            <div class="poster loader">&nbsp;</div>
  1324.            <video class="hls-enabled gone" data-playback-id="HcEaCRqiGELE1gRIyHtgIlWyXoP1e6uNb5HhgasOXxM" data-video-title="ميسون أبو أسعد - card" muted loop></video>
  1325.            <!--<button class="btn btn-primary request-video-button">اطلب فيديو</button>-->
  1326.          </a>
  1327.          <a href="#" class="mute"><i class="fas fa-volume-off"></i></a>
  1328.        </div>
  1329.          </div>
  1330.      <div class="star-item" data-video-id="ATlznsPeMbpLWHFUjLB9WOswmyWBaC2LM02jDjeGixMQ">
  1331.      <div class="star-image">
  1332.        <a href="https://aratok.com/star/عهد-ديب">
  1333.          <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5f00a678bfa35.jpg" alt="">
  1334.          <div class="star-name">عهد ديب</div>
  1335.        </a>
  1336.      </div>
  1337.              <div class="star-video gone">
  1338.          <a href="https://aratok.com/star/عهد-ديب">
  1339.            <img class="poster" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5f00a678bfa35.jpg" alt="">
  1340.            <div class="poster loader">&nbsp;</div>
  1341.            <video class="hls-enabled gone" data-playback-id="ATlznsPeMbpLWHFUjLB9WOswmyWBaC2LM02jDjeGixMQ" data-video-title="عهد ديب - card" muted loop></video>
  1342.            <!--<button class="btn btn-primary request-video-button">اطلب فيديو</button>-->
  1343.          </a>
  1344.          <a href="#" class="mute"><i class="fas fa-volume-off"></i></a>
  1345.        </div>
  1346.          </div>
  1347.      <div class="star-item" data-video-id="RPb9inqNhXnJoAmF2RzKnY9JUQvV9b22rZSLNptnWhs">
  1348.      <div class="star-image">
  1349.        <a href="https://aratok.com/star/زياد-الأحمدية">
  1350.          <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5f918b9a1c32d.jpg" alt="">
  1351.          <div class="star-name">زياد الأحمدية</div>
  1352.        </a>
  1353.      </div>
  1354.              <div class="star-video gone">
  1355.          <a href="https://aratok.com/star/زياد-الأحمدية">
  1356.            <img class="poster" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5f918b9a1c32d.jpg" alt="">
  1357.            <div class="poster loader">&nbsp;</div>
  1358.            <video class="hls-enabled gone" data-playback-id="RPb9inqNhXnJoAmF2RzKnY9JUQvV9b22rZSLNptnWhs" data-video-title="زياد الأحمدية - card" muted loop></video>
  1359.            <!--<button class="btn btn-primary request-video-button">اطلب فيديو</button>-->
  1360.          </a>
  1361.          <a href="#" class="mute"><i class="fas fa-volume-off"></i></a>
  1362.        </div>
  1363.          </div>
  1364.      <div class="star-item" data-video-id="eMkdOy9WhkVpKPXWDFZvrkRR02fHhFprCbGErLN48Ymg">
  1365.      <div class="star-image">
  1366.        <a href="https://aratok.com/star/عبد-المنعم-عمايري">
  1367.          <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5f00e6c1ec931.jpg" alt="">
  1368.          <div class="star-name">عبد المنعم عمايري</div>
  1369.        </a>
  1370.      </div>
  1371.              <div class="star-video gone">
  1372.          <a href="https://aratok.com/star/عبد-المنعم-عمايري">
  1373.            <img class="poster" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5f00e6c1ec931.jpg" alt="">
  1374.            <div class="poster loader">&nbsp;</div>
  1375.            <video class="hls-enabled gone" data-playback-id="eMkdOy9WhkVpKPXWDFZvrkRR02fHhFprCbGErLN48Ymg" data-video-title="عبد المنعم عمايري - card" muted loop></video>
  1376.            <!--<button class="btn btn-primary request-video-button">اطلب فيديو</button>-->
  1377.          </a>
  1378.          <a href="#" class="mute"><i class="fas fa-volume-off"></i></a>
  1379.        </div>
  1380.          </div>
  1381.      <div class="star-item" data-video-id="LaiYFml8UU2GdsgSy00Ijb2A6Rj9XEah02cN7GjWN01WbE">
  1382.      <div class="star-image">
  1383.        <a href="https://aratok.com/star/مياس-اليماني">
  1384.          <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/60002057ce065_WhatsApp Image 2021-01-12 at 18.35.06.jpeg" alt="">
  1385.          <div class="star-name">Maias Alyamani</div>
  1386.        </a>
  1387.      </div>
  1388.              <div class="star-video gone">
  1389.          <a href="https://aratok.com/star/مياس-اليماني">
  1390.            <img class="poster" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/60002057ce065_WhatsApp Image 2021-01-12 at 18.35.06.jpeg" alt="">
  1391.            <div class="poster loader">&nbsp;</div>
  1392.            <video class="hls-enabled gone" data-playback-id="LaiYFml8UU2GdsgSy00Ijb2A6Rj9XEah02cN7GjWN01WbE" data-video-title="Maias Alyamani - card" muted loop></video>
  1393.            <!--<button class="btn btn-primary request-video-button">اطلب فيديو</button>-->
  1394.          </a>
  1395.          <a href="#" class="mute"><i class="fas fa-volume-off"></i></a>
  1396.        </div>
  1397.          </div>
  1398.      <div class="star-item" data-video-id="KGTtVyjHg3dgT21aFFBERmJtNvh2TpbWdRArQt4pX5U">
  1399.      <div class="star-image">
  1400.        <a href="https://aratok.com/star/stefania-milazzo">
  1401.          <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/61546ac966e26_5669.jpeg" alt="">
  1402.          <div class="star-name">Stefania Milazzo</div>
  1403.        </a>
  1404.      </div>
  1405.              <div class="star-video gone">
  1406.          <a href="https://aratok.com/star/stefania-milazzo">
  1407.            <img class="poster" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/61546ac966e26_5669.jpeg" alt="">
  1408.            <div class="poster loader">&nbsp;</div>
  1409.            <video class="hls-enabled gone" data-playback-id="KGTtVyjHg3dgT21aFFBERmJtNvh2TpbWdRArQt4pX5U" data-video-title="Stefania Milazzo - card" muted loop></video>
  1410.            <!--<button class="btn btn-primary request-video-button">اطلب فيديو</button>-->
  1411.          </a>
  1412.          <a href="#" class="mute"><i class="fas fa-volume-off"></i></a>
  1413.        </div>
  1414.          </div>
  1415.      <div class="star-item" data-video-id="BcWCql2xt4A028g5lprv011rK6VV002nSB7p36jzm5tcKg">
  1416.      <div class="star-image">
  1417.        <a href="https://aratok.com/star/شكران-مرتجى">
  1418.          <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5f835fcccb419.jpg" alt="">
  1419.          <div class="star-name">شكران مرتجى</div>
  1420.        </a>
  1421.      </div>
  1422.              <div class="star-video gone">
  1423.          <a href="https://aratok.com/star/شكران-مرتجى">
  1424.            <img class="poster" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5f835fcccb419.jpg" alt="">
  1425.            <div class="poster loader">&nbsp;</div>
  1426.            <video class="hls-enabled gone" data-playback-id="BcWCql2xt4A028g5lprv011rK6VV002nSB7p36jzm5tcKg" data-video-title="شكران مرتجى - card" muted loop></video>
  1427.            <!--<button class="btn btn-primary request-video-button">اطلب فيديو</button>-->
  1428.          </a>
  1429.          <a href="#" class="mute"><i class="fas fa-volume-off"></i></a>
  1430.        </div>
  1431.          </div>
  1432.      <div class="star-item" data-video-id="8XLia01M96QK01S3QQnVMj02pGHKpmBREp023NOy3Q9MPj4">
  1433.      <div class="star-image">
  1434.        <a href="https://aratok.com/star/ميس-حرب">
  1435.          <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/61546981d90a0_91ab.jpeg" alt="">
  1436.          <div class="star-name">ميس حرب</div>
  1437.        </a>
  1438.      </div>
  1439.              <div class="star-video gone">
  1440.          <a href="https://aratok.com/star/ميس-حرب">
  1441.            <img class="poster" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/61546981d90a0_91ab.jpeg" alt="">
  1442.            <div class="poster loader">&nbsp;</div>
  1443.            <video class="hls-enabled gone" data-playback-id="8XLia01M96QK01S3QQnVMj02pGHKpmBREp023NOy3Q9MPj4" data-video-title="ميس حرب - card" muted loop></video>
  1444.            <!--<button class="btn btn-primary request-video-button">اطلب فيديو</button>-->
  1445.          </a>
  1446.          <a href="#" class="mute"><i class="fas fa-volume-off"></i></a>
  1447.        </div>
  1448.          </div>
  1449.      <div class="star-item" data-video-id="un101M6opuZ56ynKtLYPT5diZNeyJ3G1vbBBV2SCFWGg">
  1450.      <div class="star-image">
  1451.        <a href="https://aratok.com/star/وفاء-موصللي">
  1452.          <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5ef882a44e27b.jpg" alt="">
  1453.          <div class="star-name">وفاء موصللي</div>
  1454.        </a>
  1455.      </div>
  1456.              <div class="star-video gone">
  1457.          <a href="https://aratok.com/star/وفاء-موصللي">
  1458.            <img class="poster" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5ef882a44e27b.jpg" alt="">
  1459.            <div class="poster loader">&nbsp;</div>
  1460.            <video class="hls-enabled gone" data-playback-id="un101M6opuZ56ynKtLYPT5diZNeyJ3G1vbBBV2SCFWGg" data-video-title="وفاء موصللي - card" muted loop></video>
  1461.            <!--<button class="btn btn-primary request-video-button">اطلب فيديو</button>-->
  1462.          </a>
  1463.          <a href="#" class="mute"><i class="fas fa-volume-off"></i></a>
  1464.        </div>
  1465.          </div>
  1466.      <div class="star-item" data-video-id="PZ5UV00j8xUeN3vXp2sgxLc8hlciKKTlBBe4Qp7DnZC8">
  1467.      <div class="star-image">
  1468.        <a href="https://aratok.com/star/ناي-البرغوثي">
  1469.          <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/6001ea07b461c_00000.jpeg" alt="">
  1470.          <div class="star-name">ناي البرغوثي</div>
  1471.        </a>
  1472.      </div>
  1473.              <div class="star-video gone">
  1474.          <a href="https://aratok.com/star/ناي-البرغوثي">
  1475.            <img class="poster" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/6001ea07b461c_00000.jpeg" alt="">
  1476.            <div class="poster loader">&nbsp;</div>
  1477.            <video class="hls-enabled gone" data-playback-id="PZ5UV00j8xUeN3vXp2sgxLc8hlciKKTlBBe4Qp7DnZC8" data-video-title="ناي البرغوثي - card" muted loop></video>
  1478.            <!--<button class="btn btn-primary request-video-button">اطلب فيديو</button>-->
  1479.          </a>
  1480.          <a href="#" class="mute"><i class="fas fa-volume-off"></i></a>
  1481.        </div>
  1482.          </div>
  1483.      <div class="star-item" data-video-id="">
  1484.      <div class="star-image">
  1485.        <a href="https://aratok.com/star/monica--magnani">
  1486.          <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/605c7e9e04460_monica.jpeg" alt="">
  1487.          <div class="star-name">Monica  Magnani</div>
  1488.        </a>
  1489.      </div>
  1490.          </div>
  1491.      <div class="star-item" data-video-id="h1SmhkfKwg00eZ202Fo8Y1iV9jmnCwrUNiN4hl00haHpHc">
  1492.      <div class="star-image">
  1493.        <a href="https://aratok.com/star/علاء-مرسي">
  1494.          <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/6101979ce9905_7e52.jpeg" alt="">
  1495.          <div class="star-name">علاء مرسي</div>
  1496.        </a>
  1497.      </div>
  1498.              <div class="star-video gone">
  1499.          <a href="https://aratok.com/star/علاء-مرسي">
  1500.            <img class="poster" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/6101979ce9905_7e52.jpeg" alt="">
  1501.            <div class="poster loader">&nbsp;</div>
  1502.            <video class="hls-enabled gone" data-playback-id="h1SmhkfKwg00eZ202Fo8Y1iV9jmnCwrUNiN4hl00haHpHc" data-video-title="علاء مرسي - card" muted loop></video>
  1503.            <!--<button class="btn btn-primary request-video-button">اطلب فيديو</button>-->
  1504.          </a>
  1505.          <a href="#" class="mute"><i class="fas fa-volume-off"></i></a>
  1506.        </div>
  1507.          </div>
  1508.      <div class="star-item" data-video-id="IrbUBJ01ajGniQ5MSzXDI7fX1CmlIy9CP6hwkEIdIU01A">
  1509.      <div class="star-image">
  1510.        <a href="https://aratok.com/star/حسام-تحسين-بيك">
  1511.          <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5f00e5edd11de.jpg" alt="">
  1512.          <div class="star-name">حسام تحسين بيك</div>
  1513.        </a>
  1514.      </div>
  1515.              <div class="star-video gone">
  1516.          <a href="https://aratok.com/star/حسام-تحسين-بيك">
  1517.            <img class="poster" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5f00e5edd11de.jpg" alt="">
  1518.            <div class="poster loader">&nbsp;</div>
  1519.            <video class="hls-enabled gone" data-playback-id="IrbUBJ01ajGniQ5MSzXDI7fX1CmlIy9CP6hwkEIdIU01A" data-video-title="حسام تحسين بيك - card" muted loop></video>
  1520.            <!--<button class="btn btn-primary request-video-button">اطلب فيديو</button>-->
  1521.          </a>
  1522.          <a href="#" class="mute"><i class="fas fa-volume-off"></i></a>
  1523.        </div>
  1524.          </div>
  1525.      <div class="star-item" data-video-id="7mLMe02RVTmY5l01s4vIvximJ6x6UIII9pWgLF01HewuPM">
  1526.      <div class="star-image">
  1527.        <a href="https://aratok.com/star/سوسن-ميخائيل">
  1528.          <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5f0731b9207b3.jpg" alt="">
  1529.          <div class="star-name">سوسن ميخائيل</div>
  1530.        </a>
  1531.      </div>
  1532.              <div class="star-video gone">
  1533.          <a href="https://aratok.com/star/سوسن-ميخائيل">
  1534.            <img class="poster" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5f0731b9207b3.jpg" alt="">
  1535.            <div class="poster loader">&nbsp;</div>
  1536.            <video class="hls-enabled gone" data-playback-id="7mLMe02RVTmY5l01s4vIvximJ6x6UIII9pWgLF01HewuPM" data-video-title="سوسن ميخائيل - card" muted loop></video>
  1537.            <!--<button class="btn btn-primary request-video-button">اطلب فيديو</button>-->
  1538.          </a>
  1539.          <a href="#" class="mute"><i class="fas fa-volume-off"></i></a>
  1540.        </div>
  1541.          </div>
  1542.      <div class="star-item" data-video-id="yo00HG9Q00VKDDol2EZVQFwoperfct4vKvL5xrbreuoaU">
  1543.      <div class="star-image">
  1544.        <a href="https://aratok.com/star/مكادي-نحاس">
  1545.          <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5fb132678160d.jpg" alt="">
  1546.          <div class="star-name">مكادي نحاس</div>
  1547.        </a>
  1548.      </div>
  1549.              <div class="star-video gone">
  1550.          <a href="https://aratok.com/star/مكادي-نحاس">
  1551.            <img class="poster" src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5fb132678160d.jpg" alt="">
  1552.            <div class="poster loader">&nbsp;</div>
  1553.            <video class="hls-enabled gone" data-playback-id="yo00HG9Q00VKDDol2EZVQFwoperfct4vKvL5xrbreuoaU" data-video-title="مكادي نحاس - card" muted loop></video>
  1554.            <!--<button class="btn btn-primary request-video-button">اطلب فيديو</button>-->
  1555.          </a>
  1556.          <a href="#" class="mute"><i class="fas fa-volume-off"></i></a>
  1557.        </div>
  1558.          </div>
  1559.  </div>
  1560. <script type="text/javascript">
  1561.  jQuery(function($) {
  1562.    var isTouchDevice = ('ontouchstart' in window || 'onmsgesturechange' in window);
  1563.  
  1564.    $('.star-collection-4855 .star-item').mouseenter(function(e) {
  1565.      if (!isTouchDevice && $('.star-video', this).length > 0) {
  1566.        $('.star-image', this).addClass('gone');
  1567.        $('.star-video', this).removeClass('gone');
  1568.  
  1569.        var video = $('.star-video>a', this).children('video')[0];
  1570.        $(video).one('canplay', function() {
  1571.          $(this).parent().children('.poster').addClass('gone');
  1572.          $(this).removeClass('gone');
  1573.          video.currentTime = 0.2;
  1574.        });
  1575.        loadHLSVideo(video);
  1576.        video.currentTime = 0.2;
  1577.        video.play();
  1578.      }
  1579.    }).mouseleave(function(e) {
  1580.      if ($('.star-video', this).length == 0) return;
  1581.      $('.star-image', this).removeClass('gone');
  1582.      $('.star-video', this).addClass('gone');
  1583.  
  1584.      $('.fa-volume-up', this).removeClass('fa-volume-up').addClass('fa-volume-off');
  1585.      var video = $('.star-video>a', this).children('video')[0];
  1586.      video.muted = true;
  1587.      video.pause();
  1588.    });
  1589.  
  1590.    $('.star-collection-4855 .star-item .mute').click(function(e) {
  1591.      var video = $(this).parent().children('a').children('video')[0];
  1592.  
  1593.      if (video.muted) {
  1594.        video.muted = false;
  1595.        $('i', this).removeClass('fa-volume-off').addClass('fa-volume-up');
  1596.      } else {
  1597.        video.muted = true;
  1598.        $('i', this).addClass('fa-volume-off').removeClass('fa-volume-up');
  1599.      }
  1600.  
  1601.      e.preventDefault();
  1602.      return false;
  1603.    });
  1604.  });
  1605. </script>    </div>
  1606.  </div>
  1607.  
  1608.  <hr class="hr">
  1609.  
  1610. <div class="row justify-content-center section steps-parent">
  1611.  <div class="col-12">
  1612.    <h1>Our Partners</h1>
  1613.  </div>
  1614.  <div class="col-12">
  1615.  
  1616.    <section>
  1617.  
  1618.      <div id="partnerCarousel" class="carousel slide" data-ride="carousel" data-interval="5000">
  1619.        <!-- Indicators -->
  1620.        <ol class="carousel-indicators">
  1621.          <li data-target="#partnerCarousel" data-slide-to="0" class="active" style="background-color: black;"></li>
  1622.          <li data-target="#partnerCarousel" data-slide-to="1" style="background-color: black;"></li>
  1623.          <li data-target="#partnerCarousel" data-slide-to="2" style="background-color: black;"></li>
  1624.        </ol>
  1625.  
  1626.        <!-- Wrapper for slides -->
  1627.        <div class="carousel-inner-partner">
  1628.  
  1629.          <div class="carousel-item active">
  1630.            <div class="container">
  1631.              <div class="testimonial-slider owl-carousel">
  1632.  
  1633.                <div class="single-slide d-sm-flex">
  1634.                  <div class="customer-img mr-4 mb-4 mb-sm-0">
  1635.                    <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5f620aa896237.png?1" alt="" style="margin-left: ">
  1636.                  </div>
  1637.                  <div class="customer-text-en">
  1638.                                          <a href="/star/مقام-للانتاج-الفني">
  1639.                        <h5>Maqam for artistic production</h5>
  1640.                      </a>
  1641.  
  1642.  
  1643.                      <span><i>Artistic Production</i></span>
  1644.                      <p class="pt-3">
  1645.                        Maqam is an arts, music and cultural event management company that was
  1646.                        set up in 2012 for a simple goal – to create and get involved with high
  1647.                        quality culture and non mainstream events. As simple as that.
  1648.                        <br><br>
  1649.                      </p>
  1650.                    
  1651.                  </div>
  1652.                </div>
  1653.              </div>
  1654.            </div>
  1655.          </div>
  1656.          <div class="carousel-item">
  1657.            <div class="container">
  1658.              <div class="testimonial-slider owl-carousel">
  1659.  
  1660.                <div class="single-slide d-sm-flex">
  1661.                  <div class="customer-img mr-4 mb-4 mb-sm-0">
  1662.                    <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/5f7f0b9c1a28e.jpg" alt="" style="margin-left: ">
  1663.                  </div>
  1664.                  <div class="customer-text-en">
  1665.  
  1666.                                          <a href="/star/metro-al-madina">
  1667.                        <h5>Metro Al Madina</h5>
  1668.                      </a>
  1669.  
  1670.                      <span><i>Theatre</i></span>
  1671.                      <p class="pt-3">
  1672.                        Founded by Hisham Jaber and a group of Theatre enthusiasts, Metro has
  1673.                        produced a various amount of shows ranging from theatre performances,
  1674.                        concerts and music shows to musicals, orchestras and cabarets.
  1675.                        <br><br>
  1676.                      </p>
  1677.                                      </div>
  1678.                </div>
  1679.              </div>
  1680.            </div>
  1681.          </div>
  1682.          <div class="carousel-item">
  1683.            <div class="container">
  1684.              <div class="testimonial-slider owl-carousel">
  1685.  
  1686.                <div class="single-slide d-sm-flex">
  1687.                  <div class="customer-img mr-4 mb-4 mb-sm-0">
  1688.                    <img src="https://aratok-storage.s3.eu-west-1.amazonaws.com/photos/Stefania.jpg" alt="" style="margin-left: ">
  1689.                  </div>
  1690.                  <div class="customer-text-en">
  1691.  
  1692.                                          <a href="/star/metro-al-madina">
  1693.                        <h5>Vocal Power Training</h5>
  1694.                      </a>
  1695.  
  1696.                      <span><i>Training center</i></span>
  1697.                      <p class="pt-3">
  1698.                        Vocal Power Training is a vocal coaching and singing lessons service run
  1699.                        by Stefania Milazzo, an international singer and singing teacher from
  1700.                        Italy. The lessons are online or in person class, for any levels of
  1701.                        expertise, ages and musical backgrounds. Her incredible experience will
  1702.                        help you to flourish your unique singing voice.
  1703.                      </p>
  1704.                                      </div>
  1705.                </div>
  1706.              </div>
  1707.            </div>
  1708.          </div>
  1709.        </div>
  1710.  
  1711.        <!-- Left and right controls -->
  1712.        <a class="carousel-control-prev" href="#partnerCarousel" data-slide="next" style="color: black;">
  1713.          <i class="fas fa-angle-left" style="font-size: 50px;"></i>
  1714.          <span class="sr-only">Next</span>
  1715.        </a>
  1716.        <a class="carousel-control-next" href="#partnerCarousel" data-slide="prev" style="color: black;">
  1717.          <i class="fas fa-angle-right" style="font-size: 50px;"></i>
  1718.          <span class="sr-only">Previous</span>
  1719.        </a>
  1720.      </div>
  1721.    </section>
  1722.  </div>
  1723. </div>
  1724.  
  1725. <hr class="hr">
  1726.  
  1727. <div class="row section" style="direction: ltr">
  1728.  <div class="col-12">
  1729.    <h1>Gallery</h1>
  1730.  </div>
  1731.  <div class="col-12">
  1732.    <div class="glide">
  1733.      <div class="glide__track" data-glide-el="track">
  1734.        <ul class="glide__slides">
  1735.          <li class="glide__slide"><img src="/frontend/images/gallery/1.jpg"></li>
  1736.          <li class="glide__slide"><img src="/frontend/images/gallery/3.jpg"></li>
  1737.          <li class="glide__slide"><img src="/frontend/images/gallery/4.jpg"></li>
  1738.          <li class="glide__slide"><img src="/frontend/images/gallery/5.jpg"></li>
  1739.          <li class="glide__slide"><img src="/frontend/images/gallery/6.jpg"></li>
  1740.          <li class="glide__slide"><img src="/frontend/images/gallery/7.jpg"></li>
  1741.          <li class="glide__slide"><img src="/frontend/images/gallery/8.jpg"></li>
  1742.          <li class="glide__slide"><img src="/frontend/images/gallery/9.jpg"></li>
  1743.          <li class="glide__slide"><img src="/frontend/images/gallery/10.jpg"></li>
  1744.          <li class="glide__slide"><img src="/frontend/images/gallery/11.jpg"></li>
  1745.          <li class="glide__slide"><img src="/frontend/images/gallery/12.jpg"></li>
  1746.          <li class="glide__slide"><img src="/frontend/images/gallery/13.jpg"></li>
  1747.          <li class="glide__slide"><img src="/frontend/images/gallery/14.jpg"></li>
  1748.          <li class="glide__slide"><img src="/frontend/images/gallery/15.jpg"></li>
  1749.          <li class="glide__slide"><img src="/frontend/images/gallery/16.jpg"></li>
  1750.          <li class="glide__slide"><img src="/frontend/images/gallery/17.jpg"></li>
  1751.          <li class="glide__slide"><img src="/frontend/images/gallery/18.jpg"></li>
  1752.          <li class="glide__slide"><img src="/frontend/images/gallery/19.jpg"></li>
  1753.        </ul>
  1754.      </div>
  1755.  
  1756.  
  1757.      <div class="glide__bullets" data-glide-el="controls[nav]">
  1758.        <button class="glide__bullet" data-glide-dir="=0"></button>
  1759.        <button class="glide__bullet" data-glide-dir="=1"></button>
  1760.        <button class="glide__bullet" data-glide-dir="=2"></button>
  1761.        <button class="glide__bullet" data-glide-dir="=3"></button>
  1762.        <button class="glide__bullet" data-glide-dir="=4"></button>
  1763.        <button class="glide__bullet" data-glide-dir="=5"></button>
  1764.        <button class="glide__bullet" data-glide-dir="=6"></button>
  1765.        <button class="glide__bullet" data-glide-dir="=7"></button>
  1766.        <button class="glide__bullet" data-glide-dir="=8"></button>
  1767.        <button class="glide__bullet" data-glide-dir="=9"></button>
  1768.        <button class="glide__bullet" data-glide-dir="=10"></button>
  1769.        <button class="glide__bullet" data-glide-dir="=11"></button>
  1770.        <button class="glide__bullet" data-glide-dir="=12"></button>
  1771.        <button class="glide__bullet" data-glide-dir="=13"></button>
  1772.        <button class="glide__bullet" data-glide-dir="=14"></button>
  1773.        <button class="glide__bullet" data-glide-dir="=15"></button>
  1774.        <button class="glide__bullet" data-glide-dir="=16"></button>
  1775.        <button class="glide__bullet" data-glide-dir="=17"></button>
  1776.      </div>
  1777.  
  1778.    </div>
  1779.    <div class="glide__arrows" data-glide-el="controls">
  1780.      <button class="glide__arrow glide__arrow--left" onclick="left()" data-glide-dir="<"><i class="fas fa-angle-left"></i></button>
  1781.      <button class="glide__arrow glide__arrow--right" onclick="right()" data-glide-dir=">"><i class="fas fa-angle-right"></i></button>
  1782.    </div>
  1783.  </div>
  1784.  
  1785. </div>
  1786.  <a href="/games" class="float-daily-question-btn gone">
  1787.    <img src="/frontend/images/float-daily-question-img.png" class="float-daily-question-img" width="40px">
  1788.  </a>
  1789. <hr class="hr">
  1790.  
  1791. <script>
  1792.  var glide = new Glide('.glide', {
  1793.    type: 'carousel',
  1794.    perView: 3,
  1795.    autoplay: 3000,
  1796.    breakpoints: {
  1797.      3000: {
  1798.        perView: 5
  1799.      },
  1800.      2080: {
  1801.        perView: 4
  1802.      },
  1803.      1680: {
  1804.        perView: 3
  1805.      },
  1806.      1366: {
  1807.        perView: 3
  1808.      },
  1809.      1260: {
  1810.        perView: 3
  1811.      },
  1812.      1250: {
  1813.        perView: 2.6
  1814.      },
  1815.      1090: {
  1816.        perView: 2.4
  1817.      },
  1818.      1015: {
  1819.        perView: 2
  1820.      },
  1821.  
  1822.      850: {
  1823.        perView: 1.5
  1824.      },
  1825.      770: {
  1826.        perView: 1
  1827.      },
  1828.  
  1829.      480: {
  1830.        perView: 1
  1831.      },
  1832.      430: {
  1833.        perView: 1
  1834.      }
  1835.    }
  1836.  })
  1837.  
  1838.  function left() {
  1839.    glide.go('<');
  1840.  
  1841.  }
  1842.  
  1843.  function right() {
  1844.    glide.go('>');
  1845.  
  1846.  }
  1847.  
  1848.  glide.mount()
  1849. </script>
  1850. <script type="text/javascript">
  1851.  const header1 = document.querySelector('header');
  1852.  var screen = $(window)
  1853.  
  1854.  var changeElement = function() {
  1855.  
  1856.    if (screen.width() < 768) {
  1857.      $('.float-daily-question-btn').removeClass('gone');
  1858.      // $('header').removeClass('header-main-page');
  1859.      changeToMobile(screen.height(), screen.width(), 'sliderImageOne', '/frontend/images/main-page-slider-one/mobile/mobile-people.png?1');
  1860.      //changeToMobile(screen.height(), screen.width(), 'sliderImageTwo', '/frontend/images/main-page-slider-one/contests.png?1');
  1861.      changeToMobile(screen.height(), screen.width(), 'sliderImageTwo', '/frontend/images/contests.png');
  1862.      changeToMobile(screen.height(), screen.width(), 'sliderImageThree', '/frontend/images/main-page-slider-one/meetings.png?1');
  1863.  
  1864.  
  1865.    } else if (screen.width() > 768 && screen.width() < 1163) {
  1866.      $('.float-daily-question-btn').addClass('gone');
  1867.  
  1868.      changeToMobile(screen.height(), screen.width(), 'sliderImageOne', '/frontend/images/main-page-slider-one/mobile/mobile-people.png?1', true);
  1869.      //changeToMobile(screen.height(), screen.width(), 'sliderImageTwo', '/frontend/images/main-page-slider-one/contests.png?1', true);
  1870.      changeToMobile(screen.height(), screen.width(), 'sliderImageTwo', '/frontend/images/contests.png', true);
  1871.      changeToMobile(screen.height(), screen.width(), 'sliderImageThree', '/frontend/images/main-page-slider-one/meetings.png?1', true);
  1872.    } else {
  1873.      $('.float-daily-question-btn').addClass('gone');
  1874.  
  1875.      setBackgroundImageForNormalPage('sliderImageOne', '/frontend/images/main-page-slider-one/people.png?1', '684.37px')
  1876.      //setBackgroundImageForNormalPage('sliderImageTwo', '/frontend/images/main-page-slider-one/contests.png?1', '500px')
  1877.      setBackgroundImageForNormalPage('sliderImageTwo', '/frontend/images/contests.png', '500px')
  1878.      setBackgroundImageForNormalPage('sliderImageThree', '/frontend/images/main-page-slider-one/meetings.png?1', '684.37px')
  1879.      // $('header').addClass('header-main-page');
  1880.      const sectionOne = document.querySelector('.carousel-inner');
  1881.  
  1882.      const sectionOneOptions = {
  1883.        rootMargin: '-200px 0px 0px 0px',
  1884.        threshold: [0, 0.25, 0.75, 1]
  1885.  
  1886.      };
  1887.      const sectionOneObserver = new IntersectionObserver(function(entries, sectionOneObserver) {
  1888.        entries.forEach(entry => {
  1889.          if (!entry.isIntersecting) {
  1890.            header.classList.remove('header-main-page');
  1891.  
  1892.            header.style.animation = `anim1 2s ${entry.target.dataset.delay} forwards ease-out`;
  1893.  
  1894.          } else {
  1895.            header.classList.add('header-main-page');
  1896.            $('header').css('position', 'fixed');
  1897.            $('header').css('width', '100%');
  1898.            $('header').css('position', 'fixed');
  1899.  
  1900.  
  1901.          }
  1902.        });
  1903.      }, sectionOneOptions)
  1904.      sectionOneObserver.observe(sectionOne);
  1905.    }
  1906.  }
  1907.  
  1908.  
  1909.  $(window).resize(function() {
  1910.    // changeElement();
  1911.  });
  1912.  changeElement();
  1913.  
  1914.  $(window).scroll(function() {
  1915.    if ($('.navbar .navbar-collapse').hasClass('show')) return; //Navbar open when scrolling .. dont change background
  1916.    var scroll = $(window).scrollTop();
  1917.    if (scroll > screen.height() - 100) {
  1918.      if ($('.overlay:visible').length == 0) {
  1919.        $(".navbar").css("background-color", "#113858").fadeIn();
  1920.      }
  1921.    } else {
  1922.      $(".navbar").css("background-color", "transparent").fadeIn();
  1923.    }
  1924.  });
  1925.  
  1926.  function mainNavBarClicked() {
  1927.    var scroll = $(window).scrollTop();
  1928.  
  1929.    if ($("#mainNavBar").hasClass("show") && scroll < screen.height() - 100) {
  1930.      // Closed
  1931.      setTimeout(() => {
  1932.        $('header').css("background-color", "transparent");
  1933.      }, 500);
  1934.    } else {
  1935.      // Open
  1936.      $('header').css("background-color", "#113858");
  1937.    }
  1938.  
  1939.  }
  1940.  
  1941.  $('.navbar-nav').children('li').removeClass('active');
  1942. </script>
  1943. <style>
  1944.  .display-all-en {
  1945.    position: absolute;
  1946.    right: 2%;
  1947.    top: 0.25em;
  1948. </style>      </div>
  1949.  
  1950.  
  1951.    </div>
  1952.  
  1953.    <footer class="row">
  1954.      <div class="container">
  1955.        <div class="row">
  1956.          <div class="col-12">
  1957.            <div class="row  footer-en">
  1958.              <div class="col-sm logo">
  1959.                <img src="/frontend/images/newlogo_notext.png" alt="">
  1960.              </div>
  1961.              <div class="col-sm">
  1962.                <h3>Location</h3>
  1963.                <div>
  1964.                  Dublin<br>
  1965.                  Ireland
  1966.                </div>
  1967.              </div>
  1968.              <div class="col-sm">
  1969.                <h3>Contact Us</h3>
  1970.                <div>
  1971.                  Email: <a href="/cdn-cgi/l/email-protection#036a6d656c43627162776c682d606c6e"><span class="__cf_email__" data-cfemail="8ce5e2eae3ccedfeedf8e3e7a2efe3e1">[email&#160;protected]</span></a><br>
  1972.                </div>
  1973.                <div>
  1974.                  Phone: <a href="tel:+353899612528">+353899612528</a><br>
  1975.                </div>
  1976.              </div>
  1977.              <div class="col-sm">
  1978.                <h3>Links</h3>
  1979.                <div>
  1980.                  <a href="/page/faq">FAQ</a><br>
  1981.                  <!--<a href="#">من نحن</a><br>-->
  1982.                  <a href="/page/privacy-policy">Privacy policy</a><br>
  1983.                  <a href="/page/tos-user">Terms of use</a><br>
  1984.                                      <!--<a href="/page/tos-contest">Terms of contests</a><br>-->
  1985.                    <a href="https://blog.aratok.com/contests-terms-en">Terms of contests</a><br>
  1986.                                    <a href="/page/cookie_policy">Cookie Policy</a>
  1987.                </div>
  1988.              </div>
  1989.            </div>
  1990.          </div>
  1991.          <div class="col-12">
  1992.            <div class="row justify-content-between footer-bottom">
  1993.              <div class="col-sm copyright" style="text-align: left ">
  1994.                Hand-crafted with <span style="color:#d55e40;">♥</span> by Perfogram
  1995.              </div>
  1996.              <div class="col-sm social-icons" style="text-align: right ">
  1997.                <a target="__blank" href="https://www.tiktok.com/@aratokcom"><i class="fab fa-tiktok"></i></a>
  1998.                <a target="__blank" href="https://www.instagram.com/aratokcom"><i class="fab fa-instagram"></i></a>
  1999.                <!--<a target="__blank" href="https://www.snapchat.com/add/aratokcom"><i class="fab fa-snapchat"></i></a>-->
  2000.                <a target="__blank" href="https://www.youtube.com/channel/UCL8UZZgSy3xr2DuB8jqbdwg/"><i class="fab fa-youtube"></i></a>
  2001.                <a target="__blank" href="https://www.facebook.com/aratokcom"><i class="fab fa-facebook"></i></a>
  2002.                <!--<a target="__blank" href="https://twitter.com/aratokcom"><i class="fab fa-twitter"></i></a>-->
  2003.              </div>
  2004.            </div>
  2005.          </div>
  2006.        </div>
  2007.      </div>
  2008.    </footer>
  2009.  </div>
  2010.  
  2011.  <!-- my modification 19 December 2022 start -->
  2012. <style>
  2013.  .bottom-nav {
  2014.    width: 100%;
  2015.    border-top: 1px solid rgb(235, 235, 235);
  2016.    background-color: #fff;
  2017.    position: sticky;
  2018.    bottom: 0;
  2019.    text-align: center;
  2020.    direction: rtl;
  2021.    z-index: 16;
  2022.    font-weight: bold;
  2023.    font-size: 1rem;
  2024.  }
  2025.  
  2026.  .bottom-nav ul {
  2027.    list-style: none;
  2028.    display: flex;
  2029.    flex-direction: row;
  2030.    align-items: center;
  2031.    justify-content: space-around;
  2032.    margin: 0;
  2033.    padding-top: 10px;
  2034.  }
  2035.  
  2036.  .bottom-nav ul li {
  2037.    display: inline;
  2038.  }
  2039.  
  2040.  .bottom-nav ul li a {
  2041.    display: flex;
  2042.    flex-direction: column;
  2043.    text-decoration: none;
  2044.    color: rgb(80, 80, 80);
  2045.  }
  2046.  
  2047.  .bottom-nav ul li a span {
  2048.    font-size: 0.8rem;
  2049.  }
  2050.  
  2051.  .bottom-nav ul li>span {
  2052.    display: flex;
  2053.    flex-direction: column;
  2054.    text-decoration: none;
  2055.    color: rgb(80, 80, 80);
  2056.    font-size: 0.8rem;
  2057.  }
  2058.  
  2059.  .bottom-nav ul li a:hover i {
  2060.    color: rgb(255, 56, 92);
  2061.  }
  2062.  
  2063.  .bottom-nav ul li>span:hover i {
  2064.    color: rgb(255, 56, 92);
  2065.    cursor: pointer;
  2066.  }
  2067.  
  2068.  .icon-color {
  2069.    color: rgb(255, 56, 92) !important;
  2070.  }
  2071.  
  2072.  .my-att {
  2073.    color: rgb(255, 56, 92) !important;
  2074.  }
  2075.  
  2076.  .my-att-black {
  2077.    color: rgb(176, 176, 176);
  2078.  }
  2079.  
  2080.  .heart-color {
  2081.    color: red !important;
  2082.  }
  2083.  
  2084.  .align-center {
  2085.    align-items: center;
  2086.  }
  2087.  
  2088.  .top-menu {
  2089.    top: -1rem !important;
  2090.  }
  2091.  
  2092.  /* display non on desktop */
  2093.  @media screen and (min-width: 992px) {
  2094.    .bottom-nav {
  2095.      display: none;
  2096.    }
  2097.  }
  2098.  
  2099.  .global-not-read-channels-count {
  2100.    position: absolute;
  2101.    right: .3rem;
  2102.    top: -17px;
  2103.    background: red;
  2104.    text-align: center;
  2105.    border-radius: 50px 50px 50px 50px;
  2106.    color: #fff !important;
  2107.    padding: 1px 7px;
  2108.    width: 40%;
  2109.    display: inline-table;
  2110.  }
  2111. </style>
  2112. <div class="bottom-nav">
  2113.  <ul class="px-0">
  2114.    <li>
  2115.              <span href="#" id="bottom-nav-home" class="home" data-toggle="dropdown">
  2116.          <i class="fas fa-user"></i>
  2117.          <span class="user-points">Login</span>
  2118.        </span>
  2119.            <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
  2120.        $(document).ready(function() {
  2121.                    $("#bottom-nav-home").click(function() {
  2122.            $('.login_target').val('normalLogin');$('#quickLoginFormModal').modal('show');          });
  2123.        });
  2124.              </script>
  2125.    </li>
  2126.    <li>
  2127.      <a href="/games" class="games">
  2128.        <i class="fas fa-gamepad"></i>
  2129.        <span class="gamestwo">Games</span>
  2130.      </a>
  2131.    </li>
  2132.    <li class="position-relative">
  2133.      <a href="/chat" class="chat">
  2134.        <span class="global-not-read-channels-count gone">0</span>
  2135.        <i class="fas fa-comments"></i>
  2136.        <span class="chattwo">Chat</span>
  2137.      </a>
  2138.    </li>
  2139.    <li>
  2140.      <a href="/contest" class="live">
  2141.        <i class="fas fa-medal"></i>
  2142.        <span class="livetwo">Contests</span>
  2143.      </a>
  2144.    </li>
  2145.    <li>
  2146.      <a href="/store" class="store">
  2147.        <i class="fas fa-gift"></i>
  2148.        <span class="storetwo">Store</span>
  2149.      </a>
  2150.    </li>
  2151.  </ul>
  2152. </div>
  2153. <script>
  2154.  window.onload = function exampleFunction() {
  2155.  
  2156.    var currentLocation = window.location.href;
  2157.    var origin = window.location.origin;
  2158.    var ret = currentLocation.replace(origin, '');
  2159.        switch (ret) {
  2160.      case '/star/':
  2161.        var element = document.querySelector('.home');
  2162.        var elementtwo = document.querySelector('.hometwo');
  2163.        element.classList.add('my-att');
  2164.        // elementtwo.classList.add('my-att-black');
  2165.        break;
  2166.      case '/games':
  2167.        var element = document.querySelector('.games');
  2168.        var elementtwo = document.querySelector('.gamestwo');
  2169.        element.classList.add('my-att');
  2170.        elementtwo.classList.add('my-att-black');
  2171.        break;
  2172.      case '/chat':
  2173.        $('.global-not-read-channels-count').addClass('gone')
  2174.        var element = document.querySelector('.chat');
  2175.        var elementtwo = document.querySelector('.chattwo');
  2176.        element.classList.add('my-att');
  2177.        elementtwo.classList.add('my-att-black');
  2178.        break;
  2179.      case '/contest':
  2180.        var element = document.querySelector('.live');
  2181.        var elementtwo = document.querySelector('.livetwo');
  2182.        element.classList.add('my-att');
  2183.        elementtwo.classList.add('my-att-black');
  2184.        break;
  2185.      case '/store':
  2186.        var element = document.querySelector('.store');
  2187.        var elementtwo = document.querySelector('.storetwo');
  2188.        element.classList.add('my-att');
  2189.        elementtwo.classList.add('my-att-black');
  2190.  
  2191.        break;
  2192.    }
  2193.  }
  2194. </script>
  2195. <!-- my modification 19 December 2022 end -->
  2196.  <!--  <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js"></script>-->
  2197.  <!---->
  2198.  <!--  <script>-->
  2199.  <!---->
  2200.  <!--      var questionDict = CryptoJS.AES.decrypt("U2FsdGVkX18Dv6RhwCAwEraZMeKzNP18WTEW0+TNJBQ=", '36w45r4q').toString(CryptoJS.enc.Utf8);-->
  2201.  <!--      console.log(questionDict)-->
  2202.  <!--  </script>-->
  2203.  <!-- HLS Video support-->
  2204.  <script src="/frontend/java/hls.js"></script>
  2205.  <script src="https://src.litix.io/core/3/mux.js"></script>
  2206.  <script type="text/javascript">
  2207.    function loadHLSVideo(element) {
  2208.      if ($(element).data('hls-loaded') == true) return;
  2209.      $(element).data('hls-loaded', true);
  2210.      var playbackId = $(element).data('playback-id');
  2211.      var url = "https://stream.mux.com/" + playbackId + ".m3u8";
  2212.      if (Hls.isSupported()) {
  2213.        var hls = new Hls();
  2214.        hls.loadSource(url);
  2215.        hls.attachMedia(element);
  2216.      } else if (element.canPlayType('application/vnd.apple.mpegurl')) {
  2217.        element.src = url;
  2218.      }
  2219.  
  2220.      // Initialize Mux Data monitoring
  2221.      if (typeof mux !== 'undefined') {
  2222.        mux.monitor(element, {
  2223.          debug: false,
  2224.          data: {
  2225.            env_key: 'ut75549o7qf6n49faem0p2dq2', // required
  2226.  
  2227.            // Metadata
  2228.            //player_name: 'Custom Player', // ex: 'My Main Player'
  2229.            player_init_time: Date.now(), // ex: 1451606400000
  2230.            video_id: playbackId,
  2231.            video_title: $(element).data('video-title'),
  2232.            // ... and other metadata
  2233.          }
  2234.        });
  2235.      }
  2236.    }
  2237.  
  2238.    (function() {
  2239.      $('.hls-enabled.autoload').each(function() {
  2240.        loadHLSVideo(this);
  2241.      });
  2242.    })();
  2243.  </script>
  2244.  
  2245.  <div id="fb-root" ></div>
  2246.  <!--  <script>-->
  2247.  <!--    window.fbAsyncInit = function() {-->
  2248.  <!--      FB.init({-->
  2249.  <!--        appId: '442523440159195',-->
  2250.  <!--        autoLogAppEvents: true,-->
  2251.  <!--        xfbml: true,-->
  2252.  <!--        version: 'v10.0'-->
  2253.  <!--      });-->
  2254.  <!--    };-->
  2255.  <!--  </script>-->
  2256.  <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
  2257.  
  2258.  
  2259.  <script>
  2260.    (function(d, s, id) {
  2261.      var js, fjs = d.getElementsByTagName(s)[0];
  2262.      if (d.getElementById(id)) return;
  2263.      js = d.createElement(s);
  2264.      js.id = id;
  2265.      js.src = 'https://connect.facebook.net/ar_AR/sdk/xfbml.customerchat.js';
  2266.      fjs.parentNode.insertBefore(js, fjs);
  2267.    }(document, 'script', 'facebook-jssdk'));
  2268.  </script>
  2269.  
  2270.  <!-- Your Chat Plugin code -->
  2271.  <!--
  2272.  <div class="fb-customerchat" attribution=setup_tool page_id="107444924328656" theme_color="#D55E40" greeting_dialog_display="hide" logged_in_greeting="Welcome to Aratok platform. How can we help?" logged_out_greeting="Welcome to Aratok platform. How can we help?"></div>
  2273.  -->
  2274.  
  2275.  <script>
  2276.    // $( document ).ready(function() {
  2277.    var width = $(window).width();
  2278.  
  2279.    var height = $(window).height();
  2280.  
  2281.    if (width <= 768) {
  2282.      $('#profDropdown').addClass('gone')
  2283.      $('.mobile-li').removeClass('gone')
  2284.      $('#nav_logout').removeClass('gone')
  2285.  
  2286.    } else {
  2287.      $('.profDropdown').removeClass('gone')
  2288.      $('.mobile-li').addClass('gone')
  2289.      $('#nav_logout').addClass('gone')
  2290.  
  2291.    }
  2292.  
  2293.    // });
  2294.  </script>
  2295.  <script>
  2296.    var change = function() {
  2297.      if (screen.width() > 768) {
  2298.        centeringLinksHeader()
  2299.      }
  2300.    }
  2301.  
  2302.    function centeringLinksHeader() {
  2303.      var leftEdgeWidth = 83.9667;
  2304.      isuserLoggedIn = ''
  2305.      if (isuserLoggedIn) {
  2306.        var rightEdgeWidth = parseFloat($('.langLi').outerWidth() + $('#profDropdown').outerWidth() + $('#collectedPoints').outerWidth());
  2307.        // $('#liveLink').css('padding-right', '0');
  2308.        extraForNonLogin = 0
  2309.      } else {
  2310.        var rightEdgeWidth = parseFloat($('.langLi').outerWidth() + $('#loginBtn').outerWidth());
  2311.        extraForNonLogin = 16
  2312.      }
  2313.      var edgesWidth = leftEdgeWidth + rightEdgeWidth;
  2314.      var centerWidth = parseFloat($('#nav-live-concerts').outerWidth() + $('#nav-stars').outerWidth() + $('#nav-public-meetings').outerWidth() + $('#nav-contest').outerWidth() + $('#nav-store').outerWidth());
  2315.  
  2316.      mr_links_header = screen.width() - edgesWidth - centerWidth;
  2317.  
  2318.      $('.nav-live-concerts').css('margin-right', (mr_links_header / 2) - leftEdgeWidth + extraForNonLogin);
  2319.  
  2320.    }
  2321.  </script>
  2322.  <script>
  2323.    change();
  2324.  </script>
  2325.  <link rel="stylesheet" href="/frontend/css/intlTelInput.min.css">
  2326. <script type="text/javascript" src="/frontend/js/intlTelInput-jquery.min.js"></script>
  2327.  
  2328. <script src="https://www.google.com/recaptcha/enterprise.js?render=6Ld1thkkAAAAABj4UMRXwCAjXHieWrMCYCnCMKnV"></script>
  2329.  
  2330. <style>
  2331.  .iti.iti--allow-dropdown {
  2332.    width: 100%;
  2333.  }
  2334.  
  2335.  
  2336.  .iti--allow-dropdown input,
  2337.  .iti--allow-dropdown input[type=tel],
  2338.  .iti--allow-dropdown input[type=text],
  2339.  .iti--separate-dial-code input,
  2340.  .iti--separate-dial-code input[type=tel],
  2341.  .iti--separate-dial-code input[type=text] {
  2342.    padding-left: 88px !important;
  2343.  
  2344.  }
  2345.  
  2346.  .iti__flag {
  2347.    background-image: url("/frontend/images/flags/flags.png");
  2348.  }
  2349.  
  2350.  @media (-webkit-min-device-pixel-ratio: 2),
  2351.  (min-resolution: 192dpi) {
  2352.    .iti__flag {
  2353.      background-image: url("/frontend/images/flags/flags@2x.png");
  2354.    }
  2355.  }
  2356. </style>
  2357. <!--
  2358. <link rel="stylesheet" href="/frontend/css/bootstrap-select.min.css">
  2359. <script src="/frontend/js/bootstrap-select.min.js"></script>
  2360. -->
  2361. <button id="loaderloginbtn" class="gone" style="display:none; z-index: 20000001 !important; width: 100%; height: 100%; margin: 0; background: rgba(22, 18, 53, 0.9); opacity: 0.9; top: 0; right: 0; left: 0; position: fixed; border: none;"></button>
  2362. <div class="boxloader gone" id="loaderlogin" style="display:none; width: 100px; height: 100px; background: transparent; z-index: 20000001; top: 45%; left: 45%; position: fixed;">
  2363.  <div class="spinner-border p-5" role="status">
  2364.    <span class="sr-only">Loading...</span>
  2365.  </div>
  2366. </div>
  2367. <script>
  2368.  jQuery(function($) {
  2369.    $('#loaderloginbtn, #loaderlogin').css('display', '');
  2370.  })
  2371. </script>
  2372.  
  2373. <div class="modal fade" id="quickLoginFormModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="direction: ltr">
  2374.  <div class="modal-dialog modal-dialog-centered modal-dialog-important" role="document">
  2375.    <div class="modal-content modal-content-important">
  2376.      <div class="modal-header" style="padding-top: unset !important;">
  2377.        <div class="col">
  2378.          <div class="tabs">
  2379.            <div class="tab-header tab-header-two-tab tab-header-login">
  2380.              <div class="loginTap" id="loginTapId" onclick="switchTap('loginTap','0')">
  2381.                <i class="fa fa-sign-in-alt" aria-hidden="true"></i> Login              </div>
  2382.              <div class="registerTap active" id="registerTapId" onclick="switchTap('registerTap','1')">
  2383.                <i class="fas fa-user-plus"></i> Sign Up              </div>
  2384.            </div>
  2385.            <div class="tab-indicator tab-indicator-two-login-tab" style="left:50%;"></div>
  2386.          </div>
  2387.        </div>
  2388.      </div>
  2389.  
  2390.      <div class="modal-body">
  2391.        <input type="hidden" id="active_form" name="active_form" class="active_form" value="loginForm" />
  2392.  
  2393.        <div id="tabcontentLoginTab" class="tablogincontent gone">
  2394.          <div id="serverErrorSection" class="col-12 errorMessages errorMessage-serverErrorSection text-center gone"></div>
  2395.          <div class="d-flex flex-column text-center loginSection">
  2396.            <form id="loginForm" class="login_register">
  2397.              <input type="hidden" name="login_target" class="login_target" value="" />
  2398.              <div class="form-group">
  2399.                <input type="email" class="form-control" onkeypress="enterKey(event)" id="login_email" name="email" placeholder="Your email address" required>
  2400.                <div class="col-12 errorMessages errorMessage-login_email text-left gone"></div>
  2401.  
  2402.              </div>
  2403.              <div class="form-group">
  2404.                <input type="password" class="form-control" onkeypress="enterKey(event)" id="login_password" name="password" placeholder="Your password" required>
  2405.  
  2406.                <div class="col-12 errorMessages errorMessage-login_password text-left gone" style="padding-bottom: 0px !important;"></div>
  2407.                <div class="col-12 text-right" style="padding-right: 0px !important;padding-top:3px !important">
  2408.                  <a href="#" id="forgot_password" onclick="forgotPassword()">Forgot Password                  </a>
  2409.                </div>
  2410.  
  2411.  
  2412.              </div>
  2413.            </form>
  2414.  
  2415.            <div class="d-flex justify-content-center">
  2416.              <div class="form-group text-center" style="width: 100%;">
  2417.                <button type="button" onclick="login()" class="btn btn-info btn-block btn-round-login">Login</button>
  2418.              </div>
  2419.            </div>
  2420.          </div>
  2421.  
  2422.          <div class="d-flex flex-column text-center forgotPasswordSection gone">
  2423.            <h5 class="text-left">Forgot Password</h5>
  2424.            <div class="form-group">
  2425.              <input type="email" class="form-control" required="required" id="forgeot_passowrd_email" name="email" placeholder="Your email address" required>
  2426.              <div class="col-12 errorMessages errorMessage-forgeot_passowrd_email text-left gone"></div>
  2427.  
  2428.            </div>
  2429.            <div class="d-flex justify-content-center">
  2430.              <div class="form-group text-center" style="width: 100%;">
  2431.                <button type="button" onclick="sendForgotPassowrd()" class="btn btn-info btn-block btn-round-login">Send</button>
  2432.              </div>
  2433.            </div>
  2434.            <div class="d-flex justify-content-center">
  2435.  
  2436.              <a href="#" id="loginMood" onclick="backToLoginMode()">
  2437.                <span>Go Back To Login Mode</span></a>
  2438.            </div>
  2439.          </div>
  2440.  
  2441.  
  2442.        </div>
  2443.        <div id="tabcontentRegisterTab" class="tablogincontent" data-sitekey="6Ld1thkkAAAAABj4UMRXwCAjXHieWrMCYCnCMKnV" data-callback="onSubmit" data-badge="inline">
  2444.          <div class="text-center gone" id="regNote">
  2445.            <h6>“Dedicated to events organisers, talents and artists. Information will be verified by the compliance team before account activation.“</h6>
  2446.            <hr>
  2447.          </div>
  2448.          <div class="form-group selectpicker-dir">
  2449.            <div class="">
  2450.              <select id="accountType" data-show-content="true" data-dropdown-align-right="false" class="form-control display-7">
  2451.                <option id="user" name="fa-user" data-content="<i class='fas fa-user'></i> User" value="userConfirmRegister">User</option>
  2452.                <option id="organiser" name="fa-film" data-content="<i class='fas fa-film'></i> Events Organiser/Institution" value="confirmRegister">Events Organiser/Institution</option>
  2453.                <option id="star" name="fa-theater-masks" data-content="<i class='fas fa-theater-masks'></i> Artist" value="confirmRegister">Artist</option>
  2454.              </select>
  2455.            </div>
  2456.          </div>
  2457.          <form action="index.php" method="POST" class="form star-register-form login_register" id="register_form" novalidate>
  2458.            <input type="hidden" name="class" value="Star" />
  2459.            <input type="hidden" name="method" id="method" value="userConfirmRegister" />
  2460.            <input type="hidden" id="fullPhone" name="fullPhone" value="" />
  2461.            <input type="hidden" id="forUser" name="forUser" value="0" />
  2462.            <input type="hidden" id="haveTicket" name="haveTicket" value="" />
  2463.            <input type="hidden" id="haveBundle" name="haveBundle" value="" />
  2464.            <input type="hidden" id="userType" name="userType" value="0" />
  2465.            <input type="hidden" name="login_target" class="login_target" value="" />
  2466.            <div class="row">
  2467.              <div class="form-group col-12" id="firstNameDiv">
  2468.                <input type="text" class="form-control" required="required" id="firstName" name="firstName" onkeypress="enterKey(event)" placeholder="Full name" minlength="2" maxlength="40">
  2469.                <div class="errorMessages errorMessage-firstName text-left gone"></div>
  2470.  
  2471.              </div>
  2472.              <div class="form-group col-6 gone" id="lastNameDiv" style="padding-left:5px !important">
  2473.                <input type="text" class="form-control" id="lastName" name="lastName" onkeypress="enterKey(event)" placeholder="Last Name" data-lpignore="true">
  2474.                <div class="errorMessages errorMessage-lastName text-left gone"></div>
  2475.              </div>
  2476.            </div>
  2477.  
  2478.            <div class="form-group">
  2479.              <input type="email" class="form-control" required="required" id="email_registration" name="email_registration" onkeypress="enterKey(event)" placeholder="Email">
  2480.              <div class="col-12 errorMessages errorMessage-email_registration text-left gone"></div>
  2481.              <div class="col-12 email-suggested email_registration_suggested text-left gone"></div>
  2482.  
  2483.            </div>
  2484.  
  2485.            <div class="form-group phoneDiv gone" style="direction:ltr">
  2486.              <input type="text" class="form-control display-7" id="phone" name="phone" onkeypress="enterKey(event)">
  2487.              <div class="col-12 errorMessages errorMessage-phone text-left gone"></div>
  2488.  
  2489.            </div>
  2490.  
  2491.            <div class="form-group">
  2492.              <input type="password" class="form-control" required="required" id="password_registration" name="password_registration" onkeypress="enterKey(event)" placeholder="Password" minlength="6">
  2493.              <div class="col-12 errorMessages errorMessage-password_registration text-left gone"></div>
  2494.            </div>
  2495.            <div class="d-flex justify-content-center">
  2496.              <div class="form-group text-center" style="width: 100%;">
  2497.                <!--          <button type="button" class="btn btn-primary btn-form display-4 g-recaptcha" data-sitekey="6Le_16gZAAAAAGgaGbe6YUJWyPUuQzMAhhDrP7Ol" data-callback="onrc" data-action="submit">-->                <!--</button>-->
  2498.                <!--          <button type="submit" class="gone" disabled></button>-->
  2499.                <button type="button" id="sign_up" class="btn btn-info btn-block btn-round-login"> Sign Up</button>
  2500.  
  2501.              </div>
  2502.            </div>
  2503.          </form>
  2504.          <!-- Recaptcha logo alternative -->
  2505.          <style>
  2506.            .recaptcha-note {
  2507.              font-size: 11px;
  2508.              color: gray;
  2509.              text-align: left;
  2510.            }
  2511.  
  2512.            .grecaptcha-badge {
  2513.              visibility: hidden;
  2514.            }
  2515.          </style>
  2516.          <div class="recaptcha-note">
  2517.            This site is protected by reCAPTCHA and the Google
  2518.            <a href="https://policies.google.com/privacy">Privacy Policy</a> and
  2519.            <a href="https://policies.google.com/terms">Terms of Service</a> apply.
  2520.          </div>
  2521.        </div>
  2522.      </div>
  2523.      <div class="modal-footer d-flex justify-content-center">
  2524.        <button class="btn btn-primary btn--facebook" style="border-radius: 3rem !important;" onclick="checkLoginState(0)">
  2525.          <span class="fab fa-facebook">
  2526.  
  2527.          </span>
  2528.          &nbsp;Log in with Facebook        </button>
  2529.      </div>
  2530.    </div>
  2531.  </div>
  2532.  
  2533. </div>
  2534.  
  2535. <script>
  2536.    ///Anonymous section
  2537.  jQuery(function() {
  2538.    $('#quickLoginFormModal, #loaderloginbtn, #loaderlogin').appendTo('body');
  2539.    $('#email_registration').donetyping(function() {
  2540.      $('#span_email_registration_suggested').remove();
  2541.  
  2542.      $(this).mailcheck({
  2543.  
  2544.        suggested: function(element, suggestion) {
  2545.          // callback code
  2546.          var emailSuggested = '<a class="link-btn" onclick=\'fillEmailSuggested("' + suggestion.full + '")\'>' + suggestion.full + '</a>'
  2547.          $('.email_registration_suggested').removeClass('gone');
  2548.  
  2549.          $('.email_registration_suggested').append('<span id ="span_email_registration_suggested">Do you mean: ' + emailSuggested + '</span> ');
  2550.        },
  2551.        empty: function(element) {
  2552.          // callback code
  2553.          $('#span_email_registration_suggested').remove();
  2554.          $('.email_registration_suggested').addClass('gone');
  2555.        }
  2556.      });
  2557.    });
  2558.  });
  2559.  
  2560.  function fillEmailSuggested(email) {
  2561.    $('#span_email_registration_suggested').remove();
  2562.    $('#email_registration').val(email);
  2563.    $('.email_registration_suggested').addClass('gone');
  2564.  
  2565.  }
  2566.  
  2567.  function enterKey(e) {
  2568.    //See notes about 'which' and 'key'
  2569.    if (e.keyCode == 13) {
  2570.      if ($('#active_form').val() == 'loginForm') {
  2571.        login();
  2572.      } else if ($('#active_form').val() == 'register_form') {
  2573.        $('#sign_up').click();
  2574.      }
  2575.    }
  2576.  }
  2577.  
  2578.  $('#sign_up').click(function(e) {
  2579.  
  2580.    $('#loaderloginbtn, #loaderlogin').removeClass('gone');
  2581.    $('.errorMessages').addClass('gone');
  2582.  
  2583.    var inputs = $(".star-register-form :input");
  2584.  
  2585.    for (var i = 0; i < inputs.length; i++) {
  2586.  
  2587.      var ok = true;
  2588.      var input = $(inputs[i]);
  2589.      var inputId = $(inputs[i]).attr('id');
  2590.  
  2591.      if (ok && input.attr('required') != undefined && input.val() == '') {
  2592.        ok = false;
  2593.        showErrorMessageInline(inputId, 'Please fill in this field')
  2594.  
  2595.  
  2596.      }
  2597.  
  2598.      if (ok && input.attr('minlength') != undefined && input.val().length < input.attr('minlength')) {
  2599.        ok = false;
  2600.        showErrorMessageInline(inputId, 'The minimum number of characters is ' + input.attr('minlength'));
  2601.  
  2602.      }
  2603.  
  2604.      if (ok && input.attr('maxlength') != undefined && input.val().length > input.attr('maxlength')) {
  2605.        ok = false;
  2606.        showErrorMessageInline(inputId, 'The maximum number of characters is ' + input.attr('maxlength'));
  2607.  
  2608.      }
  2609.  
  2610.      //if (ok && input.attr('type') == 'email' && /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(input.val()) == false) {
  2611.      if (ok && !input[0].checkValidity()) {
  2612.        ok = false;
  2613.        showErrorMessageInline(inputId, 'Please make sure that the entered Email is correct');
  2614.  
  2615.      }
  2616.  
  2617.      if (input.val() != '') {
  2618.        if (ok && input.attr('id') == 'phone' && !input.intlTelInput('isValidNumber')) {
  2619.          ok = false;
  2620.          showErrorMessageInline(inputId, 'Please make sure that the entered Phone number is correct');
  2621.  
  2622.        }
  2623.      }
  2624.      if (!ok) {
  2625.        $('#loaderloginbtn, #loaderlogin').addClass('gone');
  2626.  
  2627.        input.focus();
  2628.        e.preventDefault();
  2629.        return false;
  2630.      }
  2631.    }
  2632.    //$('#haveTicket').val(false);
  2633.    //$('#haveBundle').val(false);
  2634.    $('#fullPhone').val($('#phone').intlTelInput('getNumber'));
  2635.  
  2636.    data = {}
  2637.    $(".star-register-form :input").each(function() {
  2638.      var key = $(this).attr("name");
  2639.      var value = $(this).val();
  2640.      data[key] = value;
  2641.    });
  2642.  
  2643.    var loginTarget = $('.login_target').val();
  2644.  
  2645.    grecaptcha.enterprise.ready(async () => {
  2646.      const recaptchaToken = await grecaptcha.enterprise.execute('6Ld1thkkAAAAABj4UMRXwCAjXHieWrMCYCnCMKnV', {
  2647.        action: 'REGISTER'
  2648.      });
  2649.      data['recaptchaToken'] = recaptchaToken;
  2650.  
  2651.      $.post('/index.php', {
  2652.        'class': 'Star',
  2653.        'method': 'confirmRegister',
  2654.        'layout': 'ajax',
  2655.        'dataType': 'json',
  2656.        'data': data,
  2657.      }, async function(result) {
  2658.  
  2659.        $('#loaderloginbtn, #loaderlogin').addClass('gone');
  2660.  
  2661.        if (result.status !== 'error') {
  2662.          //fbq('track', 'CompleteRegistration');
  2663.  
  2664.          GtagResigtirationSuccess(loginTarget);
  2665.          $(document).trigger('login-success', [loginTarget, result.user, true]);
  2666.          $('#quickLoginFormModal').modal('hide');
  2667.  
  2668.          if (firebase.auth && result.firebaseToken) {
  2669.            try {
  2670.              firebase.auth().setPersistence(firebase.auth.Auth.Persistence.NONE).then(() => {
  2671.                firebase.auth().signInWithCustomToken(result.firebaseToken).then((userCredential) => {});
  2672.              });
  2673.            } catch (e) {}
  2674.          }
  2675.  
  2676.          if (loginTarget == 'following') {
  2677.            window.location.reload();
  2678.          } else if (loginTarget == 'normalLogin') {
  2679.            //window.location.reload();
  2680.            window.location.href = '/star/' + result.user.Id;
  2681.          } else if (loginTarget == 'BookingTicketSuccessfully') {
  2682.            window.location.reload();
  2683.          } else if (loginTarget == 'videoPurchaseByPoints') {
  2684.            loadPaymentByPointsCollapse(result.data);
  2685.            $('#quickLoginFormModal').modal('hide');
  2686.            $('#personalVideoModal').css('overflow', 'auto');
  2687.            $('body').css('overflow', 'hidden');
  2688.            $('#personalVideoModal').modal('show');
  2689.          } else if (loginTarget == 'dubarah') {
  2690.            window.location.reload();
  2691.          } else if (loginTarget == 'productPage') {
  2692.            window.location.reload();
  2693.  
  2694.          } else if (loginTarget == 'participate_in_draw') {
  2695.            window.location.reload();
  2696.  
  2697.          } else if (loginTarget == 'register_anonymous') {
  2698.            showMessage('Account information updated .. redirecting.', 3, 0);
  2699.            window.setTimeout(function() {
  2700.              window.location.reload();            }, 2000);
  2701.          } else if (loginTarget == 'chat') {
  2702.            window.location.href = '/chat'
  2703.          } else if (loginTarget == 'game_page') {
  2704.            if (window.location.href == 'https://aratok.com/info') {
  2705.              window.location.reload();
  2706.            } else {
  2707.              var ref = (new URLSearchParams(window.location.search)).get('ref');
  2708.              window.location.href = '/game' + (ref == null ? '' : ('?ref=' + ref));
  2709.            }
  2710.          } else if (loginTarget.includes('games')) {
  2711.            var gamename = loginTarget.split('_');
  2712.  
  2713.            var ref = (new URLSearchParams(window.location.search)).get('ref');
  2714.            window.location.href = '/' + gamename[0] + (ref == null ? '' : ('?ref=' + ref));
  2715.  
  2716.          }
  2717.        } else if (result.status === 'error') {
  2718.          GtagResigtirationFailed(loginTarget);
  2719.          if (result.message === 'email_exists') {
  2720.            showErrorMessageInline('email_registration', 'This email is already registered');
  2721.          } else if (result.message === 'duplicate_ticket') {
  2722.            showErrorMessageInline('email_registration', 'You have a ticket for this account and this contest, its points balance is ' + result.points);
  2723.          }
  2724.        }
  2725.      });
  2726.  
  2727.    });
  2728.  
  2729.  });
  2730.  
  2731.  //$('#accountType').selectpicker();
  2732.  
  2733.  var tabsLoginClassNames = ['loginTap', 'registerTap'];
  2734.  
  2735.  function switchTap(tabId, tapNumber) {
  2736.    var tabcontent;
  2737.  
  2738.    if (tapNumber == 0) {
  2739.      $('#active_form').val('loginForm');
  2740.      GtagLoginTabBtnClicked();
  2741.    } else {
  2742.      $('#active_form').val('register_form');
  2743.  
  2744.      GtagResigtirationTabBtnClicked();
  2745.    }
  2746.    var lang = 'en';
  2747.  
  2748.    $('.tab-indicator-two-login-tab').css(lang == 'ar' ? 'right' : 'left', 'calc(calc(100% / 2) * ' + tapNumber + ')');
  2749.  
  2750.  
  2751.    for (let i = 0; i < tabsLoginClassNames.length; i++) {
  2752.      $('.tab-header-login .' + tabsLoginClassNames[i]).removeClass('active');
  2753.    }
  2754.    $('.' + tabId).addClass('active');
  2755.  
  2756.    tabcontent = document.getElementsByClassName("tablogincontent");
  2757.    for (i = 0; i < tabcontent.length; i++) {
  2758.      tabcontent[i].classList.add('gone');
  2759.  
  2760.    }
  2761.    tabcontent[tapNumber].classList.remove('gone');
  2762.    tabcontent[tapNumber].style.display = "block";
  2763.  
  2764.  }
  2765.  
  2766.  function login() {
  2767.    $('#loaderloginbtn, #loaderlogin').removeClass('gone');
  2768.  
  2769.    $('.errorMessages').addClass('gone');
  2770.    var ok = true;
  2771.    if (ok && $('#login_email').attr('required') != undefined && $('#login_email').val() == '') {
  2772.      ok = false;
  2773.      showErrorMessageInline('login_email', 'Please fill in this field');
  2774.  
  2775.    }
  2776.    //if (ok && /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test($('#login_email').val()) == false) {
  2777.    if (ok && !$('#login_email')[0].checkValidity()) {
  2778.      ok = false;
  2779.  
  2780.      showErrorMessageInline('login_email', 'Please make sure that the entered Email is correct');
  2781.    }
  2782.    if (ok && $('#login_password').attr('required') != undefined && $('#login_password').val() == '') {
  2783.      ok = false;
  2784.  
  2785.      showErrorMessageInline('login_password', 'Please fill in this field');
  2786.  
  2787.    }
  2788.    if (!ok) {
  2789.      $('#loaderloginbtn, #loaderlogin').addClass('gone');
  2790.  
  2791.      return false;
  2792.    }
  2793.  
  2794.    data = {}
  2795.    $(".login_register :input").each(function() {
  2796.      var key = $(this).attr("name");
  2797.      var value = $(this).val();
  2798.      data[key] = value;
  2799.    });
  2800.    var loginTarget = $('.login_target').val();
  2801.  
  2802.  
  2803.    $.post('/index.php', {
  2804.      'class': 'Star',
  2805.      'method': 'confirmLogin',
  2806.      'layout': 'ajax',
  2807.      'data': data
  2808.    }, async function(result) {
  2809.      $('#loaderloginbtn, #loaderlogin').addClass('gone');
  2810.  
  2811.      if (result.status !== 'error') {
  2812.  
  2813.        $(document).trigger('login-success', [loginTarget, result.user, false]);
  2814.        GtagLogInSuccess(loginTarget);
  2815.        $('#quickLoginFormModal').modal('hide');
  2816.  
  2817.        if (firebase.auth && result.firebaseToken) {
  2818.          try {
  2819.            firebase.auth().setPersistence(firebase.auth.Auth.Persistence.NONE).then(() => {
  2820.              firebase.auth().signInWithCustomToken(result.firebaseToken).then((userCredential) => {});
  2821.            });
  2822.          } catch (e) {}
  2823.        }
  2824.  
  2825.        if (loginTarget == 'following') {
  2826.          window.location.reload();
  2827.        } else if (loginTarget == 'normalLogin') {
  2828.          window.location.href = result.user_profile_url;
  2829.        } else if (loginTarget == 'BookingTicketSuccessfully') {
  2830.          window.location.reload();
  2831.        } else if (loginTarget == 'videoPurchaseByPoints') {
  2832.          loadPaymentByPointsCollapse(result.data);
  2833.          $('#personalVideoModal').css('overflow', 'auto');
  2834.          $('body').css('overflow', 'hidden');
  2835.          $('#personalVideoModal').modal('show');
  2836.        } else if (loginTarget == 'dubarah') {
  2837.          window.location.reload();
  2838.        } else if (loginTarget == 'productPage') {
  2839.          window.location.reload();
  2840.        } else if (loginTarget == 'participate_in_draw') {
  2841.          window.location.reload();
  2842.        } else if (loginTarget == 'chat') {
  2843.          window.location.href = '/chat'
  2844.        } else if (loginTarget == 'game_page') {
  2845.          if (window.location.href == 'https://aratok.com/info') {
  2846.            window.location.reload();
  2847.          } else {
  2848.            var ref = (new URLSearchParams(window.location.search)).get('ref');
  2849.            window.location.href = '/game' + (ref == null ? '' : ('?ref=' + ref));
  2850.          }
  2851.        } else if (loginTarget.includes('games')) {
  2852.          var gamename = loginTarget.split('_');
  2853.  
  2854.          var ref = (new URLSearchParams(window.location.search)).get('ref');
  2855.          window.location.href = '/' + gamename[0] + (ref == null ? '' : ('?ref=' + ref));
  2856.  
  2857.        }
  2858.      } else if (result.status === 'error') {
  2859.        GtagLogInFailed(loginTarget);
  2860.        if (result.message === 'incorrect_email_or_password') {
  2861.          showErrorMessageInline('serverErrorSection', 'Incorrect email or password');
  2862.        } else if (result.message === 'duplicate_ticket') {
  2863.          if (result.redirect) {
  2864.            window.location.href = 'https://aratok.com/attend?ticket=' + result.code;
  2865.          } else {
  2866.            showErrorMessageInline('serverErrorSection', 'You have a ticket for this account and this contest, its points balance is ' + result.points);
  2867.          }
  2868.        } else if (result.message === 'account_disabled') {
  2869.          showErrorMessageInline('serverErrorSection', 'Your account has been disabled by the administration');
  2870.        }
  2871.      }
  2872.  
  2873.    })
  2874.  }
  2875.  
  2876.  function showErrorMessageInline(inputId, errorMessage) {
  2877.  
  2878.    if (inputId == 'login_password') var style = 'float: left ;padding-top: 3px !important;';
  2879.    $('#errorMessageSpan-' + inputId).remove();
  2880.    $('.errorMessage-' + inputId).removeClass('gone');
  2881.  
  2882.    $(".errorMessage-" + inputId)
  2883.      .show()
  2884.      .append("<div class=\"alert alert-danger\" id='errorMessageSpan-" + inputId + "' style='" + style + "'>" + errorMessage + "</div> ");
  2885.  }
  2886.  
  2887.  // $('#fullPhone').val($('#phone').intlTelInput('getNumber'));
  2888.  
  2889.  $(function() {
  2890.    $('#phone')
  2891.      .on('keydown', function(e) {
  2892.        $(this).removeAttr('placeholder');
  2893.      })
  2894.      .intlTelInput({
  2895.        initialCountry: 'IE',
  2896.        preferredCountries: ['IE', 'SY', 'EG', 'LB', 'SA', 'AE'],
  2897.        separateDialCode: true,
  2898.        utilsScript: '/frontend/js/utils.js'
  2899.      });
  2900.  
  2901.  });
  2902.  
  2903.  
  2904.  $('#accountType').change(function() {
  2905.    var optionName = $(this).children(":selected").attr("name");
  2906.    var optionId = $(this).children(":selected").attr("id");
  2907.    $('#method').val($(this).val());
  2908.  
  2909.    if (optionId === 'user') {
  2910.      $('#phone').removeAttr('required')
  2911.      //$('#lastNameDiv').removeClass('gone');
  2912.      //$('#firstNameLabel').removeClass('gone');
  2913.      $('#companyNameLabel').addClass('gone');
  2914.      //$('#lastName').attr('required', 'required')
  2915.      //$('#lastName').attr('minlength', '2')
  2916.      //$('#lastName').attr('maxlength', '40')
  2917.      $('#regNote').addClass('gone');
  2918.      $('#userType').val('0');
  2919.      //$('#firstNameDiv').removeClass('col-12');
  2920.      //$('#firstName').attr('placeholder', 'First Name');
  2921.      $('.phoneDiv').addClass('gone');
  2922.      $('#firstNameDiv').addClass('col-6');
  2923.      //$('#firstNameDiv').css('padding-right', '0px');
  2924.      //$('#lastNameDiv').css('padding-left', '5px');
  2925.  
  2926.    } else if (optionId === 'organiser') {
  2927.      $('.phoneDiv').removeClass('gone');
  2928.  
  2929.      $('#phone').attr('required', 'required')
  2930.      //$('#lastNameDiv').addClass('gone');
  2931.      //$('#firstNameLabel').addClass('gone');
  2932.      $('#companyNameLabel').removeClass('gone');
  2933.      //$('#lastName').removeAttr('required')
  2934.      //$('#lastName').val('');
  2935.      //$('#lastName').removeAttr('minlength')
  2936.      //$('#lastName').removeAttr('maxlength')
  2937.      $('#regNote').removeClass('gone');
  2938.      //$('#firstName').attr('placeholder', 'Full name');
  2939.      //$('#firstNameDiv').removeClass('col-6');
  2940.      //$('#firstNameDiv').addClass('col-12');
  2941.      $('#userType').val(2);
  2942.      //$('#firstNameDiv').css('padding-right', '');
  2943.  
  2944.  
  2945.    } else if (optionId === 'star') {
  2946.      $('.phoneDiv').removeClass('gone');
  2947.  
  2948.      $('#phone').attr('required', 'required');
  2949.      //$('#lastNameDiv').removeClass('gone');
  2950.      //$('#firstNameLabel').removeClass('gone');
  2951.      $('#companyNameLabel').addClass('gone');
  2952.      //$('#lastName').attr('required', 'required');
  2953.      //$('#lastName').attr('minlength', '2');
  2954.      //$('#lastName').attr('maxlength', '40');
  2955.      $('#regNote').removeClass('gone');
  2956.      //$('#firstName').attr('placeholder', 'First Name');
  2957.      //$('#firstNameDiv').removeClass('col-12');
  2958.      //$('#firstNameDiv').addClass('col-6');
  2959.      $('#userType').val(1);
  2960.      //$('#firstNameDiv').css('padding-right', '0px');
  2961.      //$('#lastNameDiv').css('padding-left', '5px');
  2962.    }
  2963.  
  2964.  })
  2965.  $('#quickLoginFormModal').on('hidden.bs.modal', function(e) {
  2966.    GtagLoginResigtirationUIClose($('.login_target').val());
  2967.    initLoginForm();
  2968.  })
  2969.  
  2970.  var defaultQuickLoginFormModalSettings = {
  2971.    defaultAccountType: 0,
  2972.    disableAccountType: true,
  2973.  };
  2974.  var quickLoginFormModalSettings = {
  2975.    ...defaultQuickLoginFormModalSettings
  2976.  };
  2977.  quickLoginFormModalSettings.disableAccountType = true;
  2978.  $('#quickLoginFormModal').on('show.bs.modal', function(e) {
  2979.    GtagLoginResigtirationUIOpen($('.login_target').val());
  2980.    if ($('#haveTicket').val() || $('#haveBundle').val()) {
  2981.      $('#ticketInformationModal').modal('hide');
  2982.    }
  2983.  
  2984.    $('#accountType')[0].selectedIndex = quickLoginFormModalSettings.defaultAccountType;
  2985.    $('#accountType').change();
  2986.    //$('#accountType').val(quickLoginFormModalSettings.defaultAccountType).change();
  2987.    //To accomodate existance (or lack of) bootstrap-select plugin
  2988.    var $typeElement = $('#accountType').parent().hasClass('bootstrap-select') ? $('#accountType').parent().parent().parent() : $('#accountType').parent().parent();
  2989.    if (quickLoginFormModalSettings.disableAccountType) $typeElement.addClass('gone');
  2990.    else $typeElement.removeClass('gone');
  2991.  });
  2992.  
  2993.  function initLoginForm() {
  2994.  
  2995.    if ($('.login_target').val() == 'videoPurchaseByPoints') {
  2996.      $('#personalVideoModal').css('overflow', 'auto');
  2997.      $('body').css('overflow', 'hidden');
  2998.  
  2999.      $('#personalVideoModal').modal('show');
  3000.  
  3001.    }
  3002.  
  3003.    if ($('.follow_star_id').val()) {
  3004.      $('.follow_star_id').remove();
  3005.    }
  3006.  
  3007.  
  3008.    if ($('.haveTicket').val()) {
  3009.      $('.haveTicket').remove();
  3010.      $('#ticketInformationModal').modal('show');
  3011.  
  3012.  
  3013.    }
  3014.    if ($('.haveBundle').val()) {
  3015.      $('.haveBundle').remove();
  3016.      $('#ticketInformationModal').modal('show');
  3017.  
  3018.  
  3019.    }
  3020.    if ($('.login_target').val()) {
  3021.      $('.login_target').val('');
  3022.    }
  3023.  
  3024.  
  3025.  }
  3026.  
  3027.  function forgotPassword() {
  3028.    $('.loginSection').addClass('gone');
  3029.    $('.forgotPasswordSection').removeClass('gone');
  3030.  }
  3031.  
  3032.  function backToLoginMode() {
  3033.    $('.loginSection').removeClass('gone');
  3034.    $('.forgotPasswordSection').addClass('gone');
  3035.  }
  3036.  
  3037.  
  3038.  function sendForgotPassowrd() {
  3039.    $('#loaderloginbtn, #loaderlogin').removeClass('gone');
  3040.  
  3041.    var ok = true;
  3042.    if (ok && $('#forgeot_passowrd_email').attr('required') != undefined && $('#forgeot_passowrd_email').val() == '') {
  3043.      ok = false;
  3044.      showErrorMessageInline('forgeot_passowrd_email', 'Please fill in this field');
  3045.  
  3046.    }
  3047.  
  3048.    if (ok && /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test($('#forgeot_passowrd_email').val()) == false) {
  3049.      ok = false;
  3050.      showErrorMessageInline('forgeot_passowrd_email', 'Please make sure that the entered Email is correct');
  3051.    }
  3052.  
  3053.    if (!ok) {
  3054.      $('#loaderloginbtn, #loaderlogin').addClass('gone');
  3055.      return false;
  3056.    }
  3057.  
  3058.    $.post('/index.php', {
  3059.      'class': 'Star',
  3060.      'method': 'sendResetEmail',
  3061.      'layout': 'ajax',
  3062.      'email': $('#forgeot_passowrd_email').val(),
  3063.    }, function(result) {
  3064.      $('#loaderloginbtn, #loaderlogin').addClass('gone');
  3065.  
  3066.      if (result.status !== 'error') {
  3067.  
  3068.        showErrorMessageInline('serverErrorSection', 'A reset link was sent to your email. please click it to reset your password');
  3069.        backToLoginMode();
  3070.  
  3071.      } else if (result.status === 'error') {
  3072.        if (result.message === 'email_not_registered') {
  3073.          showErrorMessageInline('serverErrorSection', 'This email is not registered. please check your email address and try again');
  3074.  
  3075.        }
  3076.      }
  3077.    })
  3078.  
  3079.  
  3080.  }
  3081.  
  3082.  
  3083.  // on login succses
  3084.  $(document).on('login-success', function(e, target, user) {
  3085.    if (target == 'videoPurchaseByPoints') {
  3086.      if (!$(".pointsPaymentloader")[0]) {
  3087.        $('#pointsPaymentCardBody').append(' <div class="loader pointsPaymentloader">Loading...</div>');
  3088.  
  3089.      }
  3090.    } else if (target == 'start-recording') {
  3091.      // Rida Note
  3092.    }
  3093.  });
  3094. </script><script src="/frontend/js/facebook-login-integrated.js?3"></script></body>
  3095.  
  3096.  
  3097. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda