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

    {% block title %}
        {{ "Mostrar"|trans }} {{ entityName|trans }}
    {% endblock %}
    {% block subtitle %}{% endblock %}

    {% block body %}
        <div class="card">
            <div class="card-header" data-background-color="purple">
                <div class="row">
                    <div class="col-md-12">
                        <h4 class="title">Detalles del pagaré</h4>
                    </div>
                </div>
            </div>
            <div class="card-content">
                <div class="row">
                    <div class="col-md-4"><b>{{ 'Contract'|trans }}: </b>{{ entity.promissoryNote.contract.contractNumber }}</div>
                    <div class="col-md-4"><b>{{ 'Promissory note'|trans }}: </b>{{ entity.promissoryNote.number }}</div>
                    <div class="col-md-4"><b>{{ 'Fecha de vencimiento' }}: </b>{{ entity.promissoryNote.proposedPaymentDate|date('d-m-Y') }}</div>
                </div>

                <div class="row">
                    <div class="col-md-4"><b>{{ 'Monto a pagar' }}: </b>{{ entity.promissoryNote.amount|price }}</div>
                    <div class="col-md-4"><b>{{ 'Monto pagado' }}: </b>{{ entity.promissoryNote.getTotalPayed|price }}</div>
                </div>
                {% if entity.promissoryNote.getTotalPayed > 0 %}
                    {% include 'backend/sales/promissoryNote/payments.html.twig'  with { entity:entity.promissoryNote } %}
                {% endif %}

            </div>
        </div>

        <div class="card">
            <div class="card-header" data-background-color="purple">
                <div class="row">
                    <div class="col-md-12">
                        <h4 class="title">Datos de la solicitud</h4>
                    </div>
                </div>
            </div>
            <div class="card-content">
                <div class="row">
                    <div class="col-md-4"><b>{{ 'Created by'|trans }}: </b>{{ entity.createdBy.fullName }}</div>
                    <div class="col-md-4"><b>{{ 'Fecha de prórroga' }}: </b>{{ entity.extensionDate|date('d-m-Y') }}</div>
                    <div class="col-md-4"><b>{{ 'Fecha del acuerdo' }}: </b>{{ entity.interaction.date|date('d-m-Y') }}</div>
                </div>
                <div class="row">
                    <div class="col-md-4"><b>{{ 'Status'|trans }}: </b><span style="color: {% if entity.status == "denied" %} red {% endif %}">{{ entity.status|trans }}</span></div>
                </div>
                <div class="row">
                    <div class="col-md-12"><b>{{ 'Especificaciones del acuerdo' }}: </b>{{ entity.interaction.commentary|raw }}</div>
                </div>
                {% if entity.status == 'denied' %}
                    <div class="row">
                        <div class="col-md-12"><b>{{ 'Causa de denegación' }}: </b>{{ entity.observations|raw }}</div>
                    </div>
                {% endif %}
            </div>
        </div>

        {% if entity.caBeApproved and is_granted("SALE_EXTENSION_REQUEST_APPROVE") %}
            <a class="loadaction" data-modalclose="true" data-url="{{ path('extensionrequest_approve', {extensionRequest: entity.id}) }}" data-callbacks="{% if fromNotification is defined and fromNotification %}redirectTo{% else %}refreshTables{% endif %}" title="Aprobar solicitud" data-question-text="¿Desea aprobar esta solicitud?">
                <button type="button" class="btn btn-success">
                    <i class="fa fa-check"></i>Aprobar
                </button>
            </a>

        {% endif %}

         {% if entity.caBeDenied and is_granted("SALE_EXTENSION_REQUEST_DENY") %}
            <a class="loadinmodal" data-modalclose="true" data-action="{{ path('extensionrequest_deny', {id: entity.id}) }}"  title="Denegar solicitud" data-question-text="¿Desea denegar esta solicitud?">
                <button type="button" class="btn btn-danger">
                    <i class="fa fa-times"></i>Denegar
                </button>
            </a>

        {% endif %}

        <div class="row">
            <div class="col-md-12">
                {% include 'backend/sales/promissoryNote/interactions.html.twig' with { entity:entity.promissoryNote } %}
            </div>
        </div>

    {% endblock %}