{% extends "/base.html.twig" %}
{% form_theme form 'bootstrap_5_layout.html.twig' %}
{% block stylesheets %}
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
{% endblock %}

{% block body %}
    <div class="container justify-content-center mt-5">
        <div class="content-header mb-5">Formulario de contacto</div>
        {{ form_start(form) }}
        <div class="form-group field-text">
            {{ form_label(form.name) }}
            <div class="form-widget">
                {{ form_widget(form.name) }}
                {{ form_errors(form.name) }}
            </div>
        </div>
        <div class="form-group field-text">
            {{ form_label(form.surname) }}
            <div class="form-widget">
                {{ form_widget(form.surname) }}
                {{ form_errors(form.surname) }}
            </div>
        </div>
        <div class="form-group field-text">
            {{ form_label(form.email) }}
            <div class="form-widget">
                {{ form_widget(form.email) }}
                {{ form_errors(form.email) }}
            </div>
        </div>
        <div class="form-group field-text">
            {{ form_label(form.phone) }}
            <div class="form-widget">
                {{ form_widget(form.phone) }}
                {{ form_errors(form.phone) }}
            </div>
        </div>
        <div class="form-group field-text">
            {{ form_label(form.subject) }}
            <div class="form-widget">
                {{ form_widget(form.subject) }}
                {{ form_errors(form.subject) }}
            </div>
        </div>
        <div class="form-group field-text">
            {{ form_label(form.content) }}
            <div class="form-widget">
                {{ form_widget(form.content) }}
                {{ form_errors(form.content) }}
            </div>
        </div>
        <div class="form-group field-text">
            {{ form_label(form.policy) }}
            <div class="form-widget">
                {{ form_widget(form.policy) }}
                {{ form_errors(form.policy) }}
            </div>
        </div>
        <div class="form-group">
            {{ form_row(form.save) }}
        </div>
        {{ form_end(form) }}
    </div>


{% endblock %}