{% extends 'base_email.html.twig' %}

{% block title %}
	{{ parameters.subject ?? '' }}
{% endblock %}

{% block welcome_desktop %}
	{{ parameters.welcome_text }}
{% endblock %}
{% block welcome_mobile %}
	{{ parameters.welcome_text }}
{% endblock %}

{% block body %}
	<p style="margin:0; font-family:sans-serif; line-height:24px; color:#777777; font-size:16px">
		{{ parameters.intro_text }}
	</p>

	<div style="margin-top: 20px; padding: 15px; background-color: #f9f9f9; border-left: 4px solid #dcdcdc;">
		<p>
			<strong>{{ parameters.labels.firstName }}:</strong>
			{{ parameters.contact.firstName|capitalize }}
		</p>
		<p>
			<strong>{{ parameters.labels.lastName }}:</strong>
			{{ parameters.contact.lastName|upper }}
		</p>
		<p>
			<strong>{{ parameters.labels.phone }}:</strong>
			{{ parameters.contact.phone }}
		</p>
		<p>
			<strong>{{ parameters.labels.email }}:</strong>
			<a href="mailto:{{ parameters.contact.email }}">{{ parameters.contact.email }}</a>
		</p>
		<hr style="border:0; border-top: 1px solid #eee;">
		<p>
			<strong>{{ parameters.labels.message }}:</strong>
		</p>
		<p style="font-style: italic;">{{ parameters.contact.message|nl2br }}</p>
	</div>
{% endblock %}

{% block footer_logo %}
	{% set logo_path = parameters.shop.logo.name ?? 'popina-order-icon.png' %}
	{% set base_path = parameters.shop.logo.name ? shops_images : foxorders_logo_foxorders_images %}
	<img alt="Logo" src="{{ base_path ~ logo_path }}" style="max-height: 80px; object-fit: contain;"/>
{% endblock %}