{% extends "FactelBundle::Layout.html.twig" %}

{% block css %}
    <link href="{{asset('garyavendanio/uikit/css/uikit.min.css')}}" rel="stylesheet">
{% endblock %}

{% block panel_title %}
<div class="uk-background-cover text-blue-500 h-44 w-full rounded-2xl uk-grid uk-grid-collapse uk-flex-between uk-flex-middle px-8" style="background-image: url( {{asset('recursos/img/bg-header.png')}} );">
    <div>
        <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
            <path stroke-linecap="round" stroke-linejoin="round" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
        <span class="text-xl">Liquidaci&oacute;n <span>N&uacute;m: {{entity.establecimiento.codigo}}-{{entity.ptoEmision.codigo}}-{{entity.secuencial}}</span></span>
    </div>
    <div>
        <div class="btn-group">
            <button id="btn_acciones_liquidacion" name="btn_acciones_liquidacion"  class="uk-button uk-button-primary capitalize flex uk-flex-middle rounded-full dropdown-toggle w-auto" type="button" data-toggle="dropdown">
                Acciones <span class="caret"></span>
            </button>
            <ul class="dropdown-menu rounded-b-xl text-center" role="menu">
                    <li><a href="{{ path('liquidacion_new') }}">Nueva liquidaci&oacute;n</a></li>
                        {% if entity.estado == 'CREADA' or entity.estado == 'DEVUELTA' or entity.estado == 'NO AUTORIZADO' or entity.estado == 'PROCESANDOSE'%}
                        <li><a href="{{ path('liquidacion_edit',{ 'id': entity.id }) }}">Editar liquidaci&oacute;n</a></li>
                        {% endif %}
                    <li><a href="{{ path('liquidacion') }}">Liquidaciones</a></li>
                    <li class="divider"></li>
                        {% if entity.estado != 'AUTORIZADO' and entity.estado != 'ANULADA'%}
                        <li><a href="{{ path('liquidacion_procesar',{ 'id': entity.id }) }}" onclick="document.getElementById('btn_acciones_liquidacion').disabled = true;">Enviar SRI</a></li>
                        {% endif %}
                        {% if entity.estado == 'AUTORIZADO'%}        
                        <li><a href="{{ path('liquidacion_descargar',{ 'id': entity.id , 'type': "pdf"}) }}">Descargar PDF</a></li>
                        <li><a href="{{ path('liquidacion_descargar',{ 'id': entity.id , 'type': "zip"}) }}">Descargar PDF y XML</a></li>
                        {% endif %}
            </ul>
        </div>
    </div>
</div>
{% endblock %}

