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

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

    {% block title %}
        {{'Edit'|trans }} {{ 'contract'|trans }}
    {% endblock %}

{% block subtitle %}
    <a class="loadaction"  data-method="GET" data-response-type="html" data-replace-container="#contract-show"  data-url="{{ path('contract_show',{id: contract.id}) }}"><i class="fa fa-arrow-left"> </i> Regresar al contrato</a>
{% 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(edit_form, {'attr':{'data-remote':'true', 'data-method':'POST', 'data-url':edit_form.vars.action }}) }}
                <div id="App_contract">

                    <div class="row">
                        <div class="col-md-8">
                            {{ form_row(edit_form.concessionaire) }}
                        </div>
                        {% if edit_form.externalFolio is defined  %}
                            <div class="col-md-2 hidden">
                                {{ form_row(edit_form.externalFolio) }}
                            </div>
                        {% endif %}
                    </div>

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

                    </div>

                    <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(edit_form.productType) }}
                                </div>

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

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

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

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

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

                            <br><hr><br>

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

                            <div class="row">

                                <div class="col-md-12">
                                    {{ form_row(edit_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="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(edit_form.closingCostComplement.concessionaireAmount) }}
                                            </div>
                                            <div class="col-md-6">
                                                {{ form_row(edit_form.closingCostComplement.concessionairePaymentDate) }}
                                            </div>
                                            <div class="col-md-6">
                                                {{ form_row(edit_form.closingCostComplement.agencyAmount) }}
                                            </div>
                                            <div class="col-md-6">
                                                {{ form_row(edit_form.closingCostComplement.agencyPaymentDate) }}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <br><hr><br>

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

                            <div class="row">
                                <div class="col-md-12">
                                    {{ form_row(edit_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(edit_form.transactions) }}
                        </div>
                    </div>

                {% if edit_form.beneficiaries is defined %}
                    {{ form_row(edit_form.beneficiaries) }}
                {% endif %}

                    {% if edit_form.references is defined %}
                        {{ form_row(edit_form.references) }}
                    {% endif %}



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

                    {% if edit_form.endorsementPerson is defined %}
                        <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(edit_form.endorsementPerson.name) }}
                                            </div>
                                            <div class="col-md-4">
                                                {{ form_row(edit_form.endorsementPerson.lastName) }}
                                            </div>
                                            <div class="col-md-4">
                                                {{ form_row(edit_form.endorsementPerson.motherLastName) }}
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4">
                                                {{ form_row(edit_form.endorsementPerson.street) }}
                                            </div>
                                            <div class="col-md-4">
                                                {{ form_row(edit_form.endorsementPerson.outdoorNumber) }}
                                            </div>
                                            <div class="col-md-4">
                                                {{ form_row(edit_form.endorsementPerson.interiorNumber) }}
                                            </div>
                                        </div>


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

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

                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endif %}


                    {% if edit_form.stcContract is defined %}
                        <div class="row">
                            <div class="col-md-4">
                                {{ form_row(edit_form.stcContract.stcLinerCloserLiner) }}
                            </div>
                            <div class="col-md-4">
                                {{ form_row(edit_form.stcContract.stcLinerCloserCloser) }}
                            </div>
                            <div class="col-md-4">
                                {{ form_row(edit_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 edit_form.stcContract.salesManager is defined %}
                                <div class="col-md-4">
                                    {{ form_row(edit_form.stcContract.salesManager) }}
                                </div>
                            {% endif %}

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

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




                    {% if edit_form.captureStart is defined %}
                        {{ form_row(edit_form.captureStart) }}
                    {% endif %}

                    <div class="row">
                        <div class="col-md-3">
                            <button type="submit" class="btn btn-primary">{{'Update'|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(edit_form) }}

            {% endif %}

        {% endblock %}
    {% endblock %}