HEX
Server: LiteSpeed
System: Linux php-prod-3.spaceapp.ru 5.15.0-151-generic #161-Ubuntu SMP Tue Jul 22 14:25:40 UTC 2025 x86_64
User: sarli3128 (1010)
PHP: 7.4.33
Disabled: pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Upload Files
File: //home/retile.ru/public_html/catalog/view/theme/unishop2/template/common/footer.twig
</main>
{{ topstripe }}
{{ pwa_notification }}
{{ notification }}

<div class="modal" id="post_to1" tabindex="-1" role="dialog" aria-labelledby="post_toLabel1">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h3 class="modal-title" id="post_toLabel1">Бесплатная консультация</h3>
      </div>
      <div class="modal-body">
        <form role="form" method="post" enctype="multipart/form-data" class="send_post_one deactiver">
          <input type="text" name="name" value="" class="name">
          <div class="form-group">
            <label for="formInput57-1" class="control-label">Ваше имя</label>
            <input type="text" class="form-control" name="Имя" id="formInput57-1" placeholder="Ваше имя" required>
          </div>
          <div class="form-group">
            <label for="formInput57-2" class="control-label">Телефон</label>
            <input type="text" class="form-control" name="Телефон" id="formInput57-2" placeholder="Телефон" required>
          </div>
          <div class="form-group">
            <label for="formInput57-3" class="control-label">Email</label>
            <input type="text" class="form-control" name="Email" id="formInput57-3" placeholder="Email">
          </div>
          <div class="form-group">
            <label for="formInputText57-4" class="control-label">Сообщение</label>
            <textarea class="form-control" name="Сообщение" id="formInputText57-4" rows="3" placeholder="Сообщение" required></textarea>
          </div>
          {% if captcha %}
              {{ captcha }}
          {% endif %}
          <div class="form-group">
            <div class="checkbox" id="formInputCheckbox57-5">
              <div>
                <label>
                  <input required="required" type="checkbox" name="Политика принята" value="" class="polit">
                  <span>Нажимая кнопку "Отправить" я подтверждаю, что ознакомился с положениями <a href="/politika-konfidencialnosti" target="_blank">Политики в отношении обработки персональных данных</a> Индивидуальным предпринимателем Коляда Е. Ю. и даю согласие на обработку моих персональных данных, указанных в форме обращения, в соответствии с порядком обработки, установленным Индивидуальным предпринимателем Коляда Е. Ю.</span>
                </label>
              </div>
            </div>
          </div>
          <div class="hidden-inputs">
            <input type="hidden" name="Ссылка" value="{{ current_url }}">
          </div>
          <div class="form-group text-center">
            <button type="submit" class="btn btn-primary">Отправить</button>
          </div>
        </form>
        <div class="callback_success" style="display: none;">
          Спасибо, мы свяжемся с вами в ближайшее время.
        </div>
      </div>
    </div>
  </div>
</div>

