{% extends 'Common/baseAdminPannel.html.twig' %}

    {% block title %}
        {{'Nueva' }} {{ entityName|trans }}
    {% endblock %}

    {% block body %}

        {% block content %}

            {% if error is defined %}
                <div class="row">
                    <div class="col-md-12">
                        <div class="alert alert-danger" >
                        <span data-notify="message">
                            {{ error }}<br>
                        </span>
                        </div>
                    </div>
                </div>
            {% else %}

                {{ form_start(form, {'attr':{'data-remote':'true', 'data-method':'POST', 'data-url':form.vars.action }}) }}
                <div id="App_collection_extensionrequest">

                    <div class="row">
                        <div class="col-md-6">{{ form_row(form.proposedPaymentDate) }}</div>
                        <div class="col-md-6">{{ form_row(form.extensionDate) }}</div>
                    </div>

                    <div class="card">
                        <div class="card-header" data-background-color="purple">
                            <div class="row">
                                <div class="col-md-12">
                                    <h4 class="title">Detalles del acuerdo</h4>
                                </div>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="row">
                                <div class="col-md-4">
                                    {{ form_row(form.agreementCommunicationType) }}
                                </div>
                                <div class="col-md-4">
                                    {{ form_row(form.agreementDate) }}
                                </div>
                                <div class="col-md-4">
                                    {{ form_row(form.agreementDirection) }}
                                </div>
                            </div>
                            <div class="row">
                                {% if form.agreementContactData is defined %}
                                    <div class="col-md-6">
                                        {{ form_row(form.agreementContactData) }}
                                    </div>
                                {% endif %}
                                {% if form.agreementEmailBody is defined %}
                                    <div class="col-md-12">
                                        {{ form_row(form.agreementEmailBody) }}
                                    </div>
                                {% endif %}

                                {% if form.agreementMessageSource is defined %}
                                    <div class="col-md-4">
                                        {{ form_row(form.agreementMessageSource) }}
                                    </div>
                                {% endif %}
                                {% if form.agreementTextMessage is defined %}
                                    <div class="col-md-12">
                                        {{ form_row(form.agreementTextMessage) }}
                                    </div>
                                {% endif %}
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    {{ form_row(form.agreementSpecifications) }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-2">
                            <button type="submit" class="btn btn-primary">{{'Create'|trans }} {{ entityName|trans }}<div class="ripple-container"></div></button>
                        </div>
                    </div>

                </div>
                {{ form_end(form) }}

            {% endif %}

        {% endblock %}
    {% endblock %}