<template>
  <div>
    <template 
      v-if="wg24_facebook_url is not empty or
        wg24_twitter_url is not empty or
        wg24_google_url is not empty or
        wg24_rss_url is not empty or
        wg24_pinterest_url is not empty or
        wg24_linking_url is not empty or
        wg24_youtub_url is not empty or
        wg24_instagram_url is not empty or
        wg24_blogger_url is not empty"
    >
      <div class="col-xs-12 col-sm-6 col-md-width-auto">
        <div class="content-box">
          <div class="footer-social flex">
            {% if wg24_facebook_url is not empty %}
              <a href="{{ wg24_facebook_url }}" target="_Blank" title="Facebook" class="fb">
                <i class="fab fa-facebook-f"></i>
              </a>
            {% endif %}
            {% if wg24_twitter_url is not empty %}
              <a href="{{ wg24_twitter_url }}" target="_Blank" title="Twitter" class="tw">
                <i class="fab fa-twitter"></i>
              </a>
            {% endif %}
            {% if wg24_google_url is not empty %}
              <a href="{{ wg24_google_url }}" target="_Blank" title="Google Plus" class="googleplus">
                <i class="fab fa-google-plus-g"></i>
              </a>
            {% endif %}
            {% if wg24_rss_url is not empty %}
              <a href="{{ wg24_rss_url }}" target="_Blank" title="RSS" class="rss">
                <i class="fas fa-rss"></i>
              </a>
            {% endif %}
            {% if wg24_pinterest_url is not empty %}
              <a href="{{ wg24_pinterest_url }}" target="_Blank" title="Pinterest" class="pintrest">
                <i class="fab fa-pinterest"></i>
              </a>
            {% endif %}
            {% if wg24_linking_url is not empty %}
              <a href="{{ wg24_linking_url }}" target="_Blank" title="Linked In" class="linkedin">
                <i class="fab fa-linkedin-in"></i>
              </a>
            {% endif %}
            {% if wg24_youtub_url is not empty %}
              <a href="{{ wg24_youtub_url }}" target="_Blank" title="Youtube" class="youtube">
                <i class="fab fa-youtube"></i>
              </a>
            {% endif %}
            {% if wg24_instagram_url is not empty %}
              <a href="{{ wg24_instagram_url }}" target="_Blank" title="Instagram" class="instagram">
                <i class="fab fa-instagram"></i>
              </a>
            {% endif %}
            {% if wg24_blogger_url is not empty %}
              <a href="{{ wg24_blogger_url }}" target="_Blank" title="Blogger" class="blogger">
                <i class="fab fa-blogger-b"></i>
              </a>
            {% endif %}
          </div>
        </div>
      </div>
    </template>
  </div>
</template>

<script src="./scripts.js"></script>
<style scoped src="./styles.css"></style>