@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <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> <a class="parent-item" href="{{ url('/dashboard') }}">Listado de Incrementos</a>&nbsp;<i
                                class="fa fa-angle-right"></i></li>&nbsp;
                        <li class="active">Crear listado</li>
                    </ol>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Nuevo Listado de Incrementos</header>
                        </div>
                        <div class="card-body ">
                            {!! Form::open(['url' => 'contrato-incremento-crear','id'=>'frmFiltros']) !!}
                            <div class="row mt-2">
                                <div class="col-md-6">
                                    <label for=""><strong>Nombre del listado</strong></label>
                                    {!! Form::text('nombre_listado', null, ['class' => 'form-control', 'required']) !!}
                                </div>

                                <div class="col-md-6">
                                    <label for=""><strong>Forma de pago</strong></label>
                                    {!! Form::select('forma_pago', $forma_pago, null, [
                                        'class' => 'form-control',
                                        'placeholder' => 'Seleccionar',
                                        'id' => 'contrato_forma_pago_id',

                                    ]) !!}
                                </div>
                            </div>

                            <div class="row mt-2">
                                <div class="col-md-6" id="select_asociacion">
                                    <label for=""><strong>Asociación solidarista</strong></label>
                                    {!! Form::select('entidad', [], null, ['class' => 'form-control', 'id' => 'contrato_forma_pago_cliente_entidad_id']) !!}
                                </div>

                                <div class="col-md-6">
                                    <label for=""><strong>Fecha Inicial</strong></label>
                                    {!! Form::date('date_inicial', null, ['class' => 'form-control', 'required']) !!}
                                </div>
                            </div>
                            <div class="row mt-2">
                                <div class="col-md-6">
                                    <label for=""><strong>Fecha Final</strong></label>
                                    {!! Form::date('date_end', null, ['class' => 'form-control', 'required']) !!}
                                </div>

                                <div class="col-md-6">
                                    <label for=""><strong>Observación</strong></label>
                                    <textarea name="observacion" class="form-control" style="resize: none"></textarea>
                                </div>
                            </div>

                            <div class="row mt-5">
                                <div class="col-md-6">
                                    <button type="submit" class="btn btn-primary">Guardar</button>
                                    <a href="{{url('contrato/incremento/lista')}}" type="button" class="btn btn-danger">Cancelar</a>
                                </div>

                            </div>

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

                        </div>

                    </div>

                </div>

            </div>
        </div>
    </div>


    </div>

    </div>
@endsection

@section('script')
    <script>

       /*  $('#select_asociacion').hide() */
        $(document).ready(function () {
            $('#contrato_forma_pago_cliente_entidad_id').select2({
             ajax: {
                 dataType: 'json',
                 url: "{{asset('').'contrato/entidades/ajax'}}",
                 delay: 250,
                 minimumInputLength: 3,
                 data: function(params) {
                         var query = {
                             search: params.term.toLowerCase(),
                         }
                         console.log(query);
                         return query;
             },
                 processResults: function (data, page) {
                   return {
                     results: data
                   };
                 },
                 theme: "classic"
                 }
            });
        });

        $('#contrato_forma_pago_id').change(() => {
            set_forma_pago()
        })



        function set_forma_pago() {
            var seleccion = $('#contrato_forma_pago_id').val();
            console.log({
                seleccion
            })
            switch (seleccion) {
                case 1:
                case '1':

                    $('#select_asociacion').show()

                    $('#contrato_forma_pago_cliente_entidad_id').val('').change();

                    buscar_asociacion();

                    break;
                case 2:
                case '2':
                    $('#select_asociacion').hide()


                    break;

                default:
                    $('#select_asociacion').hide()

                    /* document.getElementById('fecha_primer_cobro').value = ""
                    document.getElementById('contrato_dia_pago').value = "" */
                    break;
            }
        }
        function buscar_asociacion(){
            console.log('buscar_asociacion');
            var frm_entidad = '{{ isset($edit) ? $edit->contrato_forma_pago_cliente_entidad_id : null }}';
              $.ajax({
                    type: "POST",
                    url: "{{asset('').'contrato/opciones/ajax'}}",
                    data: { "_token": "{{ csrf_token() }}", opcion: 'buscar_entidad', id_entidad : Number(frm_entidad) },
                    success: function (res) {

                         document.getElementById("contrato_forma_pago_cliente_entidad_id").options[document.getElementById("contrato_forma_pago_cliente_entidad_id").options.length]=new Option((res.cliente_entidad_documento+' '+res.cliente_entidad_nombre), res.cliente_entidad_id);
                            $('#contrato_forma_pago_cliente_entidad_id').val(res.cliente_entidad_id).change();
                    },
                    dataType: "json"
                  });
             // buscar_fecha_inicial();
        }
    </script>
@endsection