<div class="modal" id="post_to2" tabindex="-1" role="dialog" aria-labelledby="post_toLabel2">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h3 class="modal-title" id="post_toLabel2">Коммерческое предложение</h3>
      </div>
      <div class="modal-body">
        <form role="form" method="post" enctype="multipart/form-data" class="send_post_two deactiver">
          <input type="text" name="name" value="" class="name">
          <div class="form-group">
            <label for="formInput56-1" class="control-label">Организация</label>
            <input type="text" class="form-control" name="Организация" id="formInput56-1" placeholder="Организация">
          </div>
          <div class="form-group">
            <label for="formInput56-2" class="control-label">Ваше имя</label>
            <input type="text" class="form-control" name="Ваше имя" id="formInput56-2" placeholder="Ваше имя" required>
          </div>
          <div class="form-group">
            <label for="formInput56-3" class="control-label">Телефон</label>
            <input type="text" class="form-control" name="Телефон" id="formInput56-3" placeholder="Телефон" required>
          </div>
          <div class="form-group">
            <label for="formInput56-4" class="control-label">Email</label>
            <input type="text" class="form-control" name="Email" id="formInput56-4" placeholder="Email">
          </div>
          <div class="form-group">
            <label for="formInput56-5" class="control-label">Название товара или артикул</label>
            <input type="text" class="form-control" name="Название товара или артикул" id="formInput56-5" placeholder="Название товара или артикул">
          </div>
          <div class="form-group">
            <label for="formInputCheckbox56-6" class="control-label">Доставка</label>
            <div class="checkbox" id="formInputCheckbox56-6">
              <div><label><input type="checkbox" name="Доставка" value="Доставка">Доставка</label></div>
            </div>
          </div>
          <div class="form-group">
            <label for="formInputRadio56-7" class="control-label">Монтаж в Москве и МО:</label>
            <div class="radio" id="formInputRadio56-7">
              <div><label><input type="radio" name="Монтаж в Москве и МО" value="Да">Да</label></div>
              <div><label><input type="radio" name="Монтаж в Москве и МО" value="Нет">Нет</label></div>
            </div>
          </div>
          {% if captcha %}
              {{ captcha }}
          {% endif %}
          <div class="form-group">
            <div class="checkbox" id="formInputCheckbox56-8">
              <div>
                <label>
                  <input required="required" type="checkbox" name="Политика принята" value="" class="polit">
                  <span>Нажимая кнопку "Отправить" я подтверждаю, что ознакомился с положениями <a href="/politika-konfidencialnosti" target="_blank">Политики в отношении обработки персональных данных</a> Индивидуальным предпринимателем Коляда Е. Ю. и даю согласие на обработку моих персональных данных, указанных в форме обращения, в соответствии с порядком обработки, установленным Индивидуальным предпринимателем Коляда Е. Ю.</span>
                </label>
              </div>
            </div>
          </div>
          <div class="hidden-inputs">
            <input type="hidden" name="Ссылка" value="{{ current_url }}">
          </div>
          <div class="form-group text-center">
            <button type="submit" class="btn btn-primary">Отправить</button>
          </div>
        </form>
        <div class="callback_success" style="display: none;">
          Спасибо, мы свяжемся с вами в ближайшее время.
        </div>
      </div>
    </div>
  </div>
</div>

<script>
$(".send_post_one").submit(function(event){
        event.preventDefault();
    return $.ajax({
        type: "post",
        dataType: 'json',
        url: "/index.php?route=feedback/feedback/postone",
        data: $(this).serialize()}
    ).done(
        function(){
            $(this).find("input").val("");
            $(".send_post_one").trigger("reset");
        }
    ),!1;
}
);
  $("#post_to1 .btn").click(function() {
      var input1 = $('#formInput57-1').val();
      var input2 = $('#formInput57-2').val();
      var input_agree = $('#formInputCheckbox57-5').find('input[type="checkbox"]').val();
      // Проверяем, заполнены ли поля
      if (input1 && input2 && input_agree) {
          $('#post_to1 .deactiver').fadeOut(400);
          $('#post_to1 .callback_success').fadeIn(400);
      } else {
          //alert('Пожалуйста заполните все поля.');
      }
  });
</script>

<script>
$(".send_post_two").submit(function(event) {
    event.preventDefault();
    return $.ajax(
        {
            type: "post",
            dataType: 'json',
            url: "/index.php?route=feedback/feedback/posttwo",
            data: $(this).serialize()
        }
        ).done(function(){
            $(this).find("input").val("");
            $(".send_post_two").trigger("reset")
        });
    !1;
});

  $("#post_to2 .btn").click(function() {
      var input3 = $('#formInput56-2').val();
      var input4 = $('#formInput56-3').val();
      var input_agree = $('#formInputCheckbox56-8').find('input[type="checkbox"]').val();
      // Проверяем, заполнены ли поля
      if (input3 && input4 && input_agree) {
          $('#post_to2 .deactiver').fadeOut(400);
          $('#post_to2 .callback_success').fadeIn(400);
      } else {
          //alert('Пожалуйста заполните все поля.');
      }
  });
</script>

