@extends('base')
@section('titulo')
cotizacion completa
@endsection
@section('content')
<!-- Mensaje ocupado -->
@include('sessions')


<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item active" aria-current="page">Reporte de ventas</li>
    </ol>
</nav>

<form action="{{route('completa.ventaReporte')}}" method="get">
    <fieldset class="border p-2" >
        <legend class="w-auto">Filtros</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{{ $errors->has('desde') ? ' is-invalid' : '' }}">
            </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{{ $errors->has('hasta') ? ' is-invalid' : '' }}">
            </div>

            <div class="form-group col-sm-6" >
                <label for="" class="control-label">Vendedores: </label>
                <select multiple="multiple" name="vendedores[]" id="dual_list">
                    @foreach ($vendedores as $vendedor)
                        <option value="{{$vendedor->name}}">{{$vendedor->name}}</option>
                    @endforeach
                </select>
            </div>



        </div>
        <br>
        <div class="justify-content-center align-items-center row">
            <button type="submit" class="btn btn-primary col-auto" name="butonDatosGenerales" id="butonDatosGenerales">
                <i class='fas fa-check-circle'></i>
                Generar reporte
            </button>
        </div>

    </fieldset>
</form>

@section('extrajs')
<script src="{{ asset('dist/jquery.bootstrap-duallistbox.js') }}"></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