{% block content %}
    <div class="liquidacion">
        {% for flashMessage in app.session.flashbag.get('notice') %}
            <div class="uk-alert-danger alert-dismissable" data-uk-alert>
                <a class="uk-alert-close" data-uk-close></a>
                <h4><strong>Ha ocurrido un error!</strong></h4>
                <p>{{ flashMessage }}</p>
            </div>
        {% endfor %}
        {% for flashMessage in app.session.flashbag.get('confirm') %}
            <div class="uk-alert-success alert-dismissable" data-uk-alert>
                <a class="uk-alert-close" data-uk-close></a>
                <p>{{ flashMessage }}</p>
            </div>
        {% endfor %}
        
        {% if entity.mensajes | length >0  and entity.estado != "AUTORIZADO" %}
            <div class="uk-alert-danger alert-dismissable" data-uk-alert>
                <a class="uk-alert-close" data-uk-close></a>
                <h5><strong>Errores ocurrido durante el proceso de envio al SRI!</strong></h5>
                {% for item in entity.mensajes %}
                    <p>{{item.mensaje}}</p>
                    <p>{{item.informacionAdicional}}</p>
                {% endfor %}
            </div>
        {% endif %}
        <fieldset class="border">
            <legend class="py-1 px-3 text-blue-500 nunito-semibold">Emisor</legend>
            <div class="control-group" id="emisor">
                <div class="col-sm-12 lg:text-xl"><span class="nunito-semibold">RUC:</span> {{entity.emisor.ruc}}</div>
                <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Contribuyente Regimen Rimpe: </span> {{entity.establecimiento.emisor.tipoEmpresa}}</div>
                <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Raz&oacute;n Social:</span> {{entity.emisor.razonSocial}}</div>
                <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Nombre Comercial:</span> {%if entity.establecimiento.nombreComercial%}{{entity.establecimiento.nombreComercial}}{%else%}{{entity.emisor.nombreComercial}}{%endif%}</div>
                <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Contribuyente Especial:</span> {{entity.emisor.contribuyenteEspecial}}</div>
                <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Obligado Contabilidad:</span> {{entity.emisor.obligadoContabilidad}}</div>
                <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Direcci&oacute;n Matriz:</span> {{entity.emisor.direccionMatriz}}</div>
                <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Direcci&oacute;n Establecimiento:</span> {{entity.establecimiento.direccion}}</div>
            </div>
        </fieldset>

        <fieldset class="border">
            <legend class="py-1 px-3 text-blue-500 nunito-semibold">Comprobante</legend>
            <div class="control-group" id="comprobante">
                <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Estado: </span><strong><span class="{%if entity.estado == 'CREADA'%}creada{%elseif entity.estado == 'AUTORIZADO'%}autorizada{%else%} error {%endif%}">{{entity.estado}}</span></strong></div>
                <div class="col-sm-12 col-md-9"><span class="nunito-semibold">N&uacute;mero Autorizaci&oacute;n:</span> {{entity.numeroAutorizacion}}</div>
                <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Ambiente:</span> {% if entity.ambiente == 1%} Pruebas {% else %} Producci&oacute;n {% endif %}</div>
                <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Tipo Emisi&oacute;n:</span> {% if entity.tipoEmision == 1%} Emisi&oacute;n Normal {% else %} Emisi&oacute;n por Indisponibilidad del Sistema {% endif %}</div>
                <div class="col-sm-12 col-md-6"><span class="nunito-semibold">Fecha Emisi&oacute;n:</span>{{entity.fechaEmision |date('d/m/Y')}}</div>
                <div class="col-sm-12 col-lg-12">
                    <div> <label class="control-label nunito-semibold">Forma Pago: </label> {{entity.formaPagoStr}}</div>
                    {%if entity.plazo %}
                        <div> <label class="control-label nunito-semibold">Plazo: </label> {{entity.plazo}} Dias</div>
                    {% endif%}
                </div>
                <div class="col-sm-12 text-center py-5 overflow-ellipsis overflow-hidden">
                    <div><span class="nunito-semibold">Clave Acceso</span></div>
                    <div class="claveAcceso lg:text-xl"><p>{{entity.claveAcceso}}</p></div>
                </div>
            </div>
        </fieldset>

        <fieldset class="border">
            <legend class="py-1 px-3 text-blue-500 nunito-semibold">Proveedor</legend>
            <div class="form-group">
                <input type="text" id="id" class="uk-input uk-border-rounded hidden" name="id">
                <div class="col-md-6">
                    <label class="nunito-semibold">Nombre: </label>
                    {{entity.cliente.nombre}}
                </div>
                <div class="col-md-6">
                    <label class="nunito-semibold">Tel&eacute;fono: </label>
                    {{entity.cliente.celular}}
                </div>
                <div class="col-md-6">
                    <label class="nunito-semibold">Correo: </label>
                    {{entity.cliente.correoElectronico}}
                </div>
                <div class="col-md-6">
                    <label class="nunito-semibold">Identificaci&oacute;n: </label>
                    {{entity.cliente.identificacion}}
                </div>
                <div class="col-md-6">
                    <label class="nunito-semibold">Direcci&oacute;n: </label>
                    {{entity.cliente.direccion}}
                </div>
            </div>
        </fieldset>
        
        <legend class="py-1 px-3 text-blue-500 nunito-semibold">Productos</legend>
        <div class="dataTable_wrapper">
            <div class="table-responsive w-full">  
                <table class="table table-striped table-bordered table-hover" id="productos">
                    <thead>
                        <tr>
                            <th class="font-light text-blue-500">Cantidad</th>
                            <th class="font-light text-blue-500">C&oacute;digo</th>
                            <th class="font-light text-blue-500">Descripci&oacute;n</th>
                            <th class="font-light text-blue-500">Precio</th>
                            <th class="font-light text-blue-500">Descuento</th>
                            <th class="font-light text-blue-500">Total</th>
                            <th class="font-light text-blue-500">ICE</th>
                            <th class="font-light text-blue-500">IRBPNR</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for item in entity.liquidacionesCompraHasProducto%}
                            <tr>
                                <td>{{item.cantidad}}</td>
                                <td>{{item.codigoProducto}}</td>
                                <td>{{item.nombre}}</td>
                                <td>{{item.precioUnitario}}</td>
                                <td>{{item.descuento}}</td>
                                <td>{{item.valorTotal}}</td>
                                {% set ice = "0.00" %}
                                {% set irbpnr = "0.00" %}
                                {% for impuesto in item.impuestos %}
                                    {% if impuesto.codigo == "3" %}
                                        {% set ice = impuesto.valor %}
                                    {% endif %}

                                    {% if impuesto.codigo == "5" %}
                                        {% set irbpnr = impuesto.valor %}
                                    {% endif %}
                                {% endfor %}
                                <td>{{ ice }}</td>
                                <td>{{ irbpnr }}</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-4 col-md-offset-8">
                <div class="col-xs-10 col-sm-8 text-right">SubTotal Sin Impuesto</div> 
                <div class="col-xs-2 col-sm-4">
                    <p class="text-left" >{{entity.totalSinImpuestos}}</p>
                </div>

                <div class="col-xs-10 col-sm-8 text-right">Sub Total 15%</div>
                    <div class="col-xs-2 col-sm-4">
                        <p class="text-left">{{entity.subtotal15}}</p>
                    </div>

                    <div class="col-xs-10 col-sm-8 text-right" style="display: none;">Sub Total 14%</div>
                    <div class="col-xs-2 col-sm-4" style="display: none;">
                        <p class="text-left">{{entity.subtotal14}}</p>
                    </div>

                    <div class="col-xs-10 col-sm-8 text-right" style="display: none;">Sub Total 13%</div>
                    <div class="col-xs-2 col-sm-4" style="display: none;">
                        <p class="text-left">{{entity.subtotal13}}</p>
                    </div>

                    <div class="col-xs-10 col-sm-8 text-right" style="display: none;">Sub Total 12%</div>
                    <div class="col-xs-2 col-sm-4" style="display: none;">
                        <p class="text-left">{{entity.subtotal12}}</p>
                    </div>

                    <div class="col-xs-10 col-sm-8 text-right">Sub Total 5%</div>
                    <div class="col-xs-2 col-sm-4">
                        <p class="text-left">{{entity.subtotal5}}</p>
                    </div>

                <div class="col-xs-10 col-sm-8 text-right">Sub Total 0%</div>
                <div class="col-xs-2 col-sm-4">
                    <p class="text-left">{{entity.subtotal0}}</p>
                </div>
                <div class="col-xs-10 col-sm-8 text-right">Sub Total No Objeto IVA</div>
                <div class="col-xs-2 col-sm-4">
                    <p class="text-left" >{{entity.subtotalNoIVA}}</p>
                </div>
                <div class="col-xs-10 col-sm-8 text-right">Sub Exento IVA</div>
                <div class="col-xs-2 col-sm-4">
                    <p class="text-left">{{entity.subtotalExentoIVA}}</p>
                </div>
                <div class="col-xs-10 col-sm-8 text-right">Descuento</div>
                <div class="col-xs-2 col-sm-4">
                    <p class="text-left">{{entity.totalDescuento}}</p>
                </div>
                <div class="col-xs-10 col-sm-8 text-right">Valor ICE</div>
                <div class="col-xs-2 col-sm-4">
                    <p class="text-left">{{entity.valorICE}}</p>
                </div>
                <div class="col-xs-10 col-sm-8 text-right">Valor IRBPNR</div>
                <div class="col-xs-2 col-sm-4">
                    <p class="text-left">{{entity.valorIRBPNR}}</p>
                </div>

                  <div class="col-xs-10 col-sm-8 text-right">IVA 15%</div>
                    <div class="col-xs-2 col-sm-4">
                        <p class="text-left">{{entity.iva15}}</p>
                    </div>

                    <div class="col-xs-10 col-sm-8 text-right" style="display: none;">IVA 14%</div>
                    <div class="col-xs-2 col-sm-4" style="display: none;">
                        <p class="text-left">{{entity.iva14}}</p>
                    </div>

                    <div class="col-xs-10 col-sm-8 text-right" style="display: none;">IVA 13%</div>
                    <div class="col-xs-2 col-sm-4" style="display: none;">
                        <p class="text-left">{{entity.iva13}}</p>
                    </div>

                    <div class="col-xs-10 col-sm-8 text-right" style="display: none;">IVA 12%</div>
                    <div class="col-xs-2 col-sm-4" style="display: none;">
                        <p class="text-left">{{entity.iva12}}</p>
                    </div>

                    <div class="col-xs-10 col-sm-8 text-right">IVA 5%</div>
                    <div class="col-xs-2 col-sm-4">
                        <p class="text-left">{{entity.iva5}}</p>
                    </div>

                <div class="col-xs-10 col-sm-8 text-right">VALOR TOTAL</div>
                <div class="col-xs-2 col-sm-4">
                    <p class="text-left" id="valorTotal">{{entity.valorTotal}}</p>
                </div>
            </div>

        </div>  
    </div>
    <script src="{{asset('garyavendanio/uikit/js/uikit.min.js')}}"></script>
    <script src="{{asset('garyavendanio/uikit/js/uikit-icons.min.js')}}"></script>
{% endblock %}