<footer class="footer {{ mobile_menu_bottom ? ' mobile-menu-bottom' }}">
  {{ subscribe }}
  <div class="footer_munu container">
    <div class="row">
      <div class="footer__column col-sm-6 col-md-3">
        <div class="footer__column-heading" data-toggle="collapse" data-target=".footer__column-ul-1" onclick="$(this).toggleClass('open')">
          {{ footer_column[1].icon ? '<i class="footer__column-icon fa-fw '~footer_column[1].icon~'"></i>' }} 
          {{ footer_column[1].heading }}
          <i class="fas fa-chevron-down visible-xs"></i>
        </div>
        <ul class="footer__column-ul footer__column-ul-1 collapse list-unstyled">
          {% if informations %}
            {% for information in informations %}
              <li class="footer__column-li"><a href="{{ information.href }}" class="footer__column-a">{{ information.title }}</a></li>
            {% endfor %}
          {% endif %}
          {% if footerlinks.1 %}
            {% for footerlink in footerlinks.1 %}
              <li class="footer__column-li"><a href="{{ footerlink.link }}" class="footer__column-a">{{ footerlink.title }}</a></li>
            {% endfor %}
          {% endif %}
        </ul>
      </div>
      <div class="footer__column col-sm-6 col-md-3">
        <div class="footer__column-heading" data-toggle="collapse" data-target=".footer__column-ul-2" onclick="$(this).toggleClass('open')">
          {{ footer_column[2].icon ? '<i class="footer__column-icon fa-fw '~footer_column[2].icon~'"></i>' }}
          {{ footer_column[2].heading }}
          <i class="fas fa-chevron-down visible-xs"></i>
        </div>
        {% if footerlinks.2 %}
          <ul class="footer__column-ul footer__column-ul-2 collapse list-unstyled">
            {% for footerlink in footerlinks.2 %}
              <li class="footer__column-li"><a href="{{ footerlink.link }}" class="footer__column-a">{{ footerlink.title }}</a></li>
            {% endfor %}
          </ul>
        {% endif %}
      </div>
      <div class="clearfix visible-sm"></div>
{#}
      <div class="footer__column col-sm-6 col-md-3">
        <div class="footer__column-heading" data-toggle="collapse" data-target=".footer__column-ul-3" onclick="$(this).toggleClass('open')">
          {{ footer_column[3].icon ? '<i class="footer__column-icon fa-fw '~footer_column[3].icon~'"></i>' }}
          {{ footer_column[3].heading }}
          <i class="fas fa-chevron-down visible-xs"></i>
        </div>
        {% if footerlinks.3 %}
          <ul class="footer__column-ul footer__column-ul-3 collapse list-unstyled">
            {% for footerlink in footerlinks.3 %}
              <li class="footer__column-li"><a href="{{ footerlink.link }}" class="footer__column-a">{{ footerlink.title }}</a></li>
            {% endfor %}
          </ul>
        {% endif %}
      </div>
{#}
      <div class="footer__column col-sm-6 col-md-3">
        <div class="footer__column-heading footer__column-heading-addr">{{ text_footer_our_contacts }}</div>
        <ul class="footer__column-ul footer__contacts list-unstyled">
          {% for phone in footer_phone %}
            <li class="footer__column-li footer__contacts-li">
              <i class="footer__contacts-icon fa-fw {{ phone.icon }}"></i>
              <a class="footer__column-a uni-href" data-href="{{ phone.href }}">{{ phone.number }}</a>
            </li>
          {% endfor %}
            <li class="footer__column-li footer__contacts-li">
              <i class="footer__contacts-icon fa-fw fas fa-phone"></i>
              <a class="footer__column-a uni-href" data-href="tel:84957890031">8 (495) 789-00-31</a>
            </li>
            <li class="footer__column-li footer__contacts-li">
              <i class="footer__contacts-icon fa-fw fa fa-mobile-alt" title="8 (925) 927-31-29"></i>
              <a class="footer__column-a uni-href" data-href="tel:89259273129" data-target="_blank">8 (925) 927-31-29</a>
            </li>
            <li class="footer__column-li footer__contacts-li"><i class="footer__contacts-icon fa fa-envelope fa-fw"></i><a class="footer__column-a uni-href" data-href="mailto:info@retile.ru">info@retile.ru</a></li>
        </ul>
      </div>
      <div class="footer__column adress col-sm-6 col-md-3">
        <div class="footer__column-heading footer__column-heading-addr">{{ text_footer_our_address }}</div>
        <ul class="footer__column-ul footer__contacts list-unstyled">
          {% if footer_address %}<li class="footer__column-li footer__contacts-li"><i class="footer__contacts-icon fa fa-map-marker fa-fw"></i>{{ footer_address }}</li>{% endif %}
          {% if footer_open %}<li class="footer__column-li footer__contacts-li"><i class="footer__contacts-icon fa fa-clock fa-fw"></i>{{ footer_open }}</li>{% endif %}
        </ul>
        {% if footerlinks.4 %}
          <div class="footer__column-heading" data-toggle="collapse" data-target=".footer__column-ul-4" onclick="$(this).toggleClass('open')">
            {{ footer_column[4].icon ? '<i class="footer__column-icon fa-fw '~footer_column[4].icon~'"></i>' }}
            {{ footer_column[4].heading }}
            <i class="fas fa-chevron-down visible-xs"></i>
          </div>
          <ul class="footer__column-ul footer__column-ul-4 collapse list-unstyled">
            {% for footerlink in footerlinks.4 %}
              <li class="footer__column-li"><a href="{{ footerlink.link }}" class="footer__column-a">{{ footerlink.title }}</a></li>
            {% endfor %}
          </ul>
        {% endif %}
      </div>
      {% if footer_text %}
        <div class="col-sm-12 hidden-xs">
          <div class="footer__text">{{ footer_text }}</div>
          <p>© <?php echo date('Y'); ?></p>
        </div>
      {% endif %}
    </div>
  </div>
  <div class="footer__socials-payments">
    <div class="container">
      <div class="row">
        <div class="col-sm-12 col-md-6">
          <div class="visible-xs visible-sm" style="height:15px"></div>
          <div class="footer__payments">
            <a href="https://www.ozon.ru/seller/retayl-dostupnaya-sreda-168056/products/?miniapp=seller_168056" target="_blank">
              <img src="image/catalog/ozon.png" alt="" class="footer__payments-icon">
            </a>
            <a href="https://www.wildberries.ru/brands/60469489-retayl" target="_blank">
              <img src="image/catalog/wb.png" alt="" class="footer__payments-icon">
            </a>
            <a href="https://market.yandex.ru/business--retail-dostupnaia-sreda/1168626" target="_blank">
              <img src="image/catalog/ym.png" alt="" class="footer__payments-icon">
            </a>
            {% for icon in payment_icons %}
              {% if 'catalog' in icon %}
                <img src="image/{{icon}}" alt="Payment system" class="footer__payments-icon" />
              {% else %}
                <div class="footer__payments-icon {{ icon }}"></div>
              {% endif %}
            {% endfor %}
          </div>
        </div>
        <div class="col-sm-12 col-md-6">
          <div class="footer__media">
            {% if socials %}
              {% for social in socials %}
                <i class="footer__socials-icon uni-href fab {{ social.icon }}" data-href="{{ social.link }}" data-target="_blank"></i>
              {% endfor %}
            {% endif %}
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>
<div class="fly-block {{ mobile_menu_bottom ? ' mobile-menu-bottom' }}">
  {% if wishlist %}
    <div class="fly-block__item fly-block__wishlist uni-href" data-href="{{ wishlist.href }}" title="{{ text_fly_wishlist }}" data-toggle="tooltip" data-products="{{ wishlist.products }}">
      <i class="far fa-heart fly-block__wishlist-icon"></i><span class="fly-block__total fly-block__wishlist-total">{{ wishlist.total }}</span>
    </div>
  {% endif %}
  {% if compare %}
    <div class="fly-block__item fly-block__compare uni-href" data-href="{{ compare.href }}" title="{{ text_fly_compare }}" data-toggle="tooltip" data-products="{{ compare.products }}">
      <i class="fas fa-align-right fly-block__compare-icon"></i><span class="fly-block__total fly-block__compare-total">{{ compare.total }}</span>
    </div>
  {% endif %}
  {% if show_fly_callback %}
    <div class="fly-block__item fly-block__callback" onclick="uniRequestOpen(['mail', 'phone', 'comment'])" {{ fly_callback_text ? ' title="'~fly_callback_text~'" data-toggle="tooltip"' }}>
      <i class="fa fa-phone fly-block__callback-icon"></i>
    </div>
  {% endif %}
  <div class="fly-block__item fly-block__scrollup" onclick="uniScrollTo('body')">
    <i class="fa fa-chevron-up fly-block__scrollup-icon" aria-hidden="true"></i>
  </div>
  <script>
    $(window).scroll(function(){    
      $(this).scrollTop() > 190 ? $('.fly-block__scrollup').addClass('visible') : $('.fly-block__scrollup').removeClass('visible');
    });
  </script>
</div>

<script>
(function(w,d,u){
var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0);
var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
})(window,document,'https://cdn-ru.bitrix24.ru/b14157678/crm/site_button/loader_3_lrm58c.js');
</script>

<script>var uniJsVars = JSON.parse(atob('{{ js_vars }}'));</script>
{% if scripts_delayed %}
  <script>
    setTimeout(() => {
      {% for script in scripts_delayed %}
        $.getScript('{{ script }}');
      {% endfor %}
    }, {{ scripts_delayed_time*1000 }});
  </script>
{% endif %}

<script>
  function calculateDiscountPrice() {
        const priceElement = document.querySelector('.product-page__price.price');
             if (priceElement) {
            const originalPriceString = priceElement.getAttribute('data-discount');
            const originalBasePrice = priceElement.getAttribute('data-price');
 
            const fixedJson = originalPriceString.replace(/'/g, '"');
            const discounts = JSON.parse(fixedJson);
            const originalPrice = parseFloat(discounts[0].price);
 
            const kaef = 1 - Math.abs((+originalBasePrice - +originalPrice) / +originalBasePrice)
 
            const options = document.querySelectorAll('.option__item input');
 
            options.forEach(option => {
                const price = option.getAttribute('data-price')
                option.setAttribute('data-discount-price', +price * kaef);
            })
 
            const groups = document.querySelectorAll('.option__group');
 
            groups.forEach(group => {
                const options = group.querySelectorAll('.option__item input');
                options.forEach(option => {
                    option.addEventListener('click', (e) => {
                        options.forEach(option => {
                            option.setAttribute('data-active', 'false');
                        })
                        e.currentTarget.setAttribute('data-active', 'true');
                        const actives = document.querySelectorAll('.option__item input[data-active="true"]')
 
                        let sum = 0;
                        actives.forEach(active => {
                            const discount = active.getAttribute('data-discount-price');
                            sum += +discount;
                        });
 
                        const titleElement = document.querySelector('.discount-price');
                        if (titleElement) {
                            titleElement.innerText = `${(sum + originalPrice).toFixed(2)}₽`;
                        }
                    })
                })
            });
        }
    }
 
    calculateDiscountPrice()
</script>
<script>
 /* const divA = document.querySelectorAll('.product-page__price.price')[0];
  const divB = document.getElementById('priceVat5');
  const divC = document.getElementById('priceVat20');
  function parsePrice(priceText) {
      const cleaned = priceText.replace(/[^\d.]/g, '');
      return parseFloat(cleaned) || 0;
  }
  function calculateVAT5(price) {
      return price * 1.05;
  }
  function calculateVAT20(price) {
      return price * 1.20;
  }
  const observer = new MutationObserver(() => {
      const price = parsePrice(divA.textContent);
      const priceWithVAT5 = calculateVAT5(price).toFixed(2);
      const priceWithVAT20 = calculateVAT20(price).toFixed(2);
      divB.textContent = `${priceWithVAT5}₽`;
      divC.textContent = `${priceWithVAT20}₽`;
  });
  observer.observe(divA, {
      childList: true,
      subtree: true,
      characterData: true
  });*/
  document.addEventListener('DOMContentLoaded', function () {
    const priceSelector = '.product-page__price.price';
    const vat5El = document.getElementById('priceVat5');
    const vat20El = document.getElementById('priceVat20');

    if (!vat5El || !vat20El) {
      console.warn('priceVat5 или priceVat20 не найдены');
      return;
    }

    function parsePrice(text) {
      if (!text) return 0;
      // Убираем пробелы, меняем запятую на точку, оставляем цифры и точку
      const cleaned = text.replace(/\s+/g, '').replace(',', '.').replace(/[^\d.]/g, '');
      return parseFloat(cleaned) || 0;
    }
    const calc5 = n => n * 1.05;
    const calc20 = n => n * 1.20;

    function render() {
      const priceEl = document.querySelector(priceSelector);
      if (!priceEl) return;

      const base = parsePrice(priceEl.textContent);
      const v5 = calc5(base).toFixed(2);
      const v20 = calc20(base).toFixed(2);

      vat5El.textContent = `${v5}₽`;
      vat20El.textContent = `${v20}₽`;
    }

    let priceObserver = null;

    function attachObserverTo(el) {
      if (!el) return;
      if (priceObserver) priceObserver.disconnect();

      priceObserver = new MutationObserver(() => render());
      priceObserver.observe(el, { childList: true, subtree: true, characterData: true });
    }

    // Наблюдаем за документом, чтобы дождаться появления/замены узла цены
    const docObserver = new MutationObserver(() => {
      const el = document.querySelector(priceSelector);
      if (el) {
        attachObserverTo(el);
        render();
      }
    });

    // Старт: пробуем сразу, затем страхуемся наблюдением за документом
    const initialEl = document.querySelector(priceSelector);
    if (initialEl) {
      attachObserverTo(initialEl);
      render();
    } else {
      docObserver.observe(document.documentElement, { childList: true, subtree: true });
    }
  });
</script>

<style>
    #cookie-notification {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #f1f1f1;
        padding: 15px;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
        z-index: 1000;
        text-align: center;
    }
    #cookie-notification p {
        margin: 0 0 10px 0;
    }
    #accept-cookies {
        background: #05ac43;
        color: #fafafa;
        border: none;
        padding: 8px 16px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 4px;
    }
