@extends('layout.backoffice')
@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Listado Carga Inventario</h3>
            </div>
            <div class="card-body">
                <div class="form-group">
                    <div class="col">
                        <div style="max-width:190px;float:left;margin-right:15px;">
                            <input name="fecha" type="text" class="form-control form-control-border border-width-2 system_validador_vacio datetimepicker-input" id="fecha" readonly="" placeholder="selecciona una fecha">
                        </div>
                        <div>
                            <button class="btn btn-primary" id="btn_buscar_informe"><i class="fa fa-search"></i></button>
                        </div>
                    </div>
                </div>
                            </div>
        </div>
    </div>
</div>
<script src="{{ URL::asset('dist/js/bootstrap-datepicker.js') }}"></script>
<link rel="stylesheet" href="{{URL::asset('dist/css/datepicker.css')}}">
<script>
    // renderizarTabla('tabla', null, null, null, false);

    new DataTable("#table", {
        language: {
            "decimal": "",
            "emptyTable": "No hay información",
            "info": "Mostrando _START_ a _END_ de _TOTAL_ registros",
            "infoEmpty": "Mostrando 0 to 0 of 0 Entradas",
            "infoFiltered": "(Filtrado de _MAX_ total registros)",
            "infoPostFix": "",
            "thousands": ",",
            "lengthMenu": "Mostrar _MENU_ registros",
            "loadingRecords": "Cargando...",
            "processing": "Procesando...",
            "search": "Buscar:",
            "zeroRecords": "Sin resultados encontrados",
            "paginate": {
                "first": "Primero",
                "last": "Ultimo",
                "next": "Siguiente",
                "previous": "Anterior"
            }
        },
    });

    jQuery(".datetimepicker-input").datepicker({
        format: 'yyyy-mm-dd',
        autoclose: true,
        todayBtn: false,
        pickerPosition: "bottom-left"
    });
    jQuery(".descargarCargaInventario").on("click", function() {
        let consecutivo = jQuery(this).val();
        window.location.href = UrlGlobal + "informes/carga-inventario?consecutivo=" + consecutivo;
    })

    jQuery("#btn_buscar_informe").on("click", function() {
        let fecha = jQuery("#fecha").val();
        window.location.href = UrlGlobal + "informes/carga-inventario?" + Http_Query("datetimepicker-input");
    })
</script>
@endsection