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

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

{% block stylesheets %}
    {{ encore_entry_link_tags('remitos_index') }}
{% 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>
                        </div>
                    </div>
                    <h1 id="page-offset">Compras
                        <a href="javascript:void(0);"
                           data-toggle="modal" data-target="#mdlNuevaFactura"
                           class="btn btn-rounded-circle py-1 btn-outline-primary ml-2">
                            <i class="mdi mdi-plus mdi-18px"></i>
                        </a>
                    </h1>
                    </p>
                </div>

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

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

        <div class="row">

            <div class="col-4 col-xl-2 m-b-30 offset-xl-3">
                <button class="btn-card-clickable initial-tab"
                     >
                    <div class="card" style="cursor: pointer">
                        <div class="card-body">
                            <div class="text-center p-t-20">
                                <div class="avatar-lg avatar">
                                    <div class="avatar-title rounded-circle badge-soft-success">
                                        <i class="mdi mdi-plus h1 m-0"></i>
                                    </div>
                                </div>
                                <div class="text-center">
                                    <p class="text-muted fw-600">FACTURA</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </button>
            </div>

            <div class="col-4  col-xl-2 m-b-30">
                <a class="btn-card-clickable" data-ui="btn-recuperar" href="{{ path('remitos_recuperados_index') }}">
                    <div class="card" style="cursor: pointer">
                        <div class="card-body">
                            <div class="text-center p-t-20">
                                <div class="avatar-lg avatar">
                                    <div class="avatar-title rounded-circle badge-soft-warning">
                                        <i class="mdi mdi-backup-restore h1 m-0"></i>
                                    </div>
                                </div>
                                <div class="text-center">
                                    <p class="text-muted fw-600">RECUPERAR</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>

            <div class="col-4  col-xl-2 m-b-30">
                <button class="btn-card-clickable "
                        data-focus-click-target="#_factura_nuevo_cliente_nombre_2"
                        data-toggle="modal" data-target="#mdlNuevaFactura">

                    <div class="card" style="cursor: pointer">
                        <div class="card-body">
                            <div class="text-center p-t-20">
                                <div class="avatar-lg avatar">
                                    <div class="avatar-title rounded-circle badge-soft-primary">
                                        <i class="mdi mdi-ticket-percent"></i>
                                    </div>
                                </div>
                                <div class="text-center">
                                    <p class="text-muted fw-600">REMITO</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </button>
            </div>

        </div>

    </div>

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

        <div class="row">

            {# FILTRO DE FACTURA #}
            <div class="col-xl-6">
                <div class="card">

                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 pt-4">

                                {{ form_start(filtro, { attr: { action: path('remitos_table_filter'), autocomplete: "off" } }) }}
                                <div class="form-row">
                                    {{ form_row(filtro.filtroProveedor) }}
                                    {{ form_row(filtro.filtroVendedor) }}
                                    {{ form_row(filtro.filtroCodigoProveedor) }}
                                    {{ form_row(filtro.codRemito) }}
                                    {{ form_row(filtro.filtroFecha) }}
                                    <br>
                                    <br>
                                    {{ form_row(filtro.filtroFechaImpositiva) }}

                                        <br>
                                        <br>
                                        <div class="form-group form-inline col-12 mb-0">
                                            <label class="cstm-switch m-0 col-4" >
                                                <span class="cstm-switch-description">Factura/Remitos</span>
                                            </label>
                                            <label class="cstm-switch m-0 col-8">
                                            <div class="col-8">
                                                {{ form_widget(filtro.f) }}
                                                <span class="cstm-switch-indicator bg-success"></span>
                                            </div>
                                            </label>
                                        </div>


                                    {# RESUMEN FACTURACION FECHA DEL FILTRO #}
                                    <div class="col-12 text-right pb-4">

                                        <div class="dropdown">

                                            <a href="javascript:void(0);" id="dropdownMenuButton"
                                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <span>Resumen Totales</span>
                                                <span class="mdi mdi-subdirectory-arrow-left" style="font-size: 1.5rem"></span>
                                            </a>

                                            <div class="dropdown-menu px-3" aria-labelledby="dropdownMenuButton"  data-ui="resumen_result">
                                                {% include 'remitos/templates/resumen.html.twig'
                                                    with { remitos: resumen['remitos'], rango: 'now' | date('d-m-Y') } %}
                                            </div>
                                        </div>

                                    </div>

                                    {# TOTAL FACTUACION DEL FILTRO #}
                                    <div class="col-6 text-left" data-ui="total-filtro"></div>

                                    <div class="col-6 text-right">
                                        <button type="button" class="btn btn-info" data-ui="submit-filter">BUSCAR</button>
                                    </div>
                                </div>
                            {{ form_end(filtro) }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {# RESUMEN DE FACTURACION DEL DIA #}
            <div class="col-6 d-none d-xl-block">
                <div class="card">
                    <div class="card-body">
                        {% include 'remitos/templates/resumen.html.twig'
                            with { remitos: resumen['remitos'],  rango: 'now' | date('d-m-Y') } %}
                    </div>
                </div>
            </div>

            {# RESULTADO DE FILTRO (DEFAULT FACTURAS DEL DIA) #}
            <div class="col-12 mt-4">
                <div class="card">
                    <div class="card-body">
                        <div class="table-responsive p-t-10" data-ui="table_result">
                            <!-- Content obtained by ajax -->
                            {% include 'remitos/templates/table_result.html.twig' with { remitos: remitos } %}
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>

    {# MODAL PARA SELECCIONAR PROVEEDOR DEL NUEVO REMITO #}

    <form name="factura_nuevo" method="post" action="{{ path('remito_nuevo') }}" autocomplete="off">
        <div class="modal fade" id="mdlNuevaFactura" tabindex="-1" role="dialog"
             aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">

                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalCenterTitle">NUEVO REMITO</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>

                    <div class="modal-body">

                        <h5><small class="text-muted">Asignacion:</small> {{ app.user.nombre }}</h5>

                        <h5 class="pt-5 text-muted">PROVEEDOR</h5>


                            <div class="form-row">

                                <div class="form-group form-inline col-12">
                                    <label class="col-4" for="factura_nuevo_cliente_cuilt_2">Cuit</label>
                                    <input type="number" id="factura_nuevo_cliente_cuilt_2" name="cliente[cuilt]"
                                           class="form-control col-8 input-autocompletable"
                                           data-entity="Proveedor" data-search-field="cuilt" data-min-text="2" autocomplete="off">
                                </div>

                                <div class="form-group form-inline col-12">
                                    <label class="col-4" for="factura_nuevo_cliente_nombre_2">Nombre</label>
                                    <input type="text" id="factura_nuevo_cliente_nombre_2" name="cliente[nombre]"
                                           class="form-control col-8 input-autocompletable"
                                           data-entity="Proveedor" data-search-field="razonSocial" data-min-text="2" autocomplete="off">
                                </div>

                            </div>

                    </div>

                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Aceptar</button>
                    </div>

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





    {# DUPLICO MODEL PARA PODER CARGAR FACTURAS DE GASTOS MAS RAPIDO #}

{#    <form name="factura_nuevo" method="post" action="{{ path('compra_nuevo') }}" autocomplete="off">#}
{#        <div class="modal fade" id="mdlNuevaCompra" tabindex="-1" role="dialog"#}
{#             aria-labelledby="exampleModalCenterTitle" aria-hidden="true">#}
{#            <div class="modal-dialog modal-dialog-centered" role="document">#}
{#                <div class="modal-content">#}

{#                    <div class="modal-header">#}
{#                        <h5 class="modal-title" id="exampleModalCenterTitle">NUEVA FACTURA</h5>#}
{#                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">#}
{#                            <span aria-hidden="true">&times;</span>#}
{#                        </button>#}
{#                    </div>#}

{#                    <div class="modal-body">#}

{#                        <h5><small class="text-muted">Asignacion:</small> {{ app.user.nombre }}</h5>#}

{#                        <h5 class="pt-5 text-muted">PROVEEDOR</h5>#}


{#                        <div class="form-row">#}

{#                            <div class="form-group form-inline col-12">#}
{#                                <label class="col-4" for="factura_nuevo_cliente_cuilt_1">CUILT</label>#}
{#                                <input type="text" id="factura_nuevo_cliente_cuilt_1" name="cliente[cuilt]"#}
{#                                       class="form-control col-8 input-autocompletable"#}
{#                                       data-entity="Proveedor" data-search-field="cuilt" data-min-text="2" autocomplete="off">#}
{#                            </div>#}

{#                            <div class="form-group form-inline col-12">#}
{#                                <label class="col-4" for="factura_nuevo_cliente_nombre_1">Nombre</label>#}
{#                                <input type="text" id="factura_nuevo_cliente_nombre_1" name="cliente[nombre]"#}
{#                                       class="form-control col-8 input-autocompletable"#}
{#                                       data-entity="Proveedor" data-search-field="razonSocial" data-min-text="2" autocomplete="off">#}
{#                            </div>#}

{#                        </div>#}

{#                    </div>#}

{#                    <div class="modal-footer">#}
{#                        <button type="submit" class="btn btn-primary">Aceptar</button>#}
{#                    </div>#}

{#                </div>#}
{#            </div>#}
{#        </div>#}
{#    </form>#}


{% endblock %}

{% block javascripts %}
    <script>

            // CONTAINER DE URLS A USAR EN JAVASCRIPT
        const urlContainer = {
          resumen: "{{ path('remitos_resumen') }}", // PARA OBTENER EL RESUMEN PARA LA FECHA DEL FILTRO
          actualizar_compra: '{{ path('remitos_compras_guardar_editar', { id: '_id_'}) }}',
          borrar_comprobante: '{{ path('remito_delete', { id: '_id_'}) }}',

        };

            function DeleteComprobante(id) {

                alert("Esta seguro que desea borrar el comprobante");

                let url = '/panel/remitos/remito/_id_';
                console.log(url);
                let newurl = url.replace('_id_', id);
                console.log(newurl);
                $.ajax({
                    url: newurl,
                    type: "POST",
                    dataType: "JSON",
                });
            }

    </script>
    {{ encore_entry_script_tags('remitos_index') }}
{#    {{ encore_entry_script_tags('remitos_editar_remitos') }}#}
{% endblock %}