@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 Acumuladas
                        </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 Acumuladas</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_acumuladas',
                                        'method' => 'POST',
                                        'autocomplete' => 'off',
                                        'role' => 'search',
                                        'name' => 'frmFiltros',
                                        'id' => 'frmFiltros',
                                    ]) !!}


                                    {{-- form select to clientes laravel collective --}}

                                    @if (!auth()->user()->hasRole('vendedor'))
                                        <label for="">Vendendor</label>
                                        {!! Form::select('vendedor', [], null, [
                                            'id' => 'vendedor',
                                            'class' => 'form-control',
                                            'style' => 'width: 100%;',
                                            'placeholder' => 'Seleccionar',
                                        ]) !!}
                                        
                                    @endif



                                    <label for="">Fecha: </label>

                                    {!! Form::date('fecha_inicial', null, [
                                        'id' => 'fecha_inicial',
                                        '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_aculuadas') }}" 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) {
                        let query = {
                            search: params.term.toLowerCase(),
                        }

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



            

            $('#frmFiltros').on('submit', () => {
                let fecha_inicial = $('#fecha_inicial').val();
                let fecha_final = $('#fecha_final').val();

                // Verificar si ambas fechas están vacías
                if (fecha_inicial == '' || fecha_final == '') {
                   /*  alert('Debe seleccionar un rango de fechas');
                    return false; */

                     Swal.fire({
                        title: 'Error',
                        text: 'Debe seleccionar un rango de fechas',
                        icon: 'error',
                        confirmButtonText: 'Aceptar'
                    }).then( (result) => {
                        if (result.isConfirmed) {
                            
                            window.location.reload();
                        }
                    })

                    return false;

                }

                // Verificar si la fecha inicial es mayor a la fecha final
                if (fecha_inicial > fecha_final) {
                   /*  alert('La fecha inicial no puede ser mayor a la fecha final');
                    return false; */


                     Swal.fire({
                        title: 'Error',
                        text: 'La fecha inicial no puede ser mayor a la fecha final',
                        icon: 'error',
                        confirmButtonText: 'Aceptar'
                    }).then( (result) => {
                        if (result.isConfirmed) {
                            window.location.reload();
                        }
                    })
                    return false;
                }


                /* verificar si la fecha mayor es como maximo 1 año mas que la menor */
                let fechaInicial = new Date(fecha_inicial);
                let fechaFinal = new Date(fecha_final);

                let diff = fechaFinal - fechaInicial;
                let dias = Math.floor(diff / (1000 * 60 * 60 * 24));

                if (dias > 365) {
                   /*  alert('El rango de fechas no puede ser mayor a un año');
                    return false; */

                    Swal.fire({
                        title: 'Error',
                        text: 'El rango de fechas no puede ser mayor a un año',
                        icon: 'error',
                        confirmButtonText: 'Aceptar'
                    }).then( (result) => {
                        if (result.isConfirmed) {
                            window.location.reload();
                        }
                    })

                    return false;
                }

            })


        

        });
    </script>
@endsection