@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 Cartera Cobro Efectivo</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 Cartera Cobro Efectivo</header>
                        </div>

                    </div>

                </div>

            </div>

            {!! Form::open(['url'=>'reportes/cobro_efectivo','method'=>'POST','autocomplete'=>'off','role'=>'search']) !!}
            <div class="row">
                <div class="col-6">
                    <label for="">Selecione un periodo</label>
                    <div class="input-group date form_date" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                        {!! Form::date('fechaInicial', null, ['class' => 'form-control',  'placeholder'=>'Fecha Inicio']) !!}
                        <span class="input-group-addon">
                            To
                        </span>
                        {!! Form::date('fechaFinal', null, ['class' => 'form-control',  'placeholder'=>'Fecha Inicio']) !!}
                    </div>
                </div>
                <div class="col-6">
                    <label for="">Vendedor</label>
                    {!! Form::select('empleado', [],  null, [
                        'id' => 'empleados',
                        'class' => 'form-control mb-2',
                        'style' => 'width: 100%;',
                        'placeholder' => 'Seleccionar',

                    ]) !!}
                </div>



            </div>
            <div class="p-3 text-center">

                <button type="submit" class="btn btn-primary">Generar</button>

                <a href="{{ url('reportes/cobro_efectivo') }}" class="btn btn-warning">Limpiar Filtros</a>

        </div>

            {!! Form::close() !!}

        </div>

    </div>


@endsection

@section('script')
    <script>
        $(document).ready(function() {
            $('#empleados').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'ajax/empleados_usuario_id' }}",
                    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