@include('layouts.breadcumb')
@section('header')

    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" />

    <style>
        .btn-default {
            color: #303641;
            background-color: #f0f0f1;
            border-color: #f0f0f1;
        }
        tfoot td {
            background: #ddd;
            font-size: 12px;
            font-weight: bold;
        }
    </style>
@stop

<div class="row">

    <div class="panel panel-warning panel-border" data-collapsed="0">
        <!-- panel head -->
        <div class="panel-heading">

        </div>
        <!-- panel body -->
        <div class="panel-body">


            
            <form method="get" action="/analisis/informes/banco-datos" role="form" id="banco-datos-form" target="_blank">
                <br>
                <div class="col-md-3">
                    Fecha
                    <div class="input-group">
                        <input readonly type="text" name="fecha_rango" id="fecha_rango" value="{!! Input::get('fecha_rango') !!}" class="form-control input-md" /><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                    </div>
                    <span style="text-shadow: 1px 1px 2px #000; font-size: 11px" class="label label-danger">* Debes seleccionar un rango de fechas para generar el reporte.</span>
                </div>

                <div class="col-md-6">
                    Campos
                    <div>
                        {!! \Utils::getSelectMultipleAllArray( $campos, $_GET['campos'], 'campo', 'campos-select', 'campos[]', false, false ) !!}
                    </div>
                    <span style="text-shadow: 1px 1px 2px #000; font-size: 11px" class="label label-danger">* Debes seleccionar mínimo un campo para generar el reporte.</span>
                </div>

                <div class="col-md-3">
                    Numérica
                    <div class="bs-example">
                        <div class="make-switch switch-large" data-on="danger" data-off="default" data-on-label="SI" data-off-label="NO" >
                            <input type="checkbox" data-plugin="switchery" data-color="#3AC9D6" name="numerica" id="numerica" value="1" {!! (Input::get("numerica", 0) == 1) ? 'checked' : '' !!} />
                        </div>
                    </div>
                </div>

                <div class="clearfix"></div>
                <hr />
                <div class="clearfix"></div>

                <div class="col-md-3">
                    Regionales
                    {!! \Utils::getSelectMultipleAll( $regionales, $_GET['regionales'], 'regional_nombre', 'regionales-select', 'regionales[]' ) !!}
                </div>
                <div class="col-md-3">
                    Vendedores
                    {!! \Utils::getSelectMultipleAll( $vendedores, $_GET['vendedores'], 'vendedor_nombre', 'vendedores-select', 'vendedores[]' ) !!}
                </div>
                <div class="col-md-3">
                    Motivos
                    {!! \Utils::getSelectMultipleAll( $motivos, $_GET['motivos'], 'descripcion_motivo', 'motivos-select', 'motivos[]' ) !!}
                </div>

                <div class="col-md-3">
                    Punto Dinámico
                    {!! \Utils::getSelectMultipleAll( $punto_dynamico, $_GET['punto_dynamico'], 'pd', 'punto_dynamico-select', 'punto_dynamico[]' ) !!}
                </div>

                <div class="clearfix"></div>
                <br />
                <div class="clearfix"></div>

                <div class="col-md-3">
                    Marca
                    {!! \Utils::getSelectMultipleAll( $marcas, $_GET['marcas'], 'marca', 'marcas-select', 'marcas[]' ) !!}
                </div>

                <div class="col-md-3">
                    Proveedor
                    {!! \Utils::getSelectMultipleAll( $proveedores, $_GET['proveedores'], 'proveedor', 'proveedores-select', 'proveedores[]' ) !!}
                </div>

                <div class="col-md-3">
                    Proveedor Comercial
                    {!! \Utils::getSelectMultipleAll( $proveedores_comerciales, $_GET['proveedores_comerciales'], 'proveedor_comercial', 'proveedores_comerciales-select', 'proveedores_comerciales[]' ) !!}
                </div>

                <div class="col-md-3">
                    Origen
                    {!! \Utils::getSelectMultipleAll( $origenes, $_GET['origenes'], 'origen', 'origenes-select', 'origenes[]' ) !!}
                </div>

                <div class="clearfix"></div>
                <hr />
                <div class="clearfix"></div>

                <div class="col-md-3">
                    Categoría
                    {!! \Utils::getSelectMultipleAll( $categorias, $_GET['categorias'], 'categoria', 'categorias-select', 'categorias[]', false ) !!}
                </div>

                <div class="col-md-3">
                    Subcategoria
                    <div id="subcategorias-ajax-div">
                        {!! \Utils::getSelectMultipleAll( $subcategorias, $_GET['subcategorias'], 'subcategoria_txt', 'subcategorias-select', 'subcategorias[]', false ) !!}
                    </div>
                </div>

                <div class="col-md-3">
                    Linea
                    <div id="lineas-ajax-div">
                        {!! \Utils::getSelectMultipleAll( $lineas, $_GET['lineas'], 'linea', 'lineas-select', 'lineas[]', false ) !!}
                    </div>
                </div>

                <div class="col-md-3">
                    Familia
                    <div id="familias-ajax-div">
                        {!! \Utils::getSelectMultipleAll( $familias, $_GET['familias'], 'familia_producto', 'familias-select', 'familias[]' ) !!}
                    </div>
                </div>

                <div class="clearfix"></div>
                <hr />
                <div class="clearfix"></div>

                <div class="col-md-3">
                    Pais
                    {!! \Utils::getSelectMultipleAll( $paises, $_GET['paises'], 'pais', 'paises-select', 'paises[]' ) !!}
                </div>

                <div class="col-md-3">
                    Departamento
                    {!! \Utils::getSelectMultipleAll( $departamentos, $_GET['departamentos'], 'departamento_txt', 'departamento-select', 'departamentos[]' ) !!}
                </div>

                <div class="col-md-3">
                    Ciudad
                    {!! \Utils::getSelectMultipleAll( $ciudades, $_GET['ciudades'], 'ciudad_txt', 'ciudades-select', 'ciudades[]' ) !!}
                </div>

                <div class="col-md-3">
                    Lista de Precios
                    {!! \Utils::getSelectMultipleAll( $listas_precios, $_GET['listas_precios'], 'cliente_lista_precio', 'listas_precios-select', 'listas_precios[]' ) !!}
                </div>

                <div class="clearfix"></div>
                <br />
                <div class="clearfix"></div>

                <div class="col-md-3">
                    Unidad Producto
                    {!! \Utils::getSelectMultipleAll( $productos_unidades, $_GET['productos_unidades'], 'producto_unidad', 'productos_unidades-select', 'productos_unidades[]' ) !!}
                </div>

                <div class="col-md-3">
                    Clasificación ABC
                    {!! \Utils::getSelectMultipleAll( $clasificacion_abc, $_GET['clasificacion_abc'], 'clasificacion_item_abc', 'clasificacion_abc-select', 'clasificacion_abc[]' ) !!}
                </div>

                <div class="col-md-3">
                    Clasificación Rotación
                    {!! \Utils::getSelectMultipleAll( $clasificacion_rotacion, $_GET['clasificacion_rotacion'], 'clasificacion_item_rotacion', 'clasificacion_rotacion-select', 'clasificacion_rotacion[]' ) !!}
                </div>

                <div class="col-md-3">
                    Cliente Clasificación
                    {!! \Utils::getSelectMultipleAll( $cliente_clasificacion, $_GET['cliente_clasificacion'], 'cliente_clasificacion', 'cliente_clasificacion-select', 'cliente_clasificacion[]' ) !!}
                </div>

                <div class="clearfix"></div>
                <br />
                <div class="clearfix"></div>

                <div class="col-md-3">
                    Comprador
                    {!! \Utils::getSelectMultipleAll( $compradores, $_GET['compradores'], 'comprador', 'compradores-select', 'compradores[]' ) !!}
                </div>

                <div class="col-md-3">
                    Tipo Documento
                    {!! \Utils::getSelectMultipleAll( $documentos_tipo, $_GET['documentos_tipo'], 'documento_tipo', 'documentos_tipo-select', 'documentos_tipo[]' ) !!}
                </div>

                <div class="col-md-3">
                    Nit(s)
                    <textarea name="nit" class="form-control input-md">{!! Input::get('nit') !!}</textarea>
                    <small>* Si son múltiples NIT sepárelos por ,</small>
                </div>

                <div class="col-md-3">
                    Item(s) #
                    <textarea name="item" class="form-control input-md">{!! Input::get('item') !!}</textarea>
                    <small>* Si son múltiples ITEMS sepárelos por ,</small>
                </div>

                <div class="clearfix"></div>
                <br />
                <div class="clearfix"></div>

                <div class="col-md-3">
                    Marcas PD
                    {!! \Utils::getSelectMultipleAll( $marcas_pd, $_GET['marcas_pd'], 'marcas_pd', 'marcas_pd-select', 'marcas_pd[]' ) !!}
                </div>

                <div class="col-md-3">
                    Tipo Inventario
                    {!! \Utils::getSelectMultipleAll( $tipo_inventario, $_GET['tipo_inventario'], 'tipo_inventario', 'tipo_inventario-select', 'tipo_inventario[]' ) !!}
                </div>

                <div class="clearfix"></div>
                <br>

                <div class="col-md-12">
                    <hr />
                    <button type="submit" class="btn btn-rounded waves-effect waves-light btn-warning btn-lg btn-icon">EN PANTALLA<i class="mdi mdi-table-large"></i></button>
                    &nbsp;&nbsp;&nbsp;

                    @if( Input::get('fecha_rango') && Input::get('campos') )
                    <button style="display: none;" value="2" id="export-excel-btn" name="button" type="submit" class="btn btn-rounded waves-light waves-effect btn-teal btn-lg btn-icon">EN EXCEL <i class="mdi mdi-file-excel-box"></i></button>
                    <button style="display: none;" id="export-excel-btn-2" type="button" class="btn btn-rounded waves-effect waves-light btn-teal btn-lg btn-icon">EN EXCEL <i class="fa fa-file-excel-o"></i></button>
                    &nbsp;&nbsp;&nbsp;
                    @endif

                    <button onclick="showMessage('ESPERE POR FAVOR '); location.href='/analisis/informes/banco-datos'" type="reset" class="btn btn-rounded waves-effect waves-light btn-inverse btn-lg btn-icon">RESETEAR <i class="mdi mdi-filter-remove"></i></button>
                </div>

                <div class="clearfix"></div>
                <br>
                <input type="hidden" name="prc" value="1" />
            </form>


            @if( Input::get('fecha_rango') && Input::get('campos') )

                <hr />

                <a name="results-table" id="results-table"></a>

                <table  class="table table-striped table-bordered table-colored-bordered table-bordered-inverse table-hover" cellspacing="0" style=" font-size: 13px !important; width: 100% !important;" id="tb-movimientos">
                    <thead>
                    <tr>

                        @foreach( $_GET['campos'] as $camp )
                        <th style="text-align: center">{!! strtoupper(str_replace('_', ' ', $camp)) !!}</th>
                        @endforeach

                        @if( Input::get('numerica', 0) == 1 )
                        <th class="no-sort" style="text-align: center">NUMERICA PRODUCTOS</th>
                        <th class="no-sort" style="text-align: center">NUMERICA CLIENTES</th>
                        <th class="no-sort" style="text-align: center">NUMERICA PROVEEDOR CCIAL</th>
                        <th class="no-sort" style="text-align: center">NUMERICA MARCAS</th>
                        @endif

                        <th class="no-sort" style="text-align: center">CANTIDAD</th>
                        <th class="no-sort" style="text-align: center">CANTIDAD BASE</th>
                        <th class="no-sort" style="text-align: center">VALOR NETO</th>
                        <th class="no-sort" style="text-align: center">VALOR DESCUENTO</th>
                        <th class="no-sort" style="text-align: center">VALOR COSTO</th>
                        <th class="no-sort" style="text-align: center">VALOR NETO ALT</th>
                        <th class="no-sort" style="text-align: center">VALOR DESCUENTO ALT</th>
                        <th class="no-sort" style="text-align: center">MARGEN</th>
                    </thead>
                    <tfoot>
                        <tr>
                            @foreach( $_GET['campos'] as $camp )
                            <td></td>
                            @endforeach

                            @if( Input::get('numerica', 0) == 1 )
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            @endif

                            <td class="no-sort" style="text-align: right">{!! number_format($totales['cantidad_total'], 0) !!}</td>
                            <td class="no-sort" style="text-align: right">{!! number_format($totales['cantidad_base_total'], 0) !!}</td>
                            <td class="no-sort" style="text-align: right">${!! number_format($totales['valor_neto_total'], 0) !!}</td>
                            <td class="no-sort" style="text-align: right">${!! number_format($totales['valor_descuento_total'], 0) !!}</td>
                            <td class="no-sort" style="text-align: right">${!! number_format($totales['valor_costo_total'], 0) !!}</td>
                            <td class="no-sort" style="text-align: right">${!! number_format($totales['valor_neto_alt_total'], 0) !!}</td>
                            <td class="no-sort" style="text-align: right">${!! number_format($totales['valor_descuento_alt_total'], 0) !!}</td>
                            <td class="no-sort" style="text-align: right">{!! @number_format( str_replace(',','.',$totales['margen_total']), 2) !!}%</td>
                        </tr>
                    </tfoot>
                    <tbody>
                    </tbody>
                </table>

            @endif

        </div>

    </div>
