{% set current_path = template_path ~ '/modules/footer' %}
            <footer class="footer">
                <div class="wrapper">
                    <div class="footer-top">
                        <div class="footer-content__wrap">
                            <div class="footer-content">
                                <a href="/" class="logo">
                                    <img src="{{ current_path }}/assets/img/logo-green.svg" alt="">
                                    <span>сosmopet</span>
                                </a>
                                <p class="footer-content__address">
                                    {{adres}}
                                </p>
                                <ul>
                                {% for item in email_list %}
                                    <li>
                                        <p>{{item.name}}</p>
                                        <a href="mailto:{{item.email}}">{{item.email}}</a>
                                    </li>
                                {% endfor %}
                                </ul>
                            </div>
                            <div class="footer-top__link">
                                <a href="https://t.me/cosmopet_bot" class="link-black">{{ function('pll_e', 'Чат бот с ветеринаром') }}</a>
                            </div>
                        </div>
                        <form class="footer-contact form-process" action="contact_form">
                            <h3 class="footer-contact__title">{{ function('pll_e', 'Форма обратной связи') }}</h3>
                            <input name="name" type="text" placeholder="{{ function('pll_e', 'Ваше имя') }}" class="form-inp">
                            <input name="email" type="email" placeholder="{{ function('pll_e', 'Эл.почта') }}" class="form-inp">
                            <textarea name="message" class="form-textarea" name="" placeholder="{{ function('pll_e', 'Текст обращения') }}" id=""></textarea>
                            <input type="hidden" name="from_url" value="{{ current_url }}">
                            <input type="hidden" name="form_name" value="Contact form in footer">
                            <button class="footer-contact__submit" type="submit">{{ function('pll_e', 'Отправить') }}</button>
                        </form>
                    </div>
                    <div class="footer-bottom">
                        <ul class="footer-network">
                            {% for item in social %}
                            <li>
                                <a href="{{item.link}}" target="_blank">
                                    <img class="social-media__icon" src="{{item.img}}">
                                </a>
                            </li>
                           {% endfor %}
                        </ul>
                        {% for item in links %}
                        <a href="{{item.link}}">{{item.name}}</a>
                        {% endfor %}
                    </div>
                </div>
            </footer>

            
            <!-- Footer end -->


            <div class="modal">
            <aside class="modal__aside"> 
                <div class="modal__item modal__login">
                    <button class="modal__close">
                        <img src="<?php bloginfo('template_url');?>/gp-include/assets/core/img/svg/main/black-x.svg" alt="">
                    </button>
                    
                        <div class="login_wrap login_forms">
                            <div class="login_inner step active">
                                <h2 class="login_title">Войти или зарегистрироваться</h2>
                                <div class="login_subtitle">Подтвердите свой e-mail в письме</div>
                                <div class="login_input js-input-email">
                                    <input type="text" name="email" placeholder="example@example.com"/>
                                    <div class="login_error"></div>
                                </div>
                                <button class="login_btn btn_gradient js-get-code">Получить код</button>
                                {{ function('tgWidget') }}
                            </div>
                            <div class="login_inner step">
                                <div class="login_back">
                                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="32" height="32" rx="16" fill="#121212"/><path d="M8.5 16.3633H25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 16.3633L14.864 22.7272" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 16.3633L14.864 9.99932" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                                </div>
                                <h2 class="login_title">Введите код</h2>
                                <div class="login_subtitle">Код отправленный на e-mail:<span class="sended_email"></span></div>
                                <div class="login_input js-input-code">
                                    <input type="text" name="code" placeholder="0000"/>
                                    <div class="login_error"></div>
                                </div>
                                <div class="login_timer">Запросить новый код: <span class="seconds">15</span> секунд</div>
                                <button class="login_btn btn_gradient js-repeat-code">Запросить новый код</button>
                            </div>
                            <div class="login_privacy">
                            Нажимая на кнопку «Получить код», я даю согласие на обработку моих персональных данных в соответствии с <a href="/privacy-policy">политикой обработки персональных данных</a>
                            </div>
                        </div>
                        <div class="login_wrap login_success hide">
                            <div class="login_inner active">
                                <h2 class="login_title">Спасибо<br />за авторизацию</h2>
                                <div class="login_subtitle">Теперь вы можете получать промокоды за покупки.</div>
                                <img src="<?php bloginfo('template_url');?>/images/people.png" alt=""/>
                                <a href="/my-account" class="login_btn account_link">Заполнить профиль</a>
                            </div>
                        </div>
                        <div class="login_wrap login_auth hide">
                            <div class="login_inner active">
                                <h2 class="login_title --text-center">
                                Вы вошли в систему</h2>
                                <img src="<?php bloginfo('template_url');?>/images/people.png" alt=""/>
                                <a href="/my-account" class="login_btn account_link">Профиль</a>
                            </div>
                        </div>
                    
                </div>
            </aside>
        </div>
{% verbatim %}
<div class="modal modal-success" style="display: none;">
  <div class="modal-content">
    <div class="close-button">&times;</div>
    <h2 class="modal-title">ВАША ЗАЯВКА ПРИНЯТА!</h2>
    <div class="modal-message">
      <p>Спасибо! Сообщение успешно отправлено.</p>
      <p>Наш менеджер скоро свяжемся с вами<br>для уточнения деталей.</p>
    </div>
    
    <div class="modal-button-container">
      <a href="/" class="submit-button">Вернуться на сайт</a>

