<?php wp_footer(); ?>
<!--Footer ACF-->
<?php
$code_before_end_of_body_tag = get_field('code_before_end_of_body_tag', 'options');
$title = get_field('title', 'options');
$description = get_field('description', 'options');
$footer_form = get_field('footer_form', 'options');
$footer_logo = get_field('footer_logo', 'options');
$social_media_icons = get_field('social_media_icons', 'options');
$footer_column = get_field('footer_column', 'options');
?>
<!--region footer-->
<!-- remove footer if page template if full with no header and footer-->
<?php if (!is_page_template('templates/full-width-no-header-footer.php')): ?>
  <footer>
    <div class="container">
      <div class="footer-wrapper">
        <div class="first-column">
          <?php if ($footer_logo): ?>
            <a href="<?= site_url() ?>">
              <picture class="footer-img">
                <?= \Theme\Helpers::display_attachment($footer_logo); ?>
              </picture>
            </a>
          <?php endif; ?>
          <?php
          if (have_rows('social_logos', 'options')) { ?>
          <div class="social-media-group">
            <?php while (have_rows('social_logos', 'options')) {
              the_row();
              $social_logo_svg = get_sub_field('social_logo_svg');
              $logo_url = get_sub_field('logo_url'); ?>
              <?php if ($social_logo_svg && $logo_url) { ?>
                <a href="<?= $logo_url ?>" class="footer-icon"
                   aria-label="linkedin icon">
                  <?= \Theme\Helpers::display_attachment($social_logo_svg); ?>
                </a>
              <?php } ?>
            <?php } ?>
            <?php } ?>
          </div>
        </div>
        <div class="footer-column">
          <?php if (have_rows('footer_column', 'options')) { ?>
            <?php while (have_rows('footer_column', 'options')) {
              the_row();
              $footer_title = get_sub_field('footer_title');
              ?>
              <div class="second-column">
                <?php if ($footer_title): ?>
                  <div class="footer-title"><?= $footer_title ?></div>
                <?php endif; ?>
                <?php if (have_rows('footer_links', 'options')) { ?>
                  <ul class="footer-links">
                    <?php while (have_rows('footer_links', 'options')) {
                      the_row();
                      $footer_link = get_sub_field('footer_link');
                      ?>
                      <?php if (\Theme\Helpers::get_key_from_array('title', $footer_link)) : ?>
                        <li><a href="<?= $footer_link['url'] ?>"
                               class=" footer-link"><?= $footer_link['title'] ?></a>
                        </li>
                      <?php endif; ?>
                    <?php } ?>
                  </ul>

                <?php } ?>
              </div>
            <?php } ?>
          <?php } ?>
        </div>
      </div>
    </div>
  </footer>
<?php endif; ?>
</main>
<!-- General Custom Modal-->
<?php
$login_form_shortcode = get_field('login_form_shortcode', 'options');
$register_form_shortcode = get_field('register_form_shortcode', 'options');
$social_form_shortcode = get_field('social_form_shortcode', 'options');
?>
<div class="custom-modal" id="custom-modal">
  <div class="custom-modal-inner">
    <div class="custom-modal-content">
      <div class="ultimateMember-forms">
        <div class="ultimateMember-forms-tabs-button">
          <button
            class="ultimateMember-forms-tab-button active ultimateMember-forms-tab-button-login ultimateMember-forms-tab-button-active"
            data-tab-content="login-tab-content" aria-label="Log in">
            <?= __('Log in', 'webofai_theme') ?>
          </button>
          <button
            class="ultimateMember-forms-tab-button ultimateMember-forms-tab-button-register"
            data-tab-content="signup-tab-content" aria-label="Register">
            Register
          </button>

          <button class="close-modal" aria-label="Close Card Modal">
            <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
              <path d="M16.5 1.5L1.5 16.5M1.5 1.5L16.5 16.5" stroke="#A1A1AA"
                    stroke-width="1.5" stroke-linecap="round"
                    stroke-linejoin="round"/>
            </svg>
          </button>

        </div>
        <div class="ultimateMember-forms-tabs-content">
          <div
            class="ultimateMember-forms-tab-content login-tab-content ultimateMember-forms-tab-content-active">
            <h3
              class="ultimateMember-form-title"><?= __('Log in to your account', 'webofai_theme') ?></h3>
            <?php echo do_shortcode($social_form_shortcode) ?>
           <div class="line-wrapper">
             <span class="line-before line"></span>
             <p
               class="ultimateMember-form-text"><?= __('or login with an email', 'webofai_theme') ?></p>
             <span class="line-after line"></span>
           </div>
            <?php echo do_shortcode($login_form_shortcode) ?>
          </div>
          <div class="ultimateMember-forms-tab-content signup-tab-content">
            <h3
              class="ultimateMember-form-title"><?= __('Register', 'webofai_theme') ?></h3>
            <?php echo do_shortcode($social_form_shortcode) ?>
            <?php echo do_shortcode($register_form_shortcode) ?>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<?= $code_before_end_of_body_tag ?>
<script>
    /*jQuery(function($) {
        $('#pe_autocomplete_search').autocomplete({
            source: function(request, response) {
                $.ajax({
                    dataType: 'json',
                    url: ajax_url.ajax_url,
                    data: {
                        term: request.term,
                        action: 'autocomplete_search',
                        security: ajax_url.site_nonce,
                    },
                    beforeSend: function () {
                        $('.pe-as-wrapper .results').html('');
                    },
                    success: function(data) {
                        // response(data);
    
                        for (let index = 0; index < data.length; ++index) {
                            let element = data[index];
    
                            $('.pe-as-wrapper .results').append('<a href="' + element.link + '">' + element.label + '</a>');
                            // ...use `element`...
                        }
                    }
                });
            },
            select: function(event, ui) {
                window.location.href = ui.item.link;
            },
        });
    });*/
</script>
</body>
</html>