</style>

<div id="cookie-notification">
    <p>Мы используем cookie-файлы для улучшения работы сайта. Продолжая использовать сайт, вы соглашаетесь с этим.</p>
    <button id="accept-cookies">Принять</button>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Проверяем, было ли уже дано согласие
        if (!getCookie('cookies_accepted')) {
            // Если согласия нет, показываем уведомление
            showCookieNotification();
        }
    });

    function showCookieNotification() {
        const notification = document.getElementById('cookie-notification');
        notification.style.display = 'block';
        
        // Обработчик для кнопки принятия
        document.getElementById('accept-cookies').addEventListener('click', function() {
            // Устанавливаем cookie с согласием на 30 дней
            setCookie('cookies_accepted', 'true', 30);
            notification.style.display = 'none';
        });
    }

    // Функция для установки cookie
    function setCookie(name, value, days) {
        const date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        const expires = "expires=" + date.toUTCString();
        document.cookie = name + "=" + value + ";" + expires + ";path=/";
    }

    // Функция для получения cookie
    function getCookie(name) {
        const cookieName = name + "=";
        const decodedCookie = decodeURIComponent(document.cookie);
        const cookies = decodedCookie.split(';');
        for (let i = 0; i < cookies.length; i++) {
            let cookie = cookies[i];
            while (cookie.charAt(0) === ' ') {
                cookie = cookie.substring(1);
            }
            if (cookie.indexOf(cookieName) === 0) {
                return cookie.substring(cookieName.length, cookie.length);
            }
        }
        return null;
    }
</script>

</body>
</html>