{% extends 'Common/baseAdminPannel.html.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-redirect':form.vars.attr["data-redirect"]|default?:path('traveler_dashboard')~'#'~path(entityName~'_index')}}) }}
        <div id="App_provider">

        {{ form_row(form.commercialName) }}
        {{ form_row(form.active) }}
            <div class="row">
                <div class="col-md-6">{{ form_row(form.socialReason) }}</div>
                <div class="col-md-6">{{ form_row(form.rfc) }}</div>
            </div>
            <div class="row">
                <div class="col-md-6">{{ form_row(form.administrativeContact) }}</div>
                <div class="col-md-6">{{ form_row(form.administrativeEmail) }}</div>
            </div>
            <div class="row">
                <div class="col-md-6">{{ form_row(form.operativeContact) }}</div>
                <div class="col-md-6">{{ form_row(form.operativeEmail) }}</div>
            </div>
            <div class="row">
                <div class="col-md-6">{{ form_row(form.phone) }}</div>
                <div class="col-md-6">{{ form_row(form.additionalPhone) }}</div>
            </div>
            <div class="row">
                <div class="col-md-10">{{ form_row(form.webPage) }}</div>
                <div class="col-md-2">{{ form_row(form.webPageKey) }}</div>
            </div>


            <div {% if form.bankAccounts is defined and is_granted('CORE_BANK_ACCOUNT_CREATE') %} class="" {% else %}class="hidden"{% endif %}>
                {% if  form.bankAccounts is defined %}
                    {{ form_row(form.bankAccounts) }}
                {% endif %}
            </div>
                <br>

                <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.officeStreet) }}
                            {{ form_row(form.officeExternalNumber) }}
                            {{ form_row(form.officeInternalNumber) }}
                            {{ form_row(form.officePostalCode) }}
                        </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">
                            {{ form_row(form.fiscalStreet) }}
                            {{ form_row(form.fiscalExternalNumber) }}
                            {{ form_row(form.fiscalInternalNumber) }}
                            {{ form_row(form.fiscalPostalCode) }}
                        </div>

                    </div>
                </div>
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header card-header-text" data-background-color="purple">
                        <div class="card-title">{{ "services" |trans |capitalize }}</div>
                    </div>
                    <div class="card-content">
                        {% for service in  form.servicesTypes%}
                        <div class="col-md-3">
                            {{ form_row(service)}}
                        </div>
                        {% endfor %}
                    </div>

                </div>
            </div>

                <button type="submit" class="btn btn-primary">{{'Create'|trans}} {{entityName|trans}}<div class="ripple-container"></div></button>
            </div>
            {{ form_end(form) }}
    {% endblock %}