</div>


@section('footer')
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/2.1.2/jquery.scrollTo.min.js" type="text/javascript"></script>
<script src="/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="/plugins/datatables/dataTables.bootstrap.js"></script>

<!--<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>-->
<!--<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>-->
<!--<script src="https://cdn.datatables.net/fixedheader/3.1.0/js/dataTables.fixedHeader.min.js" type="text/javascript"></script>-->
<script type="text/javascript">

    function clearFilterFamilias() {
        @if( count( (array) $_GET['familias']) == 0 )
        $('#familias-select').multiselect('deselectAll', false);
        $('#familias-select').multiselect('updateButtonText');
        $('#familias-select').multiselect('disable')
        @endif
    }

    function clearFilterLineas() {
        @if( count( (array) $_GET['lineas']) == 0 )
        $('#lineas-select').multiselect('deselectAll', false);
        $('#lineas-select').multiselect('updateButtonText');
        $('#lineas-select').multiselect('disable')
        @endif
    }

    function subcategoriasSelect() {

        clearFilterLineas();
        clearFilterFamilias();

        $('#subcategorias-select').multiselect({
            enableFiltering: true,
            filterBehavior: 'both',
            maxHeight: 200,
            buttonWidth: '100%',
            filterPlaceholder: 'Buscar ...',
            enableCaseInsensitiveFiltering: true,
            nonSelectedText: 'Todos',
            onDropdownHidden: function(option, checked, select) {

                if( $('#subcategorias-select').val().length > 0 ) {

                    clearFilterLineas();
                    clearFilterFamilias();

                    //$('#lineas-ajax-div').empty();

                    showMessage('Cargando Lineas');
                    $.post("/analisis/informes/reload-select/lineas", { rows: $('#subcategorias-select').val() }, function (data) {
                        $('#lineas-ajax-div').html(data);
                        lineasSelect();
                        hideMessage();
                    });
                }
            }
        });
    }

    function lineasSelect() {
        clearFilterFamilias();

        $('#lineas-select').multiselect({
            enableFiltering: true,
            filterBehavior: 'both',
            maxHeight: 200,
            buttonWidth: '100%',
            filterPlaceholder: 'Buscar ...',
            enableCaseInsensitiveFiltering: true,
            nonSelectedText: 'Todos',
            onInitialized: function(select, container) {
                //alert('Initialized.');
            },
            onDropdownHidden: function(option, checked, select) {

                if( $('#lineas-select').val().length > 0 ) {
                    showMessage('Cargando Familias');
                    clearFilterFamilias();

                    //$('#familias-ajax-div').empty();

                    $.post("/analisis/informes/reload-select/familias", { rows: $('#lineas-select').val() }, function (data) {
                        $('#familias-ajax-div').html(data);
                        familiasSelect();
                        hideMessage();
                    });
                }
            }
        });
    }

    function familiasSelect() {
        $('#familias-select').multiselect({
            enableFiltering: true,
            filterBehavior: 'both',
            maxHeight: 200,
            buttonWidth: '100%',
            filterPlaceholder: 'Buscar ...',
            enableCaseInsensitiveFiltering: true,
            nonSelectedText: 'Todos'
        });
    }

    $('#campos-select').multiselect({
        enableFiltering: true,
        filterBehavior: 'both',
        maxHeight: 200,
        buttonWidth: '100%',
        filterPlaceholder: 'Buscar ...',
        enableCaseInsensitiveFiltering: true,
        nonSelectedText: 'Seleccionar Campos'
    });

    subcategoriasSelect();
    lineasSelect();
    familiasSelect();

    $('.new-select').multiselect({
        enableFiltering: true,
        filterBehavior: 'both',
        maxHeight: 200,
        buttonWidth: '100%',
        filterPlaceholder: 'Buscar ...',
        enableCaseInsensitiveFiltering: true,
        nonSelectedText: 'Todos'
    });

    $('#categorias-select').multiselect({
        enableFiltering: true,
        filterBehavior: 'both',
        maxHeight: 200,
        buttonWidth: '100%',
        filterPlaceholder: 'Buscar ...',
        enableCaseInsensitiveFiltering: true,
        nonSelectedText: 'Todos',
        onDropdownHidden: function(option, checked, select) {

           if( $('#categorias-select').val().length > 0 ) {
               showMessage('Cargando Subcategorias');
                $.post("/analisis/informes/reload-select/subcategoria", { rows: $('#categorias-select').val() }, function (data) {
                    $('#subcategorias-ajax-div').html(data);
                    subcategoriasSelect();
                    hideMessage();
                });
            }
        }
    });

    $(".tags-input").select2({
        tags: true
    })

    $('#fecha_rango').daterangepicker(
            {
                ranges: {
                    'Ayer': [moment().subtract('days', 1), moment().subtract('days', 1)],
                    'Últimos 7 días': [moment().subtract('days', 6), moment()],
                    'Últimos 15 días': [moment().subtract('days', 14), moment()],
                    'Últimos 30 días': [moment().subtract('month', 1), moment()],
                    'Mes actual': [moment().startOf('month'), moment().endOf('month')],
                    'Mes anterior': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')],
                    'Ultimos 3 meses': [moment().subtract('month', 3), moment()],
                    'Ultimos 6 meses': [moment().subtract('month', 6), moment()],
                    'Año actual': [moment().startOf('year'), moment()]

                },

                locale: {
                    endDate: moment(),
                    format: 'YYYY-MM-DD',
                    separator: ' | ',
                    applyLabel: 'Aplicar',
                    cancelLabel: 'Cancelar',
                    fromLabel: 'Desde',
                    toLabel: 'Hasta',
                    weekLabel: 'S',
                    customRangeLabel: 'Otro Rango'
                }
            }
    );

    @if( Input::get('fecha_rango') && Input::get('campos') )


        var table = $('#tb-movimientos').DataTable({
            "oLanguage": {
                "sUrl": "/layout/data/dataTables.es.txt"
            },
            processing: true,
            serverSide: true,
            orderCellsTop: true,
            scrollY:        "400px",
            scrollX:        true,
            scrollCollapse: true,
            aLengthMenu: [[50, 100, 200], [50, 100, 200]],
            ajax: "/analisis/informes/banco-datos?button=1&{!! $_SERVER["QUERY_STRING"] !!}",

            "drawCallback": function( settings ) {
                $.scrollTo( '#results-table', 800 );
                totalRecords = parseInt( settings.fnRecordsTotal() );

                var role_id = '{{ \Utils::usuario()["rol_id"] }}';

                if( totalRecords > 0 ) {

                    if( role_id != '57' ) {
                        if ( totalRecords > 99999 ) {
                            $('#export-excel-btn-2').fadeIn();
                            $('#export-excel-btn').hide();
                        } else {
                            $('#export-excel-btn-2').hide();
                            $('#export-excel-btn').fadeIn();
                        }
                    }else {
                        $('#export-excel-btn-2').hide();
                        $('#export-excel-btn').fadeIn();
                    }


                }else {
                    $('#export-excel-btn-2').hide();
                    $('#export-excel-btn').hide();
                }
            }




        });

    $('#tb-movimientos'+ ' thead tr:eq(1) th').each( function () {
        $(this).html( '<input type="text" placeholder="" class="filterInput" />' );
    } );

    // Apply the search
    table.columns().every(function (index) {
        $('#tb-movimientos'+ ' thead tr:eq(1) th:eq(' + index + ') input').on('keyup change', function () {
            table.column($(this).parent().index() + ':visible')
                    .search(this.value)
                    .draw();
        });

        $('#tb-movimientos'+ ' thead tr:eq(1) td:eq(' + index + ') select').on('keyup change', function () {
            table.column($(this).parent().index() + ':visible')
                    .search(this.value)
                    .draw();
        });

    });

        $('#tb-movimientos tbody').on( 'click', 'tr', function () {
            if ( $(this).hasClass('selectedRow') ) {
                $(this).removeClass('selectedRow');
            }
            else {
                tableDtlConVenta.$('tr.selectedRow').removeClass('selectedRow');
                $(this).addClass('selectedRow');
            }
        } );

        $(document).on('click', '#export-excel-btn-2', function() {
            swal("Oops!", "El reporte genera mas de 100.000 registros, por favor ser más específicos en los filtros de consulta o reducir el periodo de la misma.", "error")
        });

    @endif



</script>
@stop