@extends('base')
@section('content')
<form action="{{route('ReportesCompras.Consulta')}}" method="get" target="_blank">
    <input type="hidden" name="tipo" value="{{$tipo}}">
    <fieldset class="border p-2" >
        <legend class="w-auto">Filtros de Compras {{$legend}}</legend>
        <div class="row" >
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">Desde: </label>
                <input  type="date" name="desde" id="desde"
                    class="form-control" required>
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">Hasta: </label>
                <input  type="date" name="hasta" id="hasta"
                    class="form-control" required>
            </div>

            <div class="form-group col-sm-6" >
                <label for="" class="control-label">{{ucwords($tipo)}} </label>
                <select multiple="multiple" name="seleccionados[]"  id="dual_list" required>  
                        @if ($all)
                            <option value="all">Todos</option>
                        @endif                     
                        @foreach ($selectables as $selectable)                            
                            <option value="{{$selectable->pkey}}">{{$selectable->attr}}</option>                   
                        @endforeach
                </select>
            </div>
            @if ($esPorFactura)                
                <div class="form-group col-sm-6 mt-4">
                    <label for="estado_factura">Estado De Factura</label>
                    <select class="form-control" name="estado_factura">
                        <option value="1" selected>Todos</option>
                        @foreach ($estadosDocumentos as $estado)
                            <option value="{{$estado->pkey}}">{{$estado->attr}}</option>
                        @endforeach
                    </select>
                </div>
            @endif

            @if ($esPorProveedor)
                <div class="form-group col-sm-6 mt-4">
                    <label for="estado_factura">Tipo Proveedor</label>
                    <select class="form-control" name="tipo_proveedor">
                        <option value="all" selected>Todos</option>
                        <option value="Acreedor">Acreedor</option>
                        <option value="Local">Local</option>
                        <option value="Exterior">Exterior</option>
                    </select>
                </div>
            @endif


        </div>
        <br>
        <div class="justify-content-center align-items-center row">
            <button class="btn btn-primary mt-1 mx-auto btnPDF mt-3" type="submit" name="btnPDF"
                    value="Generar Reporte PDF"><i class="ki-outline ki-note-2 fs-2"></i> Generar Reporte PDF</button>
                {{-- <i class="far fa-check-circle"></i> --}}
            <button class="btn btn-success mt-1 mx-auto btnExcel mt-3" type="submit" name="btnExcel"
                    value="Generar Reporte Excel"><i class="fa-regular fa-file-excel fs-2"></i> Generar Reporte Excel</button>
        </div>

    </fieldset>
</form>

@section('extrajs')
<script src="{{ asset('dist/jquery.bootstrap-duallistbox.js') }}"></script>
<script>
    
</script>
<script type="text/javascript">

$('#dual_list').bootstrapDualListbox({
    // default text
    filterTextClear: 'Mostrar todo',
    filterPlaceHolder: 'Filtrar',
    moveSelectedLabel: 'Mover seleccionado',
    moveAllLabel: 'Mover todo',
    removeSelectedLabel: 'Eliminar seleccionado',
    removeAllLabel: 'Eliminar todo',
    // true/false (forced true on androids, see the comment later)
    moveOnSelect: true,
    // 'all' / 'moved' / false
    preserveSelectionOnMove: false,
    // 'string', false
    selectedListLabel: false,
    // 'string', false
    nonSelectedListLabel: false,
    // 'string_of_postfix' / false
    helperSelectNamePostfix: '_helper',
    // minimal height in pixels
    selectorMinimalHeight: 100,
    // whether to show filter inputs
    showFilterInputs: true,
    // string, filter the non selected options
    nonSelectedFilter: '',
    // string, filter the selected options
    selectedFilter: '',
    // text when all options are visible / false for no info text
    infoText: 'Mostrando todo {0}',
    // when not all of the options are visible due to the filter
    infoTextFiltered: '<span class="badge badge-warning">Fitrado</span> {0} de {1}',
    // when there are no options present in the list
    infoTextEmpty: 'Lista vacia',
    // sort by input order
    sortByInputOrder: false,
    // filter by selector's values, boolean
    filterOnValues: false,
    // boolean, allows user to unbind default event behaviour and run their own instead
    eventMoveOverride: false,
    // boolean, allows user to unbind default event behaviour and run their own instead
    eventMoveAllOverride: false,
    // boolean, allows user to unbind default event behaviour and run their own instead
    eventRemoveOverride: false,
    // boolean, allows user to unbind default event behaviour and run their own instead
    eventRemoveAllOverride: false,
     // sets the button style class for all the buttons
    btnClass: 'btn-outline-secondary',
    // string, sets the text for the "Move" button
    btnMoveText: '&gt;',
    // string, sets the text for the "Remove" button
    btnRemoveText: '&lt;',
    // string, sets the text for the "Move All" button
    btnMoveAllText: '&gt;&gt;',
    // string, sets the text for the "Remove All" button
    btnRemoveAllText: '&lt;&lt;'
    });
    </script>

<script type="text/javascript">
    $('#bootstrap-duallistbox-selected-list_permissions[]')
</script>

@endsection
@endsection