<div class="mform mform-success" style="display: none;">
  <div class="mform-content">
    <div class="close-button">&times;</div>
    <h2 class="mform-title">{{ fn('pll_e', 'ВАША ЗАЯВКА ПРИНЯТА!') }}</h2>
    <div class="mform-message">
      <p>{{ fn('pll_e', 'Спасибо! Сообщение успешно отправлено.') }}</p>
      <p>{{ fn('pll_e', 'Наш менеджер скоро свяжемся с вами<br>для уточнения деталей.') }}</p>
    </div>
    
    <div class="mform-button-container">
      <a href="/" class="submit-button">{{ fn('pll_e', 'Вернуться на сайт') }}</a>
    </div>
  </div>
</div>


<div class="mform mform-offer" style="display: none;">
  <div class="mform-content">
    <div class="close-button">&times;</div>
    <h2 class="mform-title">ПРЕДЛОЖИТЕ СТАТЬЮ</h2>
    <p class="mform-subtitle">или станьте автором</p>
    
    <form class="mform-form form-process" action="contact_form">
      <div class="form-group full-width">
        <input type="text" name="name" placeholder="Ваше имя *" required>
      </div>
      <div class="form-row">
        <div class="form-group half-width">
          <input type="tel" name="phone" placeholder="Телефон *" required>
        </div>
        <div class="form-group half-width">
          <input type="text" name="telegram" placeholder="Telegram">
        </div>
      </div>
      <div class="form-group half-width message-container">
        <textarea name="message" placeholder="Текст обращения"></textarea>
        
      </div>
      <div class="form-group half-width">
        <button type="submit" class="submit-button">Отправить</button>
      </div>
      <div class="author-image">
          <img src="/wp-content/uploads/2025/04/rectangle.png" alt="Автор">
        </div>
    </form>
  </div>
</div>

{% endverbatim %}

