{% extends 'www/base.html.twig' %}

{% import 'www/partials/_macros.html.twig' as macros %}

{% block link_alternate %}
	{% for translation in _cms_translations %}
		<link rel="altername" hreflang="{{ translation.getLocale() }}" href="{{ path(app.request.get('_route'), {_locale: translation.getLocale()}) }}"/>
	{% endfor %}
{% endblock %}

{% block content %}	
    <div class="row">
        <div class="col-lg-4">
            <div class="bg-light rounded p-4 mb-3">
                <div class="text-center mb-4">
                    <i class="fa fa-map-marker-alt fa-3x text-primary"></i>
                    <h4 class="text-primary">
                        <address></address>
                    </h4>
                    <p class="mb-0">
                        <a href="#">
                            {{ _cfg_address }}
                        </a>
                    </p>
                </div>

                <div class="text-center mb-4">
                    <i class="fa fa-phone-alt fa-3x text-primary mb-3"></i>
                    
                    <div>Biuro obsługi klienta</div>

                    <p>
                        czynne od Pn - Pt w godz 8:00 - 16:00
                    </p>

                    <p class="mb-0">
                        <a href="tel:{{ _cfg_telephone_contact }}">
                            {{ _cfg_telephone_contact }}
                        </a>
                    </p>

                    <div class="mt-2">Dział techniczny</div>

                    <p>
                        możliwy kontakt od godz 8:00 - 21:00
                    </p>

                    <p class="mb-0">
                        <a href="tel:{{ _cfg_telephone_technical_support_1 }}">
                            {{ _cfg_telephone_technical_support_1 }}
                        </a>
                    </p>

                    <p class="mb-0">
                        <a href="tel:{{ _cfg_telephone_technical_support_2 }}">
                            {{ _cfg_telephone_technical_support_2 }}
                        </a>
                    </p>
                </div>

                <div class="text-center">
                    <i class="fa fa-envelope-open fa-3x text-primary mb-3"></i>

                    <div>Biuro</div>

                    <p class="mb-0">
                        <a href="mailto: {{ _cfg_email_contact }}">
                            {{ _cfg_email_contact }}
                        </a>
                    </p>

                    <div class="mt-2">Dział techniczny</div>

                    <p class="mb-0">
                        <a href="mailto: {{ _cfg_email_technical_support }}">
                            {{ _cfg_email_technical_support }}
                        </a>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-lg-8">
            <div class="rounded">
                <iframe class="rounded w-100" style="height: 450px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d10246.505494007784!2d19.918807126142262!3d50.05583005320352!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47165b74c1a82f7b%3A0xac20bcd5eae2178b!2sW%C5%82adys%C5%82awa%20Syrokomli%2026%2C%2030-102%20Krak%C3%B3w!5e0!3m2!1spl!2spl!4v1710926539179!5m2!1spl!2spl" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
        </div>
    </div>	
{% endblock %}