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

{% form_theme form 'backend/form/contactData.twig' %}

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

    {% block body %}
        {{ form_start(form, {'attr':{'data-remote':'true', 'data-method':'POST', 'data-url':form.vars.action,'data-modalclose':'true', 'data-redirect':form.vars.attr["data-redirect"]|default?:path('traveler_dashboard')~'#'~path(entityName~'_index')}}) }}

        <div id="App_client">
            <div class="row">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header card-header-text" data-background-color="purple">
                            <div class="card-title">Datos del cliente</div>
                        </div>
                        <div class="card-content">
                            {{ form_row(form.name) }}
                            {{ form_row(form.lastName) }}
                            {{ form_row(form.motherLastName) }}
                            {{ form_row(form.birthDate) }}
                        </div>

                    </div>
                </div>

                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header card-header-text" data-background-color="purple">
                            <div class="card-title">Dirección particular</div>
                        </div>
                        <div class="card-content">
                            {{ form_row(form.homeAddressStreet) }}
                            {{ form_row(form.homeAddressOutdoorNumber) }}
                            {{ form_row(form.homeAddressInteriorNumber) }}
                            {{ form_row(form.homeAddressPostalCode) }}
                        </div>
                    </div>
                </div>
            </div>

            {% if form.coOwnerName is defined  and form.coOwnerLastName is defined %}
                <div class="row">
                    <div class="card">
                        <div class="card-header card-header-text" data-background-color="purple">
                            <div class="card-title">Datos del co-titular</div>
                        </div>
                        <div class="card-content">
                            <div class="col-md-4">
                                {{ form_row(form.coOwnerName) }}
                            </div>
                            <div class="col-md-4">
                                {{ form_row(form.coOwnerLastName) }}
                            </div>
                            <div class="col-md-4">
                                {{ form_row(form.coOwnerMotherLastName) }}
                            </div>
                            <div class="col-md-4">
                                {{ form_row(form.birthDateCoOwner) }}
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

            <div class="row">
                <div id="App_contactdata" class="col-md-12">
                    {{ form_row(form.contactDatas) }}
                </div>
            </div>

            {% if form.officeAddressStreet is defined and form.fiscalAddressStreet is defined %}
                <div class="row">
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-header card-header-text" data-background-color="purple">
                                <div class="card-title">Dirección de la oficina</div>
                            </div>
                            <div class="card-content">
                                {{ form_row(form.officeDataLikeHome) }}
                                {{ form_row(form.officeAddressStreet) }}
                                {{ form_row(form.officeAddressOutdoorNumber) }}
                                {{ form_row(form.officeAddressInteriorNumber) }}
                                {{ form_row(form.officeAddressPostalCode) }}
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-header card-header-text" data-background-color="purple">
                                <div class="card-title">Dirección fiscal</div>
                            </div>
                            <div class="card-content">
                                <div id="client-fiscal-data-card">
                                    {{ form_row(form.fiscalDataFrom) }}
                                    {{ form_row(form.invoiceToBusiness) }}
                                    {% if form.socialReason is defined %}
                                        {{ form_row(form.socialReason) }}
                                    {% endif %}
                                    {% if form.businessInvoiceEmail is defined %}
                                        {{ form_row(form.businessInvoiceEmail) }}
                                    {% endif %}
                                    {{ form_row(form.fiscalAddressStreet) }}
                                    {{ form_row(form.fiscalAddressOutdoorNumber) }}
                                    {{ form_row(form.fiscalAddressInteriorNumber) }}
                                    {{ form_row(form.fiscalAddressPostalCode) }}
                                    {{ form_row(form.rfc) }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}
            <button type="submit" class="btn btn-primary">{{'Create'|trans}} {{entityName|trans}}<div class="ripple-container"></div></button>
        </div>
        {{ form_end(form) }}
    {% endblock %}