{{ module_newsletter }}

<footer class="footer{% if module_newsletter is empty %} top-margin-x-large{% endif %}">
	<div class="container-fluid top-padding-x-large">
		<div class="row no-space-xs medium-space-sm js-footer-accordion">
			{% if wg24_foot_first_colunm == 'dynamic' %}
				{% if informations %}
					<div class="col-xs-12 col-sm-6 col-md-3">
						<div class="content-box">
							<div class="footer-accordion-control js-accordion-control">
								<div class="flex between-xs middle-xs">
									<span class="footer-title text-medium text-bold vertical-padding-small vertical-margin-x-small">{{ text_information }}</span>
									<i class="fas fa-angle-down hidden-sm-up"></i>
								</div>
							</div>
							<div class="js-accordion-content top-padding-x-small">
								{% for information in informations %}
									<a href="{{ information.href }}" class="text-medium visible-block vertical-padding-small bottom-margin-small">
										{{ information.title }}
									</a>
								{% endfor %}
							</div>
						</div>
					</div>
				{% endif %}
			{% else %}
				<div class="col-xs-12 col-sm-6 col-md-3">
					<div class="content-box footer-column-one">
						{{ footer_logo }}
					</div>
				</div>
			{% endif %}

			<div class="col-xs-12 col-sm-6 col-md-3">
				<div class="content-box">
					<div class="footer-accordion-control js-accordion-control">
						<div class="flex between-xs middle-xs">
							<span class="footer-title text-medium text-bold vertical-padding-small vertical-margin-x-small">{{ text_service }}</span>
							<i class="fas fa-angle-down hidden-sm-up"></i>
						</div>
					</div>
					<div class="js-accordion-content top-padding-x-small">
						<a href="{{ contact }}" class="text-medium visible-block vertical-padding-small bottom-margin-small">
							{{ text_contact }}
						</a>
						{% if return_status %}
							<a href="{{ return }}" class="text-medium visible-block vertical-padding-small bottom-margin-small">
								{{ text_return }}
							</a>
						{% endif %}
						{% if wg24_linkFabricantes %}
							<a href="{{ manufacturer }}" class="text-medium visible-block vertical-padding-small bottom-margin-small">
								{{ text_manufacturer }}
							</a>
						{% endif %}
						<a href="{{ sitemap }}" class="text-medium visible-block vertical-padding-small bottom-margin-small">
							{{ text_sitemap }}
						</a>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-sm-6 col-md-3">
				<div class="content-box">
					<div class="footer-accordion-control js-accordion-control">
						<div class="flex between-xs middle-xs">
							<span class="footer-title text-medium text-bold vertical-padding-small vertical-margin-x-small">{{ text_account }}</span>
							<i class="fas fa-angle-down hidden-sm-up"></i>
						</div>
					</div>
					<div class="js-accordion-content top-padding-x-small">
						<a href="{{ account }}" class="text-medium visible-block vertical-padding-small bottom-margin-small">
							{{ text_account }}
						</a>
						<a href="{{ order }}" class="text-medium visible-block vertical-padding-small bottom-margin-small">
							{{ text_order }}
						</a>
						{% if futura_habilita_lista_desejos %}
							<a href="{{ wishlist }}" class="text-medium visible-block vertical-padding-small bottom-margin-small">
								{{ text_wishlist }}
							</a>
						{% endif %}
						<a href="{{ newsletter }}" class="text-medium visible-block vertical-padding-small bottom-margin-small">
							{{ text_newsletter }}
						</a>
					</div>
				</div>
			</div>
			{% if exibe_endereco == 'yes' %}
				<div class="col-xs-12 col-sm-6 col-md-3">
					<div class="content-box">
						{% if wg24_type_configuration_contact == 'advance' %}
							{% if footer_contact is defined %}
								{{ footer_contact }}
							{% endif %}
						{% else %}
							<div class="footer-accordion-control js-accordion-control">
								<div class="flex between-xs middle-xs">
									<span class="footer-title text-medium text-bold vertical-padding-small vertical-margin-x-small">{{ text_wg24_titulo_rodape }}</span>
									<i class="fas fa-angle-down hidden-sm-up"></i>
								</div>
							</div>
							<div class="js-accordion-content top-padding-x-small">
								{% if config_telephone %}
									{% for key, telefone in config_telephone %}
										<div class="flex middle-xs vertical-padding-small">
											<div class="contact-icon">
												{% if key == constant('Type_Phone::Tp_Telefone') %}
													<i class="fas fa-phone"></i>
												{% endif %}
												{% if key == constant('Type_Phone::Tp_Fax') %}
													<i class="fas fa-fax"></i>
												{% endif %}
												{% if key == constant('Type_Phone::Tp_Whatsapp') or key == constant('Type_Phone::Tp_Celular') %}
													<i class="fab fa-whatsapp"></i>
												{% endif %}
											</div>
											<div class="contact-description left-padding-medium">
												{% for numero in telefone %}
													<span class="text-medium visible-block">{{ numero }}</span>
												{% endfor %}
											</div>
										</div>
									{% endfor %}
								{% endif %}

								{% if text_config_email %}
									<div class="flex middle-xs vertical-padding-small">
										<div class="contact-icon">
											<i class="far fa-envelope"></i>
										</div>
										<div class="contact-description left-padding-medium">
											<span class="text-medium visible-block">{{ text_config_email }}</span>
										</div>
									</div>
								{% endif %}
								{% if text_config_address %}
									<div class="flex middle-xs vertical-padding-small">
										<div class="contact-icon">
											<i class="fas fa-map-marker-alt"></i>
										</div>
										<div class="contact-description left-padding-medium">
											<span class="text-medium visible-block">{{ text_config_address }}</span>
										</div>
									</div>
								{% endif %}
							</div>
						{% endif %}
					</div>
				</div>
			{% endif %}
		</div>
	</div>

	<div class="container-fluid vertical-padding-x-large">
		<div class="row">
      {% 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>
      {% endif %}
      {% if banners is defined and wg24_statuspagamento == 'enable' %}
        <div class="col-xs-12 col-sm-6 col-md">
          <div class="content-box auto-overflow">
            <div class="flex flex-row end-md">
              {% if wg24_bandeiras_automaticas %}
                {% for banner in banners %}
                  <div class="bandeira margin-x-small {{ banner.class }}" title="{{ banner.title }}"></div>
                {% endfor %}
              {% else %}
                {% for banner in banners %}
                  {% if banner.link %}
                    <div class="padding-x-small">
                      <a href="{{ banner.link }}" target="_blank">
                        <picture>
                          <source class="load-image" srcset="{{ banner.image.webp }}">
                          <img class="load-image" src="assets/img/loading-black.svg" data-src="{{ banner.image.jpg }}" alt="{{ banner.title }}"/>
                        </picture>
                      </a>
                    </div>
                  {% else %}
                    <div class="padding-x-small">
                      <picture>
                        <source class="load-image" srcset="{{ banner.image.webp }}">
                        <img class="load-image" src="assets/img/loading-black.svg" data-src="{{ banner.image.jpg }}" alt="{{ banner.title }}"/>
                      </picture>
                    </div>
                  {% endif %}
                {% endfor %}
              {% endif %}
            </div>
          </div>
        </div>
      {% endif %}
		</div>
	</div>

	<div class="footer-bottom">
		<div class="container-fluid vertical-padding-x-large">
			<div class="row">
				<div class="col-xs-12">
					{% if tipo_rodape %}
						{% if copyright is defined %}
							<div class="content-box">
								{{ copyright }}
							</div>
						{% endif %}
					{% else %}
						<div class="content-box text-center">
							<span class="text-small visible-block bottom-margin-x-small">
								<strong>{{ config_name }}:</strong>
								{{ config_address }}
							</span>
							<span class="text-small visible-block bottom-margin-x-small">
								<strong>Telefone:</strong>
								{{ config_telephone_rodape }}
							</span>
							<span class="text-small visible-block bottom-margin-x-small">
								<strong>E-mail:</strong>
								{{ config_email }}
							</span>
							<span class="text-small visible-block bottom-margin-x-small">
								<strong>Razão Social:</strong>
								{{ config_owner }}
							</span>
							{% if config_ie != constant('Type_DefaultValues::Tp_Isento') %}
								<span class="text-small visible-block bottom-margin-x-small">
									<strong>Inscrição Estadual:</strong>
									{{ config_ie }}
								</span>
							{% endif %}
							<span class="text-small visible-block bottom-margin-x-small">
								<strong>CNPJ:</strong>
								{{ config_cnpj }}
							</span>
							<span class="text-small visible-block">©
								{{ year }}
								- Todos os direitos reservados.</span>
						</div>
					{% endif %}
				</div>
				{% if
          (banners_certificado is defined and wg24_certificado_status == constant('Type_Certificado::TpCert_Personalizado')) or
          (banners_certificado is defined and wg24_certificado_status == constant('Type_Certificado::TpCert_Futura')) or
          (certificate_ebit_status is defined and certificate_ebit_status)
        %}
					<div class="col-xs-12">
						<div class="content-box flex center-xs middle-xs">
							{% if banners_certificado is defined and wg24_certificado_status == constant('Type_Certificado::TpCert_Personalizado') %}
								{% for bannercertificado in banners_certificado %}
									{% if bannercertificado.link %}
										<a href="{{ bannercertificado.link }}" target='_blank'>
										{% endif %}
										<img src="{{ bannercertificado.image }}" alt="{{ bannercertificado.title }}" class="margin-x-small">
										{% if bannercertificado.link %}
										</a>
									{% endif %}
								{% endfor %}
							{% endif %}

							{% if banners_certificado is defined and wg24_certificado_status == constant('Type_Certificado::TpCert_Futura') %}
								<img src="catalog/view/theme/vista/image/certificado-ssl.png" alt="Site Seguro - Certificado SSL" class="margin-x-small">
							{% endif %}

							{% if certificate_ebit_status is defined and certificate_ebit_status %}
								<a id="seloEbit" class="margin-x-small" href="http://www.ebit.com.br/{{ certificate_ebit_store_id }}" target="_blank" data-noop="redir(this.href);"></a>
								<script async id="getSelo" src="https://imgs.ebit.com.br/ebitBR/selo-ebit/js/getSelo.js?{{ certificate_ebit_store_id }}{% if certificate_ebit_store_id is defined and certificate_ebit_store_id %}&lightbox=true{% endif %}"></script>
							{% endif %}
						</div>
					</div>
				{% endif %}

				{% if futura_desenvolvidopor %}
					<div class="col-xs-12">
						<div class="content-box text-center">
							<span class="text-small visible-block">Desenvolvido por
								<a href='http://www.futurasistemas.com.br/lojavirtual' target='_blank'>Futura Sistemas</a>
							</span>
						</div>
					</div>
				{% endif %}

			</div>
		</div>
	</div>
</footer>

<script>
  window.commonFooter = {{ dataJs|json_encode() }};
</script>

<script async defer src="{{ scripts_async }}"></script>
{{ scripts_bottom }}

{% if wg24_google_recaptcha_status %}
	<script>
		var onloadCallback = function () {
      var element = document.querySelector('.g-recaptcha');
      if (element) {
        var site_key = element.getAttribute('data-sitekey');
        grecaptcha.render(element, {'sitekey': site_key});
      }
    };
	</script>
	<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
{% endif %}

<script type="text/javascript">
	window.waitEvent('scripts_window', function () {
    $(".load-image").imageLoad();
    window.gridFix();
    window.addEventListener('resize', gridFix);
  });
</script>

</body>
</html>
