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

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


{% block stylesheets %}
    {{ encore_entry_link_tags('remitos_nuevo') }}
    <link rel="stylesheet" href="{{ asset('css/articulos.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">Nuevo Remito</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" 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">{{ remito.proveedor.razonSocial }}</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-4 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-3 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-4 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">
                                <input type="hidden" name="factura[ivaVenta]" id="factura_articulo_iva_venta" />
                            </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>

        <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="row pb-5">
                    <div class="col-4">
                        <button type="button" class="btn btn-sm 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-sm btn-danger ml-2">
                            <i class="mdi mdi-close-circle"></i> cancelar
                        </a>
                        <button  type="button"  class="btn btn-sm btn-dark ml-2" onclick="alert('Nothing to do!')" style="display: none">
                            <i class="mdi mdi-printer"></i> imprimir
                        </button>
                    </div>

                    <div class="col-8">

                        <div class="form-row">

                            <div class="form-group form-inline col-12" style="display: none;">

                                <label class="col-6" for="factura_base_imponible">
                                    <span class="w-100 text-right">Sub-total: </span>
                                </label>

                                <div class="input-group col-6">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">$</span>
                                    </div>
                                    <input type="text" class="form-control text-right" id="factura_base_imponible"
                                           name="factura[baseImponible]" readonly="readonly">
                                </div>

                            </div>



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

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

                                <div class="input-group col-6">
                                    <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>

                        </div>

                    </div>

                    <div class="col-6 col-md-5 pt-3">

                        <div class="form-row">

                            <label class="cstm-switch col-3">
                                <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 class="col-8 text-muted pl-0 infocliente">
                                  <span>{{ condicion ? condicion}}</span>
                                <input type="hidden" id="condicion_iva" name="factura[condicion_iva]" value="{{ id ? id }}" />
                            </div>

                            <label class="cstm-switch col-12 pt-3 col-12">
                                <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>

                            <label class="cstm-switch col-12 pt-3 col-12">
                                <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 class="form-group form-inline pt-3 col-12">
                                <label class="col-4" for="factura_fecha_ingreso">FECHA DE INGRESO:</label>
                                <input type="text" id="fecha_ingreso" name="factura[fecha_ingreso]"
                                       class="form-control col-8 datesingle text-right">
                            </div>

                            <div class="form-group form-inline pt-3 col-12">
                                <label class="col-4" 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 pt-3 col-12">
                                <label class="col-4" for="numero_factura">
                                    <span class="w-100 text-right">NUMERO DE FACTURA:</span>
                                </label>
                                <input type="text" class="form-control text-right col-8" id="numero_factura" name="factura[numero_factura]"
                                       size="10"  aria-describedby="prepend-3">
                            </div>

                            <div class="form-group form-inline pt-3 col-12">
                                <label class="col-4" for="factura_observacion">
                                    <span class="w-100 text-right">Observación:</span>
                                </label>
                                <textarea class="form-control col-8" rows="3" id="factura_observacion" name="factura[observacion]"></textarea>
                            </div>

                        </div>


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

                            <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 class=" m-b-10">
                                <label class="cstm-switch">
                                    <input type="radio" name="tipo_cuenta" checked value="efectivo"
                                           class="cstm-switch-input">
                                    <span class="cstm-switch-indicator"></span>
                                    <span class="cstm-switch-description text-uppercase">Efectivo</span>
                                </label>
                            </div>



                            <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 corriente</span>
                                </label>
                            </div>
                            <hr/>
                            <label class="btn btn-info active">
                                <input type="checkbox" name="no_afecta_stock" value="1" > NO AFECTA STOCK
                            </label>


                        </div>

                    </div>

                    <div class="col-6 col-md-5 offset-md-2 p-2">

