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

{% if form is defined %}
    {% form_theme form 'backend/form/transaction.twig' 'backend/form/initialPayment.twig'  'backend/form/beneficiaries.twig' 'backend/form/references.twig' 'backend/form/presents.twig' %}
{% endif %}

    {% block title %}
        {{ 'New'|trans }} {{ 'contract'|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_contract">

                    <div class="row">
                        <div class="col-md-8">{{ form_row(form.concessionaire) }}</div>
                        <div class="col-md-4"><br>{{ form_row(form.externalFolio) }}</div>
                        {{ form_row(form.creatorUser) }}
                        {{ form_row(form.captureStart) }}
                    </div>

                    <div class="row">
                        <div class="col-md-5">{{ form_row(form.client) }}</div>
                        {% if form.membership is defined %}
                            <div class="col-md-5">{{ form_row(form.membership) }}</div>
                        {% endif %}
                        {% if form.qualified is defined %}
                            <div class="col-md-2">{{ form_row(form.qualified) }}</div>
                        {% endif %}
                    </div>

                    {% if form.income is defined %}
                        <div class="row">
                            <div class="col-md-2">{{ form_row(form.income) }}</div>
                        </div>
                    {% endif %}
                    <div class="card">
                        <div class="card-header card-header-text" data-background-color="purple">
                            <div class="card-title">Datos generales</div>
                        </div>
                        <div class="card-content">
                            <div class="row">
                                <div class="col-md-4">
                                    {{ form_row(form.productType) }}
                                </div>

                                <div class="col-md-4">
                                    {# {{ form_row(form.contractPriceConfiguration) }} #}
                                    {{ form_row(form.totalPrice) }}
                                </div>

                                {% if form.contractNumber is defined %}
                                    <div class="col-md-4">
                                        {{ form_row(form.contractNumber) }}
                                    </div>
                                {% endif %}
                            </div>

                            <div class="row">
                                <div class="col-md-4">
                                    {{ form_row(form.annualQuota) }}
                                </div>
                                <div class="col-md-4">
                                    {{ form_row(form.lifeYears) }}
                                </div>
                                <div class="col-md-4">
                                    {{ form_row(form.annuities) }}
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-4">
                                    {{ form_row(form.saleDate) }}
                                </div>
                                <div class="col-md-4">
                                    {{ form_row(form.startPaymentDate) }}
                                </div>
                                <div class="col-md-4">
                                    {{ form_row(form.expirationDate) }}
                                </div>
                            </div>

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

                            <br>
                            <hr>
                            <br>

                            <div class="row">
                                <div class="col-md-3">
                                    {{ form_row(form.closingCost) }}
                                </div>
                                <div class="col-md-3">
                                    {{ form_row(form.totalSale) }}
                                </div>
                                <div class="col-md-3">
                                    {{ form_row(form.commissionableAmount) }}
                                </div>
                                <div class="col-md-3">
                                    {{ form_row(form.funded) }}
                                    {{ form_row(form.initialPaymentException) }}
                                </div>
                                <div class="col-md-3">
                                    {{ form_row(form.pdfFileClosingCost) }}
                                </div>
                            </div>

                            <div class="row">

                                {# <div class="col-md-12"> #}
                                {{ form_row(form.initialPayments) }}
                                {# </div> #}
                                <table class="table table-bordered">
                                    <tr>
                                        <td class="text-center">
                                            <div class="col-md-12 info"><b>{{ 'Precio del contrato'|upper }}</b></div>
                                            <div class="col-md-12"><span id="total-price"></span></div>
                                            <div class="col-md-6"><b>Enganche </b></div>
                                            <div class="col-md-6"><b>Saldo</b></div>
                                            <div class="col-md-6"><span id="capital-concessionaire"></span></div>
                                            <div class="col-md-6"><span id="capital-agency"></span></div>
                                        </td>
                                        <td class="text-center">
                                            <div class="col-md-12 info"><b>{{ 'gastos de cierre'|upper }}</b></div>
                                            <div class="col-md-12"><span id="total-close-costs"></span></div>
                                            <div class="col-md-6"><b>Concesionario </b></div>
                                            <div class="col-md-6"><b>Agencia</b></div>
                                            <div class="col-md-6"><span id="close-costs-concessionaire"></span></div>
                                            <div class="col-md-6"><span id="close-costs-agency"></span></div>
                                        </td>
                                        <td class="text-center">
                                            <div class="col-md-12 info"><b>{{ 'Venta total'|upper }}</b></div>
                                            <div class="col-md-12"><span id="total-sale"></span></div>
                                            <div class="col-md-6"><b>Concesionario </b></div>
                                            <div class="col-md-6"><b>Agencia</b></div>
                                            <div class="col-md-6"><span id="total-hook"></span></div>
                                            <div class="col-md-6"><span id="total-balance"></span></div>
                                        </td>
                                    </tr>
                                    {# <tr class="info"> #}
                                    {# <td><b>Precio del contrato: </b><span id="total-price"></span></td> #}
                                    {# <td><b>Enganche: </b><span id="concessionaire-hook"></span></td> #}
                                    {# <td><b>Saldo: </b><span id="contract-balance"></span></td> #}
                                    {# </tr> #}

                                    {# <tr class="warning"> #}
                                    {# <td><b>Total de gastos de cierre: </b><span id="total-close-costs"></span></td> #}
                                    {# <td><b>Gastos concesionario: </b><span id="close-costs-concessionaire"></span></td> #}
                                    {# <td><b>Gastos agencia: </b><span id="close-costs-agency"></span></td> #}
                                    {# </tr> #}
                                    {# <tr class="info"> #}
                                    {# <td><b>Venta total: </b><span id="total-sale"></span></td> #}
                                    {# <td><b>Capital concesionario: </b><span id="capital-concessionaire"></span></td> #}
                                    {# <td><b>Capita agencia: </b><span id="capital-agency"></span></td> #}
                                    {# </tr> #}
                                    <tr class="warning">
                                        <td><b>Total de pago inicial: </b><span id="total-initials-payments"></span>
                                        </td>
                                        <td><b>Porcentaje de pago inicial: </b><span
                                                    id="initials-payments-percentage"></span></td>
                                        <td><b>Financiamiento de mensualidades: </b><span
                                                    id="financing-percentage"></span></td>
                                    </tr>
                                </table>

                                <div id="closing-cost-complement-container" class="hidden">
                                    <div class="card">
                                        <div class="card-header card-header-text" data-background-color="purple">
                                            <div class="card-title">
                                                Complemento de gastos de cierre
                                            </div>
                                        </div>
                                        <div class="card-content">
                                            <div class="col-md-6">
                                                {{ form_row(form.closingCostComplement.concessionaireAmount) }}
                                            </div>
                                            <div class="col-md-6">
                                                {{ form_row(form.closingCostComplement.concessionairePaymentDate) }}
                                            </div>
                                            <div class="col-md-6">
                                                {{ form_row(form.closingCostComplement.agencyAmount) }}
                                            </div>
                                            <div class="col-md-6">
                                                {{ form_row(form.closingCostComplement.agencyPaymentDate) }}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <br>
                            <hr>
                            <br>

                            <div class="row">
                                <div class="col-md-4">
                                    {# {{ form_row(form.monthlyPaymentsNumber) }} #}
                                    {{ form_row(form.monthlyPaymentsFinancing) }}
                                </div>
                                <div class="col-md-4">
                                    {{ form_row(form.monthlyPaymentAmount) }}
                                </div>
                                <div class="col-md-4">
                                    {{ form_row(form.monthlyPaymentsStartDate) }}
                                </div>
                            </div>

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

                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 text-right">
                            <a id="generate-transactions-btn" class="btn btn-info">Generar transacciones</a>
                        </div>
                        <div class="col-md-12">
                            {{ form_row(form.transactions) }}
                        </div>
                    </div>

                    {{ form_row(form.beneficiaries) }}

                    {{ form_row(form.references) }}

                    {% if form.presents is defined %}
                        <div class="row">
                            <div class="col-md-12" id="App_contract_presents_container">
                                {{ form_row(form.presents) }}
                            </div>
                        </div>
                    {% endif %}

                    <div class="card">
                        <div class="card-header card-header-text" data-background-color="purple" role="tab"
                             id="headingOne">
                            <div class="card-title" style="float: left">Aval</div>
                            <div style="float: left">
                                <a data-toggle="collapse" href="#collapseOne" aria-expanded="true"
                                   aria-controls="collapseOne">
                                    <i class="material-icons">keyboard_arrow_down</i>
                                </a>
                            </div>
                        </div>
                        <div class="card-content">
                            <div id="collapseOne" class="row collapse in" role="tabpanel" aria-labelledby="headingOne"
                                 data-parent="#accordion" aria-expanded="true" style="">
                                <div id="App_collection_endorsementperson">
                                    <div class="row">
                                        <div class="col-md-4">
                                            {{ form_row(form.endorsementPerson.name) }}
                                        </div>
                                        <div class="col-md-4">
                                            {{ form_row(form.endorsementPerson.lastName) }}
                                        </div>
                                        <div class="col-md-4">
                                            {{ form_row(form.endorsementPerson.motherLastName) }}
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            {{ form_row(form.endorsementPerson.street) }}
                                        </div>
                                        <div class="col-md-4">
                                            {{ form_row(form.endorsementPerson.outdoorNumber) }}
                                        </div>
                                        <div class="col-md-4">
                                            {{ form_row(form.endorsementPerson.interiorNumber) }}
                                        </div>
                                    </div>


                                    <div class="row">
                                        <div class="col-md-4">
                                            {{ form_row(form.endorsementPerson.postalCode) }}
                                        </div>
                                        <div class="col-md-4">
                                            {{ form_row(form.endorsementPerson.colony) }}
                                        </div>
                                        <div class="col-md-4">
                                            {{ form_row(form.endorsementPerson.city) }}
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-4">
                                            {{ form_row(form.endorsementPerson.cellPhone) }}
                                        </div>
                                        <div class="col-md-4">
                                            {{ form_row(form.endorsementPerson.workPhone) }}
                                        </div>
                                        <div class="col-md-4">
                                            {{ form_row(form.endorsementPerson.homePhone) }}
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>

                    {% if form.stcContract is defined %}
                        <div class="row">
                            <div class="col-md-4">
                                {{ form_row(form.stcContract.stcLinerCloserLiner) }}
                            </div>
                            <div class="col-md-4">
                                {{ form_row(form.stcContract.stcLinerCloserCloser) }}
                            </div>
                            <div class="col-md-4">
                                {{ form_row(form.stcContract.stcLinerCloserCloserSupport) }}
                            </div>
                            <div class="col-md-12">
                                <b>*</b><span>Solo se mostrarán los Liners-Closers que tengan configurados su usuario de cobranza.</span>
                            </div>
                        </div>
                        <div class="row">
                            {% if form.stcContract.salesManager is defined %}
                                <div class="col-md-4">
                                    {{ form_row(form.stcContract.salesManager) }}
                                </div>
                            {% endif %}

                            {% if form.stcContract.telemarketingManager is defined %}
                                <div class="col-md-4">
                                    {{ form_row(form.stcContract.telemarketingManager) }}
                                </div>
                            {% endif %}

                            {% if form.stcContract.publicRelationshipManager is defined %}
                                <div class="col-md-4">
                                    {{ form_row(form.stcContract.publicRelationshipManager) }}
                                </div>
                            {% endif %}
                        </div>
                    {% endif %}

                    <div class="row">
                        <div class="col-md-3">
                            <button type="submit" class="btn btn-primary">{{ 'Create'|trans }} {{ entityName|trans }}
                                <div class="ripple-container"></div>
                            </button>
                        </div>
                        <div class="col-md-2">
                            <a id="contract-preview-view" class="btn btn-info" data-modal-class="modal-fullscreen"
                               data-action="{{ path('contract_preview_view') }}">{{ 'Vista previa' }}
                                <div class="ripple-container"></div>
                            </a>
                        </div>
                    </div>

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

            {% endif %}

        {% endblock %}
    {% endblock %}