@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 Cobros</li>
                    </ol>
                </div>
            </div>


             <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-lg-12 col-lg-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Reporte Cobros</header>
                        </div>
                        <div class="card-body ">
                            {!! Form::open(['url' => 'reporte/cobros','method'=>'get','id'=>'frmFiltros']) !!}
                            <div class="row">
                                <input type="hidden" name="action" value="1">
                                <div class="col-3">
                                    <label for=""><b>Cliente</b></label>
                                    {!! Form::select('cliente',[],$cliente,['id'=>'cliente','class'=>'form-control','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>
                                <div class="col-3">
                                    <label for=""><b>Código contrato</b></label>
                                    {!! Form::text('codigo',$codigo,['id'=>'codigo','class'=>'form-control','placeholder'=>'Codigo Contrato']) !!}
                                </div>
                                <div class="col-3">
                                    <label for=""><b>Código File Maker contrato</b></label>
                                    {!! Form::text('codigo_file',$codigo_file,['id'=>'codigo_file','class'=>'form-control','placeholder'=>'Código File Maker']) !!}
                                </div>
                                <div class="col-3">
                                    <label for=""><b>Sede</b></label>
                                    {!! Form::select('sede',$sedes,$sede,['id'=>'sede','class'=>'form-control select2','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>
                            </div>
                            <div class="row mt-2">
                                <div class="col-3">
                                    <label for=""><b>Asociación del contrato(Actual)</b></label>
                                    {!! Form::select('asociacion',[],$asociacion,['id'=>'asociacion','class'=>'form-control select2','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>

                                <div class="col-3">
                                    <label for=""><b>Ruta contrato(Actual)</b></label>
                                    {!! Form::select('ruta',$rutas,$ruta,['id'=>'rutas','class'=>'form-control select2','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>

                                <div class="col-3">
                                    <label for=""><b>Forma de Pago(Actual)</b></label>
                                    {!! Form::select('forma',$formas_pagos,$forma,['id'=>'forma','class'=>'form-control select2','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>
                                <div class="col-3">
                                    <label for=""><b>Modalidad de cobro(Actual)</b></label>
                                    {!! Form::select('cobro',$cobros_forma,$cobro,['id'=>'cobro','class'=>'form-control select2','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>
                            </div>
                            <div class="row  mt-2">
                                <div class="col-3">
                                    <label for=""><b>Vendedor</b></label>
                                    {!! Form::select('vendedor',[],$vendedor,['id'=>'vendedor','class'=>'form-control','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>

                                <div class="col-3">
                                    <label for=""><b>Tipo Servicio</b></label>
                                    {!! Form::select('servicio_tipo',$servicios_tipo,$servicio_tipo,['id'=>'servicio_tipo','class'=>'form-control select2','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>

                                <div class="col-3">
                                    <label for=""><b>Servicio</b></label>
                                    {!! Form::select('servicio',[],$servicio,['id'=>'servicio','class'=>'form-control','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>

                                <div class="col-3">
                                    <label for=""><b>Forma de Pago(Generado Cobro)</b></label>
                                    {!! Form::select('forma_pago_cobro_generado',$formas_pago_cobro_generados,$forma_pago_cobro_generado,['id'=>'forma_pago_cobro_generado','class'=>'form-control select2','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>

                            </div>

                            <div class="row  mt-2">
                                <div class="col-3">
                                    <label for=""><b>Año de Cobro</b></label>
                                    {!! Form::text('year',$year,['id'=>'year','class'=>'form-control','placeholder'=>'Año de cobro']) !!}
                                </div>

                                <div class="col-3">
                                    <label for=""><b>Mes</b></label>
                                    {!! Form::select('mes',$meses,$mes,['id'=>'mes','class'=>'form-control select2','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>
                                <div class="col-3 p-2">
                                    <label for=""><b>Fecha cobro</b></label>
                                    <div class="form-group">
                                        <label for=""><b>Desde</b></label>
                                        <input type="date" name="dia_inicio" class="form-control">
                                        <label for=""><b>Hasta</b></label>
                                        <input type="date" name="dia_fin" class="form-control">
                                    </div>
                                </div>
                                <div class="col-3">
                                    <label for=""><b>Usuario creo cobro</b></label>
                                    {!! Form::select('usuario_creo',[],$usuario_creo,['id'=>'usuario_creo','class'=>'form-control','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>
                            </div>

                            <div class="row  mt-2">
                                <div class="col-3">
                                    <label for=""><b>¿Solo los Cobros Generado Automáticamente?</b></label>
                                    <input type="checkbox" name="cobros_generados_auto" data-off="No" data-on="Si"  data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>

                                <div class="col-3">
                                    <label for=""><b>Usuario modificó cobro(Ultimo usuario)</b></label>
                                    {!! Form::select('usuario_modifico',[],$usuario_modifico,['id'=>'usuario_modifico','class'=>'form-control select2','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>

                                <div class="col-3">
                                    <label for=""><b>Cobro estado</b></label>
                                    {!! Form::select('cobro_estado',$estados_cobro,$cobro_estado,['id'=>'cobro_estado','class'=>'form-control select2','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>

                                <div class="col-3">
                                    <label for=""><b>Asociación generado cobro</b></label>
                                    {!! Form::select('cobro_generado',$cobros_generados_asociaciones,$cobro_generado,['id'=>'cobro_generado','class'=>'form-control select2','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>
                            </div>

                            <div class="row mt-2">
                                <div class="col-3">
                                    <label for=""><b>Código Planilla/Listado</b></label>
                                    {!! Form::select('planilla',$cajas,$caja,['id'=>'planilla','class'=>'form-control select2','style'=>'width: 100%;','placeholder'=>'Planilla/Listado']) !!}
                                </div>
                                <div class="col-3">
                                    <label for=""><b>Nombre planilla / listado</b></label>
                                    {!! Form::text('nombre_planilla',$consecutivo_manual,['id'=>'nombre_planilla','class'=>'form-control','placeholder'=>'Nombre planilla / listado']) !!}
                                </div>
                                <div class="col-3">
                                    <label for=""><b>Caja</b></label>
                                    {!! Form::select('caja',$cajas,$caja,['id'=>'caja','class'=>'form-control select2','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>
                                <div class="col-3">
                                    <label for=""><b>Consecutivo de pago</b></label>
                                    {!! Form::text('consecutivo_pago', $consecutivo_pago,['id'=>'consecutivo_pago','class'=>'form-control','placeholder'=>'Consecutivo Pago']) !!}
                                </div>

                            </div>

                            <div class="row  mt-2">
                                <div class="col-3">
                                    <label for=""><b>Consecutivo temporal de pago</b></label>
                                    {!! Form::text('consecutivo_temp',$consecutivo_temp,['id'=>'consecutivo_temp','class'=>'form-control','placeholder'=>'Consecutivo temporal de pago']) !!}
                                </div>
                                <div class="col-3">
                                    <label for=""><b>Consecutivo manual de pago</b></label>
                                    {!! Form::text('conscutivo_manual',$conscutivo_manual,['id'=>'conscutivo_manual','class'=>'form-control','placeholder'=>'Consecutivo Manual']) !!}
                                </div>
                                <div class="col-3">
                                    <div class="form-group">
                                        <h4><b>Fecha de pago</b></h4>
                                        <label for=""><b>Desde</b></label>
                                        {!! Form::date('dia_inicio_pago',$dia_inicio_pago,['id'=>'dia_inicio_pago', 'class'=>'form-control']) !!}
                                        <label for=""><b>Hasta</b></label>
                                        {!! Form::date('dia_fin_pago',$dia_fin_pago,['id'=>'dia_fin_pago', 'class'=>'form-control']) !!}
                                    </div>
                                </div>
                                <div class="col-3">
                                    <label for=""><b>Usuario registró pago</b></label>
                                    {!! Form::select('usuario_registro',[],$usuario_registro,['id'=>'usuario_registro','class'=>'form-control select2','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>
                            </div>
                            <div class="row  mt-2">
                                <div class="col-3">
                                    <label for=""><b>Usuario modificó pago(Ultimo usuario)</b></label>
                                    {!! Form::select('usuario_modifico_ultimo',[],$usuario_modifico_ultimo,['id'=>'usuario_modifico_ultimo','class'=>'form-control select2','style'=>'width: 100%;','placeholder'=>'Seleccionar']) !!}
                                </div>

                            </div>

                            <div class="mt-2 text-center">
                                <button class="btn btn-primary" type="submit">
                                    Excel
                                </button>
                                <a href="{{ url('reporte/cobros') }}" class="btn btn-success">
                                    Limpiar Filtros
                                </a>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @endsection

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

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

            $('#vendedor').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'usuarios_empleado/ajax' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

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

            $('#servicio').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'servicio/ajax' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

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

            $('#usuario_creo').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'usuarios_empleado/ajax' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

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


            $('#usuario_modifico').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'usuarios_empleado/ajax' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

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

            $('#usuario_registro').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'usuarios_empleado/ajax' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

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

            $('#usuario_modifico_ultimo').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'usuarios_empleado/ajax' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

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

            $('#planilla').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'cobro_planilla/ajax' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

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

            $('#asociacion').select2({
            ajax: {
                dataType: 'json',
                url: '{{ url("asociaciones/ajax/data") }}',
                delay: 250,
                minimumInputLength: 3,
                data: function(params) {
                console.log(params);
                        var query = {
                            search: params.term,
                            page: params.page
                        }
                        return query;
                },
                processResults: function (data, page) {
                    console.log(data);
                  return {
                    results: data
                  };
                }
            }
        });

        });
    </script>
@endsection