<script>
        function onTelegramAuth(user) {
        var data = {
            action: 'ontelegramauth',
            userid: user.id,
            username: user.username,
            fname: user.first_name,
            lname: user.last_name
        }
        jQuery.ajax({
            type: 'POST',
            url: '/wp-admin/admin-ajax.php',
            data: data,
            success: function(){
                location.href = '/my-account';
            }
        });
    }
    function linkTelegram(user) {
        var data = {
            action: 'linktelegram',
            userid: user.id,
            username: user.username,
            fname: user.first_name,
            lname: user.last_name
        }
        jQuery.ajax({
            type: 'POST',
            url: '/wp-admin/admin-ajax.php',
            data: data,
            success: function(){
                jQuery('.cabinet-accounts').html('<svg width="40px" height="40px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid"><g><path d="M128,0 C57.307,0 0,57.307 0,128 L0,128 C0,198.693 57.307,256 128,256 L128,256 C198.693,256 256,198.693 256,128 L256,128 C256,57.307 198.693,0 128,0 L128,0 Z" fill="#40B3E0"></path><path d="M190.2826,73.6308 L167.4206,188.8978 C167.4206,188.8978 164.2236,196.8918 155.4306,193.0548 L102.6726,152.6068 L83.4886,143.3348 L51.1946,132.4628 C51.1946,132.4628 46.2386,130.7048 45.7586,126.8678 C45.2796,123.0308 51.3546,120.9528 51.3546,120.9528 L179.7306,70.5928 C179.7306,70.5928 190.2826,65.9568 190.2826,73.6308" fill="#FFFFFF"></path><path d="M98.6178,187.6035 C98.6178,187.6035 97.0778,187.4595 95.1588,181.3835 C93.2408,175.3085 83.4888,143.3345 83.4888,143.3345 L161.0258,94.0945 C161.0258,94.0945 165.5028,91.3765 165.3428,94.0945 C165.3428,94.0945 166.1418,94.5735 163.7438,96.8115 C161.3458,99.0505 102.8328,151.6475 102.8328,151.6475" fill="#D2E5F1"></path><path d="M122.9015,168.1154 L102.0335,187.1414 C102.0335,187.1414 100.4025,188.3794 98.6175,187.6034 L102.6135,152.2624" fill="#B5CFE4"></path></g></svg>');
            }
        });
    }


    document.addEventListener('DOMContentLoaded', function() {
        // Получаем все формы на странице
        const forms = document.querySelectorAll('form');
        
        // Текущий URL страницы
        const currentUrl = window.location.href;
        
        // Перебираем все формы
        forms.forEach(function(form) {
            // Проверяем, нет ли уже такого поля в форме
            const existingInput = form.querySelector('input[name="url"]');
            if (!existingInput) {
                // Создаем скрытое поле input
                const urlInput = document.createElement('input');
                urlInput.type = 'hidden';
                urlInput.name = 'url';
                urlInput.value = currentUrl;
                
                // Добавляем поле в форму
                form.appendChild(urlInput);
            }
        });
    });

    // Находим все элементы с классом login-open
document.addEventListener('DOMContentLoaded', function() {
  const loginButtons = document.querySelectorAll('.login-open');
  
  // Добавляем обработчик события для каждой кнопки
  loginButtons.forEach(button => {
    button.addEventListener('click', function(event) {
      event.preventDefault(); // Предотвращаем стандартное действие (если это ссылка)
      
      // Находим элементы модального окна
      const modal = document.querySelector('.modal');
      const modalAside = document.querySelector('.modal__aside');
      const modalLogin = document.querySelector('.modal__login');
      
      // Добавляем классы active
      modal.classList.add('active');
      modalLogin.classList.add('active');
      
      // Устанавливаем ширину для modal__aside
      modalAside.style.width = '412px';
    });
  });
  
  // Опционально: добавляем функцию закрытия модального окна
  // Например, при клике на фон или кнопку закрытия
  const closeButtons = document.querySelectorAll('.modal-close');
  const modal = document.querySelector('.modal');
  
  // Закрытие по клику на кнопку закрытия
  closeButtons.forEach(button => {
    button.addEventListener('click', closeModal);
  });
  
  // Закрытие по клику на фон (если клик не на модальное окно)
  modal.addEventListener('click', function(event) {
    if (event.target === modal) {
      closeModal();
    }
  });
  
  function closeModal() {
    const modal = document.querySelector('.modal');
    const modalAside = document.querySelector('.modal__aside');
    const modalLogin = document.querySelector('.modal__login');
    
    // Удаляем классы active
    modal.classList.remove('active');
    modalLogin.classList.remove('active');
    
    // Сбрасываем ширину
    modalAside.style.width = '';
  }
});
</script>