{% extends 'layouts/panel_layout.html.twig' %}

{% block title %}
Remitos
{% endblock %}


{% block stylesheets %}
    {{ encore_entry_link_tags('remitos_index') }}
    <link rel="stylesheet" href="{{ asset('css/articulos.css')}}">
    <link rel="stylesheet" href="{{ asset('css/compras.css')}}">
{% endblock %}

{% block content %}

    {# TITULO #}
    <div class="bg-dark m-b-30">
        <div class="container">
            <div class="row p-b-60 p-t-60">

                <div class="col-md-10 mx-auto text-center text-white p-b-30">
                    <div class="m-b-20">
                        <div class="avatar avatar-xl my-auto">
                            <i class="icon-placeholder mdi mdi-ticket-account" style="font-size: 5rem"></i>
                            <i class="mdi mdi-plus position-absolute"  style="font-size: 3rem"></i>
                        </div>
                    </div>
                    <h1 id="page-offset">Nueva Factura</h1>
                </div>

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

    {# BOTONERA PRINCIPAL #}
    <div class="container pull-up pb-5 mb-3">

        <div class="row">

            <div class="col-12 m-b-30">
                <div class="card card-hover" style="cursor: pointer">
                    <div class="card-body">

                        <div class="row py-2 px-2">

                            <div class="col-6">

                                <h6 class="text-muted pb-4">
                                    ASIGNACIÓN
                                </h6>

                                <h5>
                                    {{ remito.proveedor.razonSocial }}
                                </h5>

                            </div>

                            <div class="col-6">

                                <p class="text-right">
                                    <a href="{{ path('remitos_index') }}" class="btn btn-outline-dark">
                                        <i class="mdi mdi-restore mdi-18px m-r-5"></i> Volver
                                    </a>
                                </p>

                                <h4 class="text-right">
                                    <small class="text-muted">Proceso Nº: </small> {{ remito.codremitoTmp }}
                                </h4>

                            </div>

                        </div>

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

    </div>

    {# CONTENIDO PRINCIPAL #}
    <div class="container-fluid pull-up pb-5 mb-5">

        <div class="card mb-1" >
            <div class="card-body pt-4" id="cliente_container">
                <div class="row">

                    <div class="col-5">
                        <form name="factura_cliente" id="factura_cliente" method="post" action="#" autocomplete="off">
                            <div class="form-row">

                                <div class="form-group form-inline col-12">
                                    <label class="col-4" for="factura_cliente_cuenta">Proveedor Nº:</label>
                                    <input type="text" id="factura_cliente_cuenta" name="cliente[cuenta]"
                                           class="form-control col-5" value="{{ remito.proveedor.id }}" readonly>
                                    <div class="col-3 text-right p-0" style="display: none;">
                                        <button type="button" class="btn btn-sm btn-primary p-1" onclick="alert('Nothing to do!')">
                                            <i class="mdi mdi-magnify"></i>
                                        </button>
                                        <button type="button" class="btn btn-sm btn-primary p-1" onclick="alert('Nothing to do!')">
                                            <i class="mdi mdi-contacts"></i>
                                        </button>
                                    </div>
                                </div>

                                <div class="form-group form-inline col-12">
                                    <label class="col-4" for="factura_cliente_nombre">Razon Social:</label>
                                    <input type="text" id="factura_cliente_nombre" name="cliente[apenom]"
                                           class="form-control col-8 input-autocompletable"
                                           data-autocomplete-label="{{ remito.proveedor.razonSocial }}"
                                           data-autocomplete-id="{{ remito.proveedor.id }}"
                                           maxlength="200" data-entity="Proveedor" data-search-field="razonSocial" data-min-text="2">
                                </div>

                                <div class="form-group form-inline col-12">
                                    <label class="col-4" for="factura_cliente"></label>
                                    <div class="col-8 text-muted pl-0 infocliente">
                                        CUIT > <span>{{ remito.proveedor.cuilt ? remito.proveedor.cuilt}}</span>
                                        <input type="hidden" id="cuit" name="cuit" value="{{ remito.proveedor.cuilt ? remito.proveedor.cuilt }}" />
                                    </div>
                                    <div id="set_auto" class="text-right col-12" style="display: none;">
                                        <label class="cstm-switch" for="cant_auto">
                                            <input type="checkbox" id="cant_auto" name="cant_auto" value="1" class="cstm-switch-input">
                                            <span class="cstm-switch-indicator bg-warning "></span>
                                            <span class="cstm-switch-description">Cant. Auto</span>
                                        </label>
                                    </div>
                                </div>

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

                    <div class="col-3">

                        <button class="btn btn-outline-primary text-center w-100" onclick="alert('Nothing to do!')">
                            MODIFICAR <br/>
                            PROVEEDOR
                        </button>

                        <h4 id="cond_iva" class="pt-2 text-center" style="display: none;">
                            <small class="text-secondary">CONDICION IVA</small> <br/>
                            <span class="text-danger">{{ condicion }}</span>
                        </h4>

                    </div>

                    <div class="col-4 text-right">

                        <p>Saldo en Cuenta Corriente: <span>0</span></p>

                        <p>
                            <a href="javascript:alert('Nothing to show!')" class="btn-link">
                                Ver Resumen de Cuenta
                            </a>
                        </p>

                        <h4 id="historico_de_compras"  class="pt-2 text-right" style="display: none;">
                            <small class="text-secondary" onClick="alert('#')">
                                Historico <a href="#" class="btn-link">Actividades</a>
                            </small>
                        </h4>

                        {% if not is_granted('ROLE_VENDEDOR') %}

                        {% endif %}

                    </div>

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

        <div class="card mb-1">
            <div class="card-body" id="articulo_container">

                <form id="factura_articulo" method="post" action="{{ path("remitos_nueva_linea", { id: remito.id }) }}" autocomplete="off">
                    <input type="hidden" id="no_afecta_al_encolar" name="articulo[noAfectaAlEncolar]" value="0" />

                    <div class="form-row">

                        <div class="col-6">

                            <div class="row">

                                <div class="form-group form-inline col-9">
                                    <label class="col-4" for="factura_articulo_codigo">Código</label>
                                    <input type="text" id="factura_articulo_codigo" name="articulo[codigo]"
                                           class="form-control col-8 initial-tab">
                                </div>

                                <div class="col col-lg-3">
                                    <button type="button" class="btn btn-secondary"  tabindex="-1"
                                            onclick="alert('Nothing to do!')">
                                        <i class="mdi mdi-magnify"></i>
                                    </button>

                                    <button type="button" id="editar-producto" disabled  tabindex="-1"
                                            class="btn btn-danger">
                                        <i class="mdi mdi-soccer "></i>Editar
                                    </button>
                                </div>


                                <div class="form-group form-inline col-12">

                                    <label class="col-3" for="factura_articulo_descripcion">Descripción</label>
                                    <div class="input-group col-9 p-0">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text bg-success" id="prepend-0"></span>
                                        </div>
                                        <input type="text" id="factura_articulo_descripcion" name="articulo[descripcion]"
                                               class="form-control input-autocompletable"
                                               maxlength="200" data-entity="Articulo" data-search-field="descripcion" data-min-text="2"
                                               aria-describedby="prepend-0">
                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="col-3 pb-1">
                            <div class="avatar avatar-xl" id=foto_preview style="display: none">
                                <img src="" alt="..." class="avatar-img rounded">
                            </div>
                        </div>

                        <div class="col-3 text-left p-3 border-dark" id="stock-container" style="border-radius: 6px">

                            <p class="m-0 pb-1">
                                <span  class="text-secondary pr-2">Stock Actual:</span> <span id="stock_actual"></span>
                            </p>

                            <p class="m-0 pb-1">
                                <span class="text-secondary pr-2">Quedarían:</span> <span id="stock_quedarian"></span>
                            </p>

                            <p class="m-0 pb-1">
                                <span class="text-secondary pr-2">Otro Local:</span> <span id="#stock_otro_local"></span>
                                <span class="spinner-border text-primary mini-spinner mx-2" style="display: none;"></span>
                            </p>

                            <p class="m-0 pb-1">
                                <span class="text-secondary pr-2 text-danger" style="display: none;"
                                      id="pr_ot_listas"></span>
                            </p>
                        </div>

                        <div class="form-group form-inline col-3 pt-3">
                            <label class="col-4 text-secondary p-0" for="factura_articulo_precio">
                                <span class="w-100 text-right">Precio</span>
                            </label>
                            <div class="input-group col-8">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="prepend-1">$</span>
                                </div>
                                <input type="hidden" id="factura_articulo_precio_venta" name="articulo[precioVenta]">
                                <input type="hidden" id="factura_articulo_precio_venta2" name="articulo[precioVenta2]">
                                <input type="hidden" id="factura_articulo_precio_venta3" name="articulo[precioVenta3]">
                                <input type="text" class="form-control" id="factura_articulo_costo"  name="articulo[costo]"
                                       aria-describedby="prepend-1">
                            </div>
                        </div>

                        <div class="form-group form-inline col-2 pt-3">
                            <label class="col-7 text-secondary" for="factura_articulo_cantidad">
                                <span class="w-100 text-right">Cantidad</span>
                            </label>
                            <input type="number" id="factura_articulo_cantidad" name="articulo[cantidad]"
                                   class="form-control col-5">
                        </div>

                        <div class="form-group form-inline col-3 pt-3">
                            <label class="col-4 text-secondary p-0" for="factura_articulo_importe">
                                <span class="w-100 text-right">IVA</span>
                            </label>
                            <div class="input-group col-8">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="prepend-2">%</span>
                                </div>
                                <input type="text" class="form-control" name="factura[ivaVenta]" id="factura_articulo_iva_venta" />

                            </div>
                        </div>

                        <div class="form-group form-inline col-3 pt-3">
                            <label class="col-4 text-secondary p-0" for="factura_articulo_importe">
                                <span class="w-100 text-right">Importe</span>
                            </label>
                            <div class="input-group col-8">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="prepend-2">$</span>
                                </div>
                                <input type="text" class="form-control" id="factura_articulo_importe"  name="articulo[importe]"
                                       aria-describedby="prepend-2">
                            </div>
                        </div>


                        <div class="col-1 text-right pt-3">
                            <button type="button" class="btn btn-outline-success" id="agregar-producto">Agregar</button>
                        </div>

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

        <div class="card mb-1">
            <div class="card-body" style="height: 33vh; overflow-y: auto" data-ui="factulinea-container">
                {% include 'remitos/templates/table_remitlinea.html.twig'
                with { remitlineas: remito.remitlinea, lineaActual: 0 } %}
            </div>
        </div>

        <div class="form-group form-inline col-12">

            <label class="col-6 field-highlight" for="factura_precio_total">
                <span class="w-100 text-right">Total:</span>
            </label>

            <div class="input-group col-6 field-highlight">
                <div class="input-group-prepend">
                    <span class="input-group-text">$</span>
                </div>
                <input type="text" class="form-control text-right" id="factura_precio_total"
                       name="factura[precioTotal]" size="10" readonly="readonly">
            </div>
        </div>

        <form action="{{ path('remito_guardar', { id: remito.id }) }}" id="form_factura" method="POST">
        <div class="card" style="cursor: pointer">
            <div class="card-body">
                <div class="form-row border border-secondary p-2">

                  <div id="totales_factura">

                    <div class="form-group form-inline col-12 border-bottom mb-0">

                        <div class="form-group form-inline col-3 py-2">
                            <label class="col-4 px-0" for="numero_factura">
                                PUNTO FACTURA:
                            </label>
                            <input type="text" class="form-control text-right col-8" id="punto_factura" name="factura[punto_factura]"
                                   maxlength="5"  aria-describedby="prepend-3">
                        </div>

                        <div class="form-group form-inline col-3">
                            <label class="col-4 px-0" for="numero_factura">
                                NUMERO FACTURA:
                            </label>
                            <input type="text" class="form-control text-right col-8" id="numero_factura" name="factura[numero_factura]"
                                   maxlength="8"  aria-describedby="prepend-3">
                        </div>

                        <div class="form-group form-inline  col-3">
                            <label class="col-4 px-0" for="factura_fecha_factura">FECHA FACTURA:</label>
                            <input type="text" id="fecha_factura" name="factura[fecha_factura]"
                                   class="form-control col-8 datesingle  text-right" >
                        </div>

                        <div class="form-group form-inline  col-3">
                            <label class="col-4 px-0" for="factura_fecha_ingreso">FECHA IMPOSITIVA:</label>
                            <input type="text" id="fecha_ingreso" name="factura[fecha_ingreso]"
                                   class="form-control col-8 datesingle text-right " data-daterange-expiration="true">
                        </div>

                    </div>

                    <div class="form-group form-inline col-12">

                        <div class="form-group form-inline col-4 field-highlight">

                            <label class="col-4 px-0" for="factura_total_neto">TOTAL NETO:</label>
                            <div class="input-group col-8">
                                <span class="input-group-text" id="prepend-3">$</span>
                                <input type="number" class="form-control " id="factura_total_neto"
                                       name="factura[totalneto]" size="20">
                            </div>

                        </div>

                        <div class="form-group form-inline col-4">
                            <label class="col-4 px-0" for="factura_monto_descuento">MONTO DESCUENTO:</label>
                            <div class="input-group col-8">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="prepend-3">$</span>
                                </div>
                                <input type="text" class="form-control text-right" id="factura_monto_descuento"
                                       name="factura[monto_descuento]"   aria-describedby="prepend-3">
                            </div>
                        </div>

                        <div class="form-group form-inline col-4">
                            <label class="col-4 px-0" for="factura_porcentaje_descuento">DESCUENTO %:</label>
                            <div class="input-group col-8">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="prepend-3">$</span>
                                </div>
                                <input type="text" class="form-control text-right" id="factura_porcentaje_descuento"
                                       name="factura[porcentaje_descuento]"      aria-describedby="prepend-3">
                            </div>
                        </div>

                    </div>

                    <div class="form-group form-inline col-12 mb-0 bg-secondary">

                      <div class="form-group form-inline col-4 py-2">
                          <label class="col-4" for="factura_neto21">NETO 21:
                          </label>
                          <div class="input-group col-8">
                              <div class="input-group-prepend">
                                  <span class="input-group-text" id="prepend-3">$</span>
                              </div>
                              <input type="number" class="form-control text-right" name="factura[neto21]" id="factura_neto21" value=""/>
                          </div>
                      </div>




                    <div class="form-group form-inline col-4">
                      <label class="col-4" for="factura_neto105">NETO 10.5:</label>
                      <div class="input-group col-8">
                          <div class="input-group-prepend">
                              <span class="input-group-text" id="prepend-3">$</span>
                          </div>
                          <input type="number" class="form-control text-right" name="factura[neto105]" id="factura_neto105" value=""/>
                      </div>
                    </div>

                    <div class="form-group form-inline col-4">
                      <label class="col-4" for="factura_neto27">NETO 27:</label>
                      <div class="input-group col-8">
                          <div class="input-group-prepend">
                              <span class="input-group-text" id="prepend-3">$</span>
                          </div>
                          <input type="number" class="form-control text-right" name="factura[neto27]" id="factura_neto27" value=""/>
                      </div>
                    </div>

                    </div>

                    <div class="form-group form-inline col-12 mb-0 bg-soft-info">


                      <div class="form-group form-inline col-4 py-2">
                          <label class="col-4" for="factura_iva21">IVA 21:</label>
                          <div class="input-group col-8">
                              <div class="input-group-prepend">
                                  <span class="input-group-text" id="prepend-3">$</span>
                              </div>
                              <input type="number" class="form-control text-right" id="factura_iva21"
                                     name="factura[iva21]">
                          </div>
                      </div>

                      <div class="form-group form-inline col-4">
                          <label class="col-4" for="factura_iva105">IVA 10.5:</label>
                          <div class="input-group col-8">
                              <div class="input-group-prepend">
                                  <span class="input-group-text" id="prepend-3">$</span>
                              </div>
                              <input type="number" class="form-control text-right" id="factura_iva105"
                                     name="factura[iva105]">

                          </div>
                      </div>

                      <div class="form-group form-inline col-4">
                          <label class="col-4" for="factura_iva27">IVA 27:</label>
                          <div class="input-group col-8">
                              <div class="input-group-prepend">
                                  <span class="input-group-text" id="prepend-3">$</span>
                              </div>
                              <input type="number" class="form-control text-right" id="factura_iva27"
                                     name="factura[iva27]">

                          </div>
                      </div>

                    </div>

                    <div class="form-group form-inline col-12 mb-0">

                      <div class="form-group form-inline col-4 py-2 bg-soft-primary">
                          <label class="col-4" for="factura_percepcion">PERCEPCION IBB:</label>
                          <div class="input-group col-8">
                              <div class="input-group-prepend">
                                  <span class="input-group-text" id="prepend-3">$</span>
                              </div>
                              <input type="number" class="form-control text-right" id="factura_percepcion"
                                     name="factura[percepcion]">
                          </div>
                      </div>

                      <div class="form-group form-inline col-4 py-2 bg-soft-danger">
                          <label class="col-4" for="factura_percepcion_iva">PERCEPCION IVA:</label>
                          <div class="input-group col-8">
                              <div class="input-group-prepend">
                                  <span class="input-group-text" id="prepend-3">$</span>
                              </div>
                              <input type="number" class="form-control text-right" id="factura_percepcion_iva"
                                     name="factura[percepcion_iva]">
                          </div>
                      </div>


                      <div class="form-group form-inline col-4">
                          <label class="col-4" for="factura_retencion_ingresos_brutos">RETENCION IBB</label>
                          <div class="input-group col-8">
                              <div class="input-group-prepend">
                                  <span class="input-group-text" id="prepend-3">$</span>
                              </div>
                              <input type="number" class="form-control text-right" id="factura_retencion_ingresos_brutos"
                                     name="factura[retencion_ingresos_brutos]">
                          </div>
                      </div>


                    </div>

                    <div class="form-group form-inline col-12">

                    <div class="form-group form-inline col-3">
                    <label class="col-4" for="factura_conceptos_no_gravados">CONCEPTOS NO GRAVADOS:</label>
                    <div class="input-group col-8">
                      <div class="input-group-prepend">
                          <span class="input-group-text" id="prepend-3">$</span>
                      </div>
                      <input type="number" class="form-control text-right" id="factura_conceptos_no_gravados"
                             name="factura[conceptos_no_gravados]">
                    </div>
                    </div>

                    <div class="form-group form-inline col-3">
                    <label class="col-4" for="factura_otros_conceptos">OTROS CONCEPTOS:</label>
                    <div class="input-group col-8">
                      <div class="input-group-prepend">
                          <span class="input-group-text" id="prepend-3">$</span>
                      </div>
                      <input type="number" class="form-control text-right" id="factura_otros_conceptos"
                             name="factura[otros_conceptos]">
                    </div>
                    </div>

                    <div class="form-group form-inline col-3">
                    <label class="col-4" for="factura_aport_patron_suss_otros">APORT/PATRON/SUSS</label>
                    <div class="input-group col-8">
                      <div class="input-group-prepend">
                          <span class="input-group-text" id="prepend-3">$</span>
                      </div>
                      <input type="number" class="form-control text-right" id="factura_aport_patron_suss_otros"
                             name="factura[aport_patron_suss_otros]">
                    </div>
                    </div>
                    <div class="form-group form-inline col-3">
                    <label class="col-4" for="factura_sellados_sellos_otros">SELLADOS/SELLOS/OTROS</label>
                    <div class="input-group col-8">
                      <div class="input-group-prepend">
                          <span class="input-group-text" id="prepend-3">$</span>
                      </div>
                      <input type="number" class="form-control text-right" id="factura_sellados_sellos_otros"
                             name="factura[sellados_sellos_otros]">
                    </div>
                    </div>

                    </div>

                    <div class="form-group form-inline col-12">

                      <div class="form-group form-inline col-3">
                          <label class="col-4" for="factura_retencion_ganancia">RETENCION GANANCIA</label>
                          <div class="input-group col-8">
                              <div class="input-group-prepend">
                                  <span class="input-group-text" id="prepend-3">$</span>
                              </div>
                              <input type="number" class="form-control text-right" id="factura_retencion_ganancia"
                                     name="factura[rentencion_ganancia]">
                          </div>
                      </div>

                      <div class="form-group form-inline col-3 field-highlight">
                          <label class="col-4" for="factura_total_remito">TOTAL FINAL:</label>
                          <div class="input-group col-8">
                              <div class="input-group-prepend">
                                  <span class="input-group-text" id="prepend-3">$</span>
                              </div>
                              <input type="text" class="form-control text-right" id="factura_total_remito"
                                     name="factura[total_remito]" size="10"  aria-describedby="prepend-3">
                          </div>
                      </div>

                      <div class="form-group form-inline col-2">
                          <label class="cstm-switch">
                              <input type="checkbox" name="nota_credito" value="1"
                                     class="cstm-switch-input">
                              <span class="cstm-switch-indicator"></span>
                              <label class="ml-2 pt-2 text-uppercase">Nota de Crédito (devolucion) </label>
                          </label>

                      </div>

                      <div class="form-group form-inline col-2">
                          <label class="cstm-switch ">
                              <input type="checkbox" name="nota_debito" value="1" class="cstm-switch-input">
                              <span class="cstm-switch-indicator"></span>
                              <label class="ml-2 pt-2 text-uppercase">Nota de Debito  </label>
                          </label>

                      </div>

                      <div class="form-group form-inline col-2">
                          <label class="cstm-switch">
                              <input type="checkbox" id="imprime" name="imprime" value="1"
                                     class="cstm-switch-input">
                              <span class="cstm-switch-indicator"></span>
                              <label class="ml-2 text-danger pt-2">(F)</label>

                          </label>
                      </div>




                    </div>

                    <!-- FORMA DE PAGO -->
                    <div class="form-group form-inline col-12 border-bottom">

                        <h4 class="cstm-switch col-12 py-3">FORMA DE PAGO</h4>

                        <div class="form-group form-inline col-4">
                            <div class=" m-b-10">
                                <label class="cstm-switch">
                                    <input type="radio" name="tipo_cuenta" value="cheque" onchange="$('#mdlCheque').modal('show');"
                                           class="cstm-switch-input">
                                    <span class="cstm-switch-indicator"></span>
                                    <span class="cstm-switch-description text-uppercase">Cheque</span>
                                </label>
                            </div>
                        </div>

                        <div class="form-group form-inline col-4">
                            <div class=" m-b-10">
                                <label class="cstm-switch">
                                    <input type="radio" name="tipo_cuenta" value="efectivo"
                                           class="cstm-switch-input">
                                    <span class="cstm-switch-indicator"></span>
                                    <span class="cstm-switch-description text-uppercase">Efectivo</span>
                                </label>
                            </div>
                        </div>

                        <div class="form-group form-inline col-4">

                            <div class=" m-b-10">
                                <label class="cstm-switch">
                                    <input type="radio" name="tipo_cuenta" value="cuenta_corriente"
                                           class="cstm-switch-input">
                                    <span class="cstm-switch-indicator"></span>
                                    <span class="cstm-switch-description text-uppercase">Cuenta</span>
                                </label>
                            </div>

                        </div>

                    </div>

                    <div class="row m-0 p-0">

                        <div class="col-3">

                            <label class="btn btn-info active mb-2">
                                <input type="checkbox" name="no_afecta_stock" checked value="1" > NO AFECTA STOCK
                            </label>

                            <br/>

                            <label class="btn btn-danger active">
                                <input type="checkbox" name="no_afecta_stock" value="1" > NO AFECTA CAJA
                            </label>

                        </div>

                        <div class="form-group form-inline col-5">
                            <label class="col-4" for="factura_observacion">Observación:</label>
                            <textarea class="form-control col-8" rows="5" id="factura_observacion" name="factura[observacion]"></textarea>
                        </div>

                        <div class="form-group form-inline col-4">

                            <button type="button" class="btn btn-lg btn-success " id="guardar_remito">
                                <i class="mdi mdi-check mr-2"></i> aceptar
                            </button>

                            <a href="{{ path('remitos_temporal_borrar', { id: remito.id }) }}" class="btn btn-lg btn-danger ml-2">
                                <i class="mdi mdi-close-circle"></i> cancelar
                            </a>

                            <button  type="button"  class="btn btn-lg btn-dark " onclick="alert('Nothing to do!')" style="display: none">
                                <i class="mdi mdi-printer"></i> imprimir
                            </button>

                        </div>

                    </div>

                  </div>

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




    {# MODALES - CHEQUE #}
    <div class="modal fade" id="mdlCheque" tabindex="-1" role="dialog" aria-hidden="true"
         data-keyboard="false" data-backdrop="static">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">

                <div class="modal-header">
                    <h5 class="modal-title">DATOS CHEQUE</h5>
                </div>

                <div class="modal-body">

                    <form action="{{ path('remitos_temporal_agregar_cheque', { id: remito.id }) }}" id="form_mdlCheque">
                    {% include 'remitos/templates/cheque.html.twig' with { id: 'mdlCheque', form_prefix: 'cheque',
                        cliente: remito.proveedor.razonSocial } %}
                    </form>

                </div>

                <div class="modal-footer">
                    <button type="button" id="cancelar_pago_cheque"
                            data-dismiss="modal" class="btn btn-outline-secondary">CANCELAR</button>
                    <button type="button" id="aceptar_pago_cheque" class="btn btn-primary">GRABAR</button>
                </div>

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


    <div class="modal fade " id="mdlArticulo" tabindex="-1" role="dialog" aria-labelledby="mdlArticulo" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="mdlArticuloTitle">Nuevos Productos</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            {% include 'articulo/layout/newFormProducto.html.twig' with { cancelar: false } %}
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        </div>
        </div>
    </div>
    </div>



    {# <div class="modal fade" id="mdlArticulo" tabindex="-1" role="dialog" aria-hidden="true"
         data-keyboard="false" data-backdrop="static">
        <div class="modal-dialog modal-dialog-centered" role="document" style="max-width: 66vw">
            <div class="modal-content p-4">

                <div class="modal-header">
                    <h5 class="modal-title">Nuevo Producto</h5>
                </div>

                <div class="modal-body">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div> #}


{% endblock %}

{% block javascripts %}
    <script>
        // CONTAINER DE URLS A USAR EN JAVASCRIPT DESDE PATH IN SYMFONY
        const urlContainer = {
          buscarArticuloRemito: '{{ path("articulo_filtrar_remitos") }}',
          obtenerCliente: '{{ path("obtener_proveedor_json", { id: remito.Proveedor.id}) }}',
          borrarCheque: '{{ path("remito_temporal_cheque_borrar", { id: remito.id }) }}',
          borrarLinea: '{{ path('remito_borrar_linea', { id: '_id_' } ) }}',
          ver: '{{ path('remito_ver', { id: '_id_' }) }}?imprimir=1',
          nueva_compra: '{{ path('remitos_index')}}',
          editarArticulo: '{{ path('articulo_edit', { id: '_id_' }) }}',
          nuevoArticulo: '{{ path('articulo_ajax_new') }}',
            buscarCategoria: '{{ path("list_categorias") }}',
            buscarGrupo: '{{path("list_grup")}}',
            compararFactura:'{{path("comparar_factura")}}'


        };




        // TODO: CONSIDERE REUBICAR
        function enter2tab(e) {

          if (e.keyCode == 13) {

            const el$ = $(this);
            const selector = el$.attr('tabindex');

            const cb = parseInt(el$.attr('tabindex'));

            if ($('#' + selector + ' :input[tabindex=\'' + (cb + 1) + '\']') != null) {
                $('#' + selector + ' :input[tabindex=\'' + (cb + 1) + '\']').focus();
                $('#' + selector + ' :input[tabindex=\'' + (cb + 1) + '\']').select();
              e.preventDefault();
              return false;
            }
          }
        }

        $(document).ready(function () {



          tb = $('#form_row_mdlCheque input');
          tb.data('enter2tab-selector', '#form_row_mdlCheque');
          if ($.browser && $.browser.mozilla) $(tb).keypress(enter2tab); else  $(tb).keydown(enter2tab);

        });

    </script>
    {{ encore_entry_script_tags('compras_nuevo') }}
    {{ encore_entry_script_tags('articulo_articulo') }}
{% endblock %}