@extends('layouts.app')

@section('content')

    <!-- end sidebar menu -->
    <!-- start page content -->

   {{--  @dump($data) --}}

    <div class="page-content-wrapper">
        <div class="page-content" style="min-height:1200px">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <!--<div class="pull-left">
                        <div class="page-title text-danger">Sin Sucursal</div>
                    </div>-->
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">
                            Reporte de Ventas
                        </li>
                    </ol>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12 col-lg-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Reporte de Ventas</header>
                        </div>

                        <div class="row p-5">
                            <div class="col-lg-12 col-lg-12">
                               
            
                                {{-- form open laravel collective --}}
            
                                <div class="col-7">
                                    {{-- {!! Form::open(['url'=>'reportes/reporte-contratos-clientes','method'=>'POST','autocomplete'=>'off','role'=>'search']) !!} --}}
                                    {!! Form::open(['url'=>'reporte/ventas','method'=>'POST','autocomplete'=>'off','role'=>'search', 'name' => 'frmFiltros']) !!}
            
            
                                {{-- form select to clientes laravel collective --}}
            
                                    <label for="">Vendendor</label>
                                    {!! Form::select('vendedor', [],  null, [
                                        'id' => 'vendedor',
                                        'class' => 'form-control',
                                        'style' => 'width: 100%;',
                                        'placeholder' => 'Seleccionar',
            
                                    ]) !!}
                                      
            
            
                                    <label for="">Desde: </label>
            
                                    {!! Form::date('fecha_inicial',null, [
                                        'id' => 'contrato',
                                        'class' => 'form-control',
                                        'style' => 'width: 100%;',
                                        'placeholder' => 'Seleccionar',
                                        'required' => true
                                    
                                    ]) !!}
            
            
                                    <label for="">Hasta:</label>
                                    {!! Form::date('fecha_final',null, [
                                        'id' => 'fecha_final',
                                        'class' => 'form-control',
                                        'style' => 'width: 100%;',
                                        'placeholder' => 'Seleccionar',
                                         'required' => true
            
                                    ]) !!}
            
                                    {{-- form submit laravel collective --}}
            
                                    <a href="{{ url('reporte/ventas') }}" class="btn btn-warning mt-2">Limpiar filtros</a>
                                    {!! Form::submit('Generar', ['class'=>'btn btn-primary mt-2', 'id' => 'btnGenerar']) !!}
            
                                {!! Form::close() !!}
                                </div>
            
            
                            </div>
            
                        </div>
                    </div>


                </div>

            </div>

        </div>

    </div>

    
@endsection

@section('script')
    <script>
        $(document).ready(function() {
           
            $('#vendedor').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'ajax/empleados' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

                        return query;
                    },
                    processResults: function(data, page) {
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            });

        });
    </script>
@endsection