{#                        <select  class="form-control" id="factura_ivanoiva" name="factura[ivanoiva]">#}
{#                            <option value="1">IVA</option>#}
{#                            <option  value="2">SIN IVA</option>#}
{#                        APLICA PRECIOS</select>#}
{#                        <br>#}

                        <div class="form-row border border-secondary p-2">

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

{#                                <label class="col-6" for="factura_total_neto">#}
{#                                    <span class="w-100 text-right">TOTAL NETO:</span>#}
{#                                </label>#}

{#                                <div class="input-group col-6">#}
{#                                    <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_total_neto"#}
{#                                           name="factura[totalneto]">#}
{#                                </div>#}

{#                            </div>#}

{#                            <div class="form-group form-inline col-12">#}
{#                                <label class="col-6" for="factura_neto21">#}
{#                                    <span class="w-100 text-right">NETO 21:</span>#}
{#                                </label>#}
{#                                <div class="input-group col-6">#}
{#                                    <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-12">#}
{#                                <label class="col-6" for="factura_neto105">#}
{#                                    <span class="w-100 text-right">NETO 10.5:</span>#}
{#                                </label>#}
{#                                <div class="input-group col-6">#}
{#                                    <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-12">#}
{#                                <label class="col-6" for="factura_neto27">#}
{#                                    <span class="w-100 text-right">NETO 27:</span>#}
{#                                </label>#}
{#                                <div class="input-group col-6">#}
{#                                    <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 class="form-group form-inline col-12" >#}

{#                                <label class="col-6" for="factura_iva">#}
{#                                    <span class="w-100 text-right">IVA:</span>#}
{#                                </label>#}

{#                                <div class="input-group col-6">#}
{#                                    <div class="input-group-prepend">#}
{#                                        <span class="input-group-text">$</span>#}
{#                                    </div>#}
{#                                    <input type="number" class="form-control text-right"  name="factura[iva]" id="factura_iva"/>#}
{#                                </div>#}

{#                            </div>#}

{#                            <div class="form-group form-inline col-12">#}
{#                                <label class="col-6" for="factura_iva21">#}
{#                                    <span class="w-100 text-right">IVA 21:</span>#}
{#                                </label>#}
{#                                <div class="input-group col-6">#}
{#                                    <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-12">#}
{#                                <label class="col-6" for="factura_iva105">#}
{#                                    <span class="w-100 text-right">IVA 10.5:</span>#}
{#                                </label>#}
{#                                <div class="input-group col-6">#}
{#                                    <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-12">#}
{#                                <label class="col-6" for="factura_iva27">#}
{#                                    <span class="w-100 text-right">IVA 27:</span>#}
{#                                </label>#}
{#                                <div class="input-group col-6">#}
{#                                    <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 class="form-group form-inline col-12">#}
{#                                <label class="col-6" for="factura_percepcion">#}
{#                                    <span class="w-100 text-right">PERCEPCION IBB:</span>#}
{#                                </label>#}
{#                                <div class="input-group col-6">#}
{#                                    <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-12">#}
{#                                <label class="col-6" for="factura_percepcion_iva">#}
{#                                    <span class="w-100 text-right">PERCEPCION IVA:</span>#}
{#                                </label>#}
{#                                <div class="input-group col-6">#}
{#                                    <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-12">#}
{#                                <label class="col-6" for="factura_conceptos_no_gravados">#}
{#                                    <span class="w-100 text-right">CONCEPTOS NO GRAVADOS:</span>#}
{#                                </label>#}
{#                                <div class="input-group col-6">#}
{#                                    <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-12">#}
{#                                <label class="col-6" for="factura_otros_conceptos">#}
{#                                    <span class="w-100 text-right">OTROS CONCEPTOS:</span>#}
{#                                </label>#}
{#                                <div class="input-group col-6">#}
{#                                    <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-12">#}
{#                                <label class="col-6" for="factura_aport_patron_suss_otros">#}
{#                                    <span class="w-100 text-right">APORT/PATRON/SUSS</span>#}
{#                                </label>#}
{#                                <div class="input-group col-6">#}
{#                                    <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-12">#}
{#                                <label class="col-6" for="factura_sellados_sellos_otros">#}
{#                                    <span class="w-100 text-right">SELLADOS/SELLOS/OTROS</span>#}
{#                                </label>#}
{#                                <div class="input-group col-6">#}
{#                                    <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 class="form-group form-inline col-12">#}
{#                                <label class="col-6" for="factura_retencion_ingresos_brutos">#}
{#                                    <span class="w-100 text-right">RETENCION IBB</span>#}
{#                                </label>#}
{#                                <div class="input-group col-6">#}
{#                                    <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 class="form-group form-inline col-12">#}
{#                                <label class="col-6" for="factura_retencion_ganancia">#}
{#                                    <span class="w-100 text-right">RETENCION GANANCIA</span>#}
{#                                </label>#}
{#                                <div class="input-group col-6">#}
{#                                    <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-12">#}
{#                                <label class="col-4" for="factura_monto_descuento">#}
{#                                    <span class="w-100 text-right">MONTO DESCUENTO:</span>#}
{#                                </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]" size="10"  aria-describedby="prepend-3">#}
{#                                </div>#}
{#                            </div>#}
{#                            <div class="form-group form-inline col-12">#}
{#                                <label class="col-4" for="factura_porcentaje_descuento">#}
{#                                    <span class="w-100 text-right">% DESCUENTO:</span>#}
{#                                </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]"    size="10"  aria-describedby="prepend-3">#}
{#                                </div>#}
{#                            </div>#}

                            <div class="form-group form-inline col-12">
                                <label class="col-4" for="factura_total_remito">
                                    <span class="w-100 text-right">TOTAL REMITO:</span>
                                </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>


                    </div>

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


    {# 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,  guardar:false, duplicar:false} %}
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-primary" data-ui="guardar-articulo" data-dismiss="modal">Guardar</button>

            <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',
          editarArticulo: '{{ path('articulo_edit', { id: '_id_' }) }}',
          nuevoArticulo: '{{ path('articulo_ajax_new') }}',
            buscarCategoria: '{{ path("list_categorias") }}',
            buscarGrupo: '{{path("list_grup")}}',
        };




        // 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('remitos_nuevo') }}
    {{ encore_entry_script_tags('articulo_articulo') }}
{% endblock %}