{# ThemeWare "Payment logos" #}
{# TW payment logos/content #}

{# ---------------- START: SET TEMPLATE VARS ---------------- #}

{# ThemeWare: Set theme variables #}
{% set twtWidgetPaymentLogoLink = theme_config('twt-widget-payment-logo-link') %}
{% set twtCustomPaymentImage1 = theme_config('twt-widget-payment-logo-custom-image-1') %}
{% set twtCustomPaymentImage2 = theme_config('twt-widget-payment-logo-custom-image-2') %}
{% set twtCustomPaymentImage3 = theme_config('twt-widget-payment-logo-custom-image-3') %}
{% set twtWidgetPaymentLogoFallbackBadge = theme_config('twt-widget-payment-logo-fallback-badge') %}

{% set twtCustomPaymentImagesOnly = theme_config('twt-widget-payment-logo-custom-images-only') %} {# 1 = no | 2 = yes #}
{% if twtCustomPaymentImagesOnly is empty %}
	{% set twtCustomPaymentImagesOnly = 1 %}
{% endif %}

{# ---------------- END: SET TEMPLATE VARS ---------------- #}

{# ThemeWare: Add payment logos #}
{% block twt_payment_logos_content %}
	{% if twtCustomPaymentImagesOnly == 1 %}
		{% for paymentMethod in page.salesChannelPaymentMethods %}
			{% if paymentMethod.media %}
				{# ThemeWare: Add logo #}
				<div class="{{ type }}-logo is-payment-logo">
					{% if twtWidgetPaymentLogoLink == 2 %}
						<a href="{{ "twt.widget.payment.link"|trans }}" title="{{ paymentMethod.name }}">
					{% endif %}
						{% sw_thumbnails 'footer-payment-image-thumbnails' with {
							media: paymentMethod.media,
							sizes: {
								 'default': '100px'
							},
							attributes: {
								 'class': 'footer-logo-image',
								 'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
								 'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
							}
						} %}
					{% if twtWidgetPaymentLogoLink == 2 %}
						</a>
					{% endif %}
				</div>
			{% else %}
				{# ThemeWare: Add fallback badge #}
				{% if twtWidgetPaymentLogoFallbackBadge == 2 %}
					<div  class="{{ type }}-logo is-payment-logo is-fallback-badge">
						{% if twtWidgetPaymentLogoLink == 2 %}
							<a href="{{ "twt.widget.payment.link"|trans }}" title="{{ paymentMethod.name }}">
								<span>{{ paymentMethod.name }}</span>
							</a>
						{% else %}
							<div title="{{ paymentMethod.name }}">
								<span>{{ paymentMethod.name }}</span>
							</div>
						{% endif %}
					</div>
				{% endif %}
			{% endif %}
		{% endfor %}
	{% endif %}
{% endblock %}

{# ThemeWare: Add custom payment logos #}
{% block twt_payment_logos_custom %}
	{# ThemeWare: Add custom image 1 #}
	{% if twtCustomPaymentImage1 %}
		<div class="{{ type }}-logo is-payment-logo is-custom-logo">
			{% if twtWidgetPaymentLogoLink == 2 %}
				<a href="{{ "twt.widget.payment.link"|trans }}" title="{{ "twt.widget.payment.customImages.title1"|trans }}">
			{% endif %}
				<img src="{{ twtCustomPaymentImage1 |sw_encode_url }}" class="footer-logo-image" alt="{{ "twt.widget.payment.customImages.title1"|trans }}" title="{{ "twt.widget.payment.customImages.title1"|trans }}"/>
			{% if twtWidgetPaymentLogoLink == 2 %}
				</a>
			{% endif %}
		</div>
	{% endif %}

	{# ThemeWare: Add custom image 2 #}
	{% if twtCustomPaymentImage2 %}
		<div class="{{ type }}-logo is-payment-logo is-custom-logo">
			{% if twtWidgetPaymentLogoLink == 2 %}
				<a href="{{ "twt.widget.payment.link"|trans }}" title="{{ "twt.widget.payment.customImages.title2"|trans }}">
			{% endif %}
				<img src="{{ twtCustomPaymentImage2 |sw_encode_url }}" class="footer-logo-image" alt="{{ "twt.widget.payment.customImages.title2"|trans }}" title="{{ "twt.widget.payment.customImages.title2"|trans }}"/>
			{% if twtWidgetPaymentLogoLink == 2 %}
				</a>
			{% endif %}
		</div>
	{% endif %}

	{# ThemeWare: Add custom image 3 #}
	{% if twtCustomPaymentImage3 %}
		<div class="{{ type }}-logo is-payment-logo is-custom-logo">
			{% if twtWidgetPaymentLogoLink == 2 %}
				<a href="{{ "twt.widget.payment.link"|trans }}" title="{{ "twt.widget.payment.customImages.title3"|trans }}">
			{% endif %}
				<img src="{{ twtCustomPaymentImage3 |sw_encode_url }}" class="footer-logo-image" alt="{{ "twt.widget.payment.customImages.title3"|trans }}" title="{{ "twt.widget.payment.customImages.title3"|trans }}"/>
			{% if twtWidgetPaymentLogoLink == 2 %}
				</a>
			{% endif %}
		</div>
	{% endif %}
{% endblock %}