{% extends 'facturacion/impresos/impreso_base_2.html.twig' %}

{% block tipo_comprobante %}
    ORDEN PAGO #{{ orden.id }}
{% endblock %}

{% block header %}
    <table id="header">
        <tr>
            <td></td>
            <!-- Se muestra la fecha a partir de debeHaberProveedor -->
            <td class="r">
                Fecha: {{ orden.debeHaberProveedor.fecha | date('d-m-Y') }}
            </td>
        </tr>
        <tr>
            <td></td>
            <!-- Se agrega la hora -->
            <td class="r">
                Hora: {{ orden.debeHaberProveedor.hora | date('H:i:s') }}
            </td>
        </tr>
        <tr>
            <td>Proveedor.: {{ proveedor.razonSocial }}</td>
            <td></td>
        </tr>
        <tr>
            <td>Direcci&oacute;n.: {{ proveedor.domicilio }} </td>
            <td></td>
        </tr>
        <tr>
            <td>Cuit: {{ proveedor.Cuilt }} </td>
            <td></td>
        </tr>
        <tr>
            <td>Tel&eacute;fono:
                {% if proveedor.telComercial %}
                    {{ proveedor.telComercial }}
                {% elseif proveedor.telefonos %}
                    {{ proveedor.telefonos }}
                {% endif %}
            </td>
            <td></td>
        </tr>
        <tr>
            <td style="padding-top: 12px;">
                Forma de pago: <b style="text-transform: capitalize">{{ orden.formaPago }}</b>
            </td>
            <td></td>
        </tr>
    </table>
    <br>
    <div class="dat_emp">
        <p class="de">GNB Moto Parts</p>
        <p class="de"><b>de BEATINI GONZALO NICOLAS</b></p>
        <p class="direccion" style="padding-top: 4px"><b></b></p>
        <p class="tel">Cel: 342-5907444 </p>
        <p class="tel">Email: gnbrepuestos@gmail.com </p>
    </div>
{% endblock %}

{% block contenido %}
    <table id="wrapper">
        <tr>
            <th id="cod">Cod.</th>
            <th id="cant" class="r mr"></th>
            <th id="precio"></th>
            <th id="detalle">Detalle</th>
            <th id="total" class="r">Total</th>
        </tr>
        {# Se omite el bucle de referencias ya que no existe la propiedad "referencias" en OrdenPagoProveedor #}
        <tr><td style="height: 18px" colspan="5"></td></tr>
        <tr>
            <td>-1</td>
            <td class="r mr"></td>
            <td></td>
            <td class="desc">
                <b>Orden de Pago - Debe Haber</b>
            </td>
            <td class="r"><b>{{ orden.monto | number_format(2) }}</b></td>
        </tr>
        <tr>
            <td>-1</td>
            <td class="r mr"></td>
            <td></td>
            <td class="desc">Bonificación</td>
            {% if orden.bonificacion > 0 %}
                <td class="r">{{ orden.bonificacion | number_format(2) }}</td>
            {% elseif orden.BonificacionPorc > 0 %}
                {% set descuento_porcentaje_final = orden.monto * (orden.BonificacionPorc / 100) %}
                <td class="r">{{ descuento_porcentaje_final | number_format(2) }}</td>
            {% else %}
                <td class="r">0.00</td>
            {% endif %}
        </tr>
        <tr>
            <td>-1</td>
            <td class="r mr"></td>
            <td></td>
            <td class="desc">Retención por ganancia</td>
            <td class="r">{{ orden.retencionGanancias | number_format(2) }}</td>
        </tr>
        <tr>
            <td>-1</td>
            <td class="r mr"></td>
            <td></td>
            <td class="desc">Retención por ingresos brutos</td>
            <td class="r">{{ orden.RetencionIngresosBrutos | number_format(2) }}</td>
        </tr>
        <tr><td style="height: 18px" colspan="5"></td></tr>
        {% set descuento_porcentaje_final = 0 %}
        {% if orden.BonificacionPorc > 0 %}
            {% set descuento_porcentaje_final = orden.monto * (orden.BonificacionPorc / 100) %}
        {% endif %}
        <tr>
            <td></td>
            <td class="r mr"></td>
            <td></td>
            <td class="desc r"><b>Total: </b></td>
            <td class="r">
                <b>
                    {{ (orden.monto - orden.bonificacion - orden.retencionGanancias - orden.RetencionIngresosBrutos - descuento_porcentaje_final) | number_format(2) }}
                </b>
            </td>
        </tr>
        <tr><td style="height: 18px" colspan="5"></td></tr>
    </table>

    <tr>
        <td> </td>
        <td class="r mr"></td>
        <td></td>
        <td class="desc r mr"><b>Detalle Pago:</b></td>
        {% if orden.formaPago == 'cheque_registrado' %}
            <td class="l">
                <div>Forma de pago: <b>Cheques</b></div>
                <table>
                    {% for a in orden.detalleJson %}
                        <tr>
                            <td>#{{ a.cheque }}</td>
                            <td>{{ a.numero }}</td>
                            <td>${{ a.pago }}</td>
                        </tr>
                    {% endfor %}
                </table>
            </td>
        {% else %}
            <td class="l">{{ orden.DetallePago }}</td>
        {% endif %}
    </tr>
{% endblock %}

{% block script %}{% endblock %}

{% block javascripts %}
    <script>
        // CONTAINER DE URLS A USAR EN JAVASCRIPT DESDE PATH IN SYMFONY
        const urlContainer = {
            actualizar: '{{ path('proveedor_debe_haber_actualizar', { id: '_id_'}) }}',
            nuevo: '{{ path('proveedor_debe_haber_nuevo', { id: proveedor.id }) }}',
            imprimirOrden: '{{ path('orden_pago_imprimir', { id: '_id_'}) }}'
        };
    </script>
    <script src="{{ base_url }}vendor/jquery.PrintArea.js?v=1" type="text/javascript"></script>
    {{ encore_entry_script_tags('proveedor_debe_haber') }}
{% endblock %}