{% extends 'base.html.twig' %}
{% block body %}
<div style="background-color: #eaf6ff;">
<div class="container py-5 text-center">
<h1>{{ 'Kontakt'|trans }}</h1>
<p class="fs-5">{{ 'Zapraszamy do kontaktu. Chętnie porozmawiamy o Twoich potrzebach i znajdziemy najlepsze rozwiązanie.'|trans }} </p>
</div>
</div>
<div class="container py-5">
{{ form_start(form, {'attr': {'class': 'row g-3 needs-validation form-email'}}) }}
{{ form_errors(form) }}
<div class="col-md-6">
{{ form_label(form.name) }}
{{ form_widget(form.name, {'attr': {'class': 'validate-required'}}) }}
{{ form_errors(form.name) }}
</div>
<div class="col-md-6">
{{ form_label(form.email) }}
{{ form_widget(form.email, {'attr': {'class': 'validate-required validate-email'}}) }}
{{ form_errors(form.email) }}
</div>
<div class="col-md-12">
{{ form_label(form.content) }}
{{ form_widget(form.content, {'attr': {'class': 'validate-required', 'rows': 8}}) }}
{{ form_errors(form.content) }}
</div>
{# Honeypot (see ContactType/DefaultController): kept out of layout,
tab order and screen readers so only an indiscriminate bot ever
fills it — a real visitor never sees this field exists. #}
<div style="position: absolute; left: -9999px;" aria-hidden="true">
{{ form_widget(form.website, {'attr': {'tabindex': '-1', 'autocomplete': 'off'}}) }}
</div>
<div class="col-md-5 col-lg-4">
<button type="submit" class="btn btn-primary">{{ 'Wyślij'|trans }}</button>
</div>
{{ form_end(form) }}
</div>
{% endblock %}