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

            <div class="row card p-5">
                <div class="col-lg-12 col-lg-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Reporte Listar Cobros Contratos</header>
                        </div>

                    </div>

                    {{-- form open laravel collective --}}

                    <div class="col-7">
                        {!! Form::open(['url'=>'reportes/reporte-cobros-new-export','method'=>'POST','autocomplete'=>'off','role'=>'search']) !!}
                    

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

                        <label for="">Cliente</label>
                        {!! Form::select('cliente', [],  null, [
                            'id' => 'cliente',
                            'class' => 'form-control mb-2',
                            'style' => 'width: 100%;',
                            'placeholder' => 'Seleccionar',
                            
                        ]) !!}

                        <br>
                        <label for="">Codigo Contrato</label>
                        {!! Form::text('contrato_codigo', null, ['class' =>'form-control my-2']) !!}

                       
                        <label for="">Forma de Pago</label>

                        {!! Form::select('contrato_forma_pago_id', $forma_pago,  null, [
                            'id' => 'contrato_forma_pago_id',
                            'class' => 'form-control mb-2',
                            'style' => 'width: 100%;',
                            'placeholder' => 'Seleccionar',
                            
                        ]) !!}

                        {{-- form to date addons--}}

                        <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('cobro_fecha_aplicacion_inicia', null, ['class' => 'form-control',  'placeholder'=>'Fecha Inicio']) !!}
                            <span class="input-group-addon">
                                To
                            </span>
                            {!! Form::date('cobro_fecha_aplicacion_fin', null, ['class' => 'form-control',  'placeholder'=>'Fecha Inicio']) !!}
                        </div>

                        {{-- form submit laravel collective --}}

                        <a href="{{ url('reportes/cobros_nuevos') }}" class="btn btn-warning mt-2">Limpiar filtros</a>
                        {!! Form::submit('Generar', ['class'=>'btn btn-primary mt-2']) !!}


                    {!! Form::close() !!}
                    </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"
                }
            });
        });
    </script>
@endsection