<x-layout::site>

<head>
<title>Realm Status - Russia - World of Warcraft</title>
<link href="https://turbo-wow.ru/site/images/all/css/core.766ef905bddf1b12e5e6.css" rel="stylesheet" type="text/css">
<link href="https://turbo-wow.ru/site/images/all/css/izimodal.df3420266654fd7974759048907176f23513e765.css" rel="stylesheet">
<link href="https://turbo-wow.ru/site/images/all/css/simplebar.9d79d89318973e13b0ce47c1c4de660bcf0f049f.css" rel="stylesheet">
<link href="https://turbo-wow.ru/site/images/all/css/2.cf766fe7997045b8b88a.css" rel="stylesheet" type="text/css">
<link href="https://turbo-wow.ru/site/images/all/css/7.24fdb56b542e67869de0.css" rel="stylesheet" type="text/css">
<script>
    document.oncontextmenu=new Function("return false");
    function disableSelection(target){
        if (typeof target.onselectstart!="undefined") //For IE 
            target.onselectstart=function(){return false}
        else if (typeof target.style.MozUserSelect!="undefined") //For Firefox
            target.style.MozUserSelect="none"
        else //All other route (For Opera)
            target.onmousedown=function(){return false}
        target.style.cursor = "default"
    }
    disableSelection(document.body);
</script>
     <script language="JavaScript">
      
       window.onload = function () {
           document.addEventListener("contextmenu", function (e) {
               e.preventDefault();
           }, false);
           document.addEventListener("keydown", function (e) {
               //document.onkeydown = function(e) {
               // "I" key
               if (e.ctrlKey && e.shiftKey && e.keyCode == 73) {
                   disabledEvent(e);
               }
               // "J" key
               if (e.ctrlKey && e.shiftKey && e.keyCode == 74) {
                   disabledEvent(e);
               }
               // "S" key + macOS
               if (e.keyCode == 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {
                   disabledEvent(e);
               }
               // "U" key
               if (e.ctrlKey && e.keyCode == 85) {
                   disabledEvent(e);
               }
               // "F12" key
               if (event.keyCode == 123) {
                   disabledEvent(e);
               }
           }, false);
           function disabledEvent(e) {
               if (e.stopPropagation) {
                   e.stopPropagation();
               } else if (window.event) {
                   window.event.cancelBubble = true;
               }
               e.preventDefault();
               return false;
           }
       }
//edit: removed ";" from last "}" because of javascript error
</script>	
</head>

  <div class="body">
    <div class="page">
      <main id="main" role="main">
        <div class="Pane Pane--dirtDark Pane--full z-index-above" queryselectoralways="22">
          <div class="Pane-bg">
            <div class="Pane-overlay"></div>
          </div>
          <div class="Pane-content">
            <div class="react-mount" id="realm-status-mount" data-initial-state-variable-name="realmStatusInitialState">
              <div class="Pane Pane--underSiteNav Pane--bgTop Pane--dirt padding-bottom-huge" data-queryselectoralways-ignore="true" queryselectoralways="22">
                <div class="Pane-bg" data-background-image="//bnetcmsus-a.akamaihd.net/cms/template_resource/90/90GADAMBLMYV1466177710309.jpg" style="background-color: rgb(9, 12, 29); background-image: url(&quot;//bnetcmsus-a.akamaihd.net/cms/template_resource/90/90GADAMBLMYV1466177710309.jpg&quot;);" data-loaded="true">
                  <div class="Pane-overlay"></div>
                </div>
                <div class="Pane-content">
                  <div class="padding-top-huge margin-bottom-large">
                    <div class="contain-masthead align-center">
                      <div class="font-semp-xxxLarge-white">Состояние игрового мира</div>
                      <div class="space-rhythm-medium"></div>
                      <div class="Content"><span class="font-bliz-light-small-beige">Здесь перечислены все игровые миры World of Warcraft, а также указано, доступны они сейчас или нет. Если ваш сервер отмечен как недоступный, не беспокойтесь — мы уже знаем об этом и прикладываем все усилия, чтобы вернуть его в строй.</span></div>
                    </div>
                  </div>
                  <div class="margin-bottom-normal">
                    <div class="flex-items-end margin-bottom-normal flex flex-justify-space">
                      <div class="margin-right-norma">
                        <div class="HorizontalNav HorizontalNav--flex HorizontalNav--gutters">
                          <div class="HorizontalNav-itemsContainer">
                            <div class="MediaAwareSlider MediaAwareSlider--disabled HorizontalNav-items">
                              <button class="HorizontalNav-link is-selected" type="button">
                                <div class="HorizontalNav-item nocursor">World of Warcraft</div>
                              </button>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex flex-items-end">
<style type="text/css">
    .nocursor { cursor: default; }
</style>
                      </div>
                    </div>
                    <div class="Divider Divider--opaque Divider--thin margin-top-normal" data-queryselectoralways-ignore="true"></div>
                  </div>
                  <div class="RealmsTable">
                    <div class="SortTable SortTable--flex" data-queryselectoralways-ignore="true" queryselectoralways="33" style="">
                      <div class="SortTable-head">
                        <div class="SortTable-col SortTable-label nocursor">
                          <button class="SortTable-labelOuter align-center nocursor">
                            <div class="SortTable-labelInner nocursor">
                              <div class="SortTable-labelText nocursor">Состояние</div>
                            </div>
                          </button>
                        </div>
                        <div class="SortTable-col SortTable-label nocursor">
                          <button class="SortTable-labelOuter align-center nocursor">
                            <div class="SortTable-labelInner nocursor">
                              <div class="SortTable-labelText nocursor">Название мира</div>
                            </div>
                          </button>
                        </div>
                        <div class="SortTable-col SortTable-label nocursor">
                          <button class="SortTable-labelOuter align-center nocursor">
                            <div class="SortTable-labelInner nocursor">
                              <div class="SortTable-labelText nocursor">Рейты</div>
                            </div>
                          </button>
                        </div>
                        <div class="SortTable-col SortTable-label nocursor">
                          <button class="SortTable-labelOuter align-center nocursor">
                            <div class="SortTable-labelInner nocursor">
                              <div class="SortTable-labelText nocursor">Заселенность</div>
                            </div>
                          </button>
                        </div>
                        <div class="SortTable-col SortTable-label nocursor">
                          <button class="SortTable-labelOuter align-center nocursor">
                            <div class="SortTable-labelInner nocursor">
                              <div class="SortTable-labelText nocursor">Онлайн</div>
                            </div>
                          </button>
                        </div>
                        <div class="SortTable-col SortTable-label nocursor">
                          <button class="SortTable-labelOuter align-center nocursor">
                            <div class="SortTable-labelInner nocursor">
                              <div class="SortTable-labelText nocursor">Страна</div>
                            </div>
                          </button>
                        </div>
                      </div>
                      <div class="SortTable-body">
                        <div class="SortTable-row">
                          <div class="SortTable-col SortTable-data align-center"><span class="Icon Icon--checkCircleGreen Icon--image"></span></div>
                          <div class="SortTable-col SortTable-data align-center">Dragonflight - Blizzlike/Custom</div>
                          <div class="SortTable-col SortTable-data align-center">x10</div>
                          <div class="SortTable-col SortTable-data align-center">Низкая</div>
						
                        <body onload="showRandomNumber();">
						<div style="color:#80dd50" class="SortTable-col SortTable-data align-center number" id="number1"> </div>
                          <div class="SortTable-col SortTable-data align-center">Россия</div>
                        </div>
                        <div class="SortTable-row">
                          <div class="SortTable-col SortTable-data align-center"><span class="Icon Icon--checkCircleGreen Icon--image"></span></div>
                          <div class="SortTable-col SortTable-data align-center">Wrath of the Lich King - with Playerbot AI</div>
                          <div class="SortTable-col SortTable-data align-center">x25</div>
                          <div class="SortTable-col SortTable-data align-center">Нет мест</div>
						  <div style="color:#80dd50" class="SortTable-col SortTable-data align-center number" id="number2"> </div>
                          <div class="SortTable-col SortTable-data align-center">Россия</div>
                        </div>

    <script>
        function getRandomNumber(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

        function updateNumbers() {
            const number1 = getRandomNumber(27, 38);
            const number2 = getRandomNumber(830, 1290);

            document.getElementById('number1').textContent = number1;
            document.getElementById('number2').textContent = number2;

            // Сохранение значений в localStorage
            localStorage.setItem('number1', number1);
            localStorage.setItem('number2', number2);
        }

        function loadNumbers() {
            const storedNumber1 = localStorage.getItem('number1');
            const storedNumber2 = localStorage.getItem('number2');

            // Если значения есть в localStorage, выводим их, если нет - генерируем новые
            if (storedNumber1 !== null) {
                document.getElementById('number1').textContent = storedNumber1;
            } else {
                updateNumbers();
            }

            if (storedNumber2 !== null) {
                document.getElementById('number2').textContent = storedNumber2;
            } else {
                updateNumbers();
            }
        }

        // Загрузка значений при загрузке страницы
        window.onload = () => {
            loadNumbers();
            setInterval(updateNumbers, 120000); // Обновляем значения каждые 5 секунд
        };
    </script>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

</x-layout::site>