@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><i class="fa fa-square"></i>&nbsp;<a class="parent-item" href="{{ url('/pagos/asociacion/sin_identificar') }}">Listado pagos no identificados</a>
                        &nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">{{isset($edit) ? 'Actualizar' : 'Registrar'}} Pago</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>{{isset($edit) ? 'Actualizar' : 'Registrar'}} Pago</header>
                        </div>
                         @if(isset($edit))
                            {!! Form::model($edit,['url' => ['pagos/asociacion/sin_identificar/'.$edit->pago_planilla_id],'method'=>'PATCH','id'=>'frmClientes']) !!}
                        @else
                            {!! Form::open(['url' => 'pagos/asociacion/sin_identificar/store','method'=>'POST','role'=>'form','id'=>'frmContratos']) !!}
                        @endif
                        <div class="card-body">
                            <div class="row col-md-12">
                               {{--  {!! Form::mselect('asociacion',[], $edit->pago_planilla_cliente_entidad_id,'Asociación Solidarista',$errors,6,false) !!} --}}
                              <div class="col-md-6">
                                <label for="">Asociación Solidarista</label>
                                {!! Form::select('asociacion', [], null, [
                                                'id' => 'asociacion',
                                                'class' => 'form-control',
                                                'style' => 'width: 100%;',
                                                'placeholder' => 'Seleccionar',
                                ]) !!}
                              </div>

                                {!! Form::mselect('planilla',[], isset($edit->pago_planilla_cobro_planilla_id) ? $edit->pago_planilla_cobro_planilla_id : null,'Planilla',$errors,6,false,true,false,'buscar_planilla()') !!}
                            </div>
                            <div class="row col-md-12">
                                {!! Form::mselect('cedula',$cedulas, 
                                    isset($edit->pago_planilla_cliente_entidad_id) ? $edit->pago_planilla_cliente_entidad_id : null
                                ,'Cedula Juridica',$errors,6,true) !!}

                                {!! Form::mselect('modalidad',$medios_pagos, 
                                    isset($edit->pago_planilla_medio_pago_id) ? $edit->pago_planilla_medio_pago_id : null
                                ,'Modalidad de Pago',$errors,6,true) !!}
                            </div>
                            <div class="row col-md-12">
                                {!! Form::mselect('cuenta',$cuentas_bancarias, 
                                    isset($edit->pago_planilla_cuenta_id) ? $edit->pago_planilla_cuenta_id : null
                                ,'Cuenta Bancaria',$errors,6,true) !!}

                                {!! Form::mtextAr('detalle_cobro',
                                    isset($edit->pago_planilla_detalle_cobro) ? $edit->pago_planilla_detalle_cobro : null
                                ,'Detalle Cobro',$errors,6) !!}
                            </div>
                            <div class="row col-md-12">
                                {!! Form::mDate('fecha_cobro',
                                    isset($edit->pago_planilla_fecha_pago_factura) ? $edit->pago_planilla_fecha_pago_factura : null
                                ,'Fecha de Cobro (Enviada)',$errors,6) !!}

                                {!! Form::mMonedaFormato('valor',
                                    isset($edit->pago_planilla_valor_cobrado) ? $edit->pago_planilla_valor_cobrado : null
                                ,'Valor Cobrado(enviado)',$errors,6) !!}
                            </div>
                            <div class="row col-md-12">
                                {!! Form::mDate('fecha_consignacion',
                                    isset($edit->pago_planilla_fecha_consignacion) ? $edit->pago_planilla_fecha_consignacion : null
                                ,'Fecha de consignación',$errors,6) !!}

                                {!! Form::mtext('numero_deposito',
                                    isset($edit->pago_planilla_numero_deposito) ? $edit->pago_planilla_numero_deposito : null
                                ,'# de Deposito',$errors,6,false,true,[['onkeyup'=>'javascript:this.value=this.value.toUpperCase()']]) !!}
                            </div>
                            <div class="row col-md-12">
                                {!! Form::mtext('numero_cheque',
                                    isset($edit->pago_planilla_numero_cheque) ? $edit->pago_planilla_numero_cheque : null
                                ,'# de Cheque',$errors,6,false,true,[['onkeyup'=>'javascript:this.value=this.value.toUpperCase()']]) !!}

                                {!! Form::mDate('fecha_emision',
                                    isset($edit->pago_planilla_fecha_emision) ? $edit->pago_planilla_fecha_emision : null
                                ,'Emisión Cheque',$errors,6) !!}
                            </div>
                            <div class="row col-md-12">
                                {!! Form::mMonedaFormato('valor_consignado',
                                    isset($edit->pago_planilla_valor_consignado) ? $edit->pago_planilla_valor_consignado : null
                                ,'Valor Consignado',$errors,6) !!}

                                {!! Form::mtextAr('detalle_pago',
                                    isset($edit->pago_planilla_detalle_pago) ? $edit->pago_planilla_detalle_pago : null
                                ,'Detalle Pago',$errors,6) !!}
                            </div>
                             <div class="row mb-1 col-md-12">
                                <div class="col-6">
                                    <label for="tiene_planilla" class="form-label">Tiene Planilla</label><br><!--checked-->
                                    <input class="filtroClientes" type="checkbox" id="tiene_planilla" name="tiene_planilla" data-off="No" data-on="Si"  data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>
                            </div>
                        </div>
                        <div class="card-footer text-center">
                            <div class="text-center">
                                <button type="submit" class="btn bg-success">Aceptar</button>
                                <a class="btn bg-danger" href="{{url('pagos/asociacion/sin_identificar')}}">Cancelar</a>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
buscar_asociacion();
function buscar_asociacion() {
            console.log('buscar_asociacion');
            var frm_entidad = '{{ isset($edit) ? $edit->pago_planilla_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("asociacion").options[document
                            .getElementById("asociacion").options.length] =
                        new Option((res.cliente_entidad_documento + ' ' + res.cliente_entidad_nombre), res
                            .cliente_entidad_id);
                    $('#asociacion').val(res.cliente_entidad_id).change();
                },
                dataType: "json"
            });
            // buscar_fecha_inicial();
        }
        function buscar_planilla(){
            var id = $('#planilla').val();
            if(id != ''){
                var url= "{{ URL::asset('pagos/asociacion/sin_identificar/ajax/planilla') }}"+"/"+id;
                $.get(url, function(res) {
                    var obj = $.parseJSON(res);
                    $('#detalle_cobro').val(obj.detalle);
                    $('#fecha_cobro').val(obj.fecha_pago);
                    $('#valor').val(obj.monto_disp);
                    $('#valor_consignado').val(obj.monto_disp);
                    $('#tiene_planilla').bootstrapToggle('on');
                });
            }else{
                $('#detalle_cobro').val('');
                $('#fecha_cobro').val('');
                $('#valor').val('');
                $('#valor_consignado').val('');
                $('#tiene_planilla').bootstrapToggle('off');
            }
        }
        $(document).ready(function () {

            $("#monto_inicial").maskMoney();
            $("#monto_final").maskMoney();
            
             //Initialize Select2 Elements
            $('#asociacion').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{asset('').'pagos/asociacion/sin_identificar/ajax/asociaciones'}}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {       
                            var query = {
                                search: params.term
                            }
                            return query;
                    },
                    processResults: function (data, page) {
                        console.log(data);
                      return {
                        results: data
                      };
                    },
                    theme: "classic"
                }
            });
            

            $('#planilla').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{asset('').'pagos/asociacion/sin_identificar/ajax/planillas'}}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {                    
                            var query = {
                                search: params.term.toLowerCase(),
                                page: params.page || 1
                            }
                            console.log(query);
                            return query;
                    },
                    processResults: function (data, page) {
                      return {
                        results: data
                      };
                    },
                    theme: "classic"
                }
            });

          $('#frmContratos').validate({
                rules: {
                    cedula: { required: true},
                    modalidad: { required: true},
                    cuenta: { required: true},
                    fecha_consignacion: { required: true},
                    numero_deposito: { required: true},
                    valor_consignado: { required: true},
                },
                messages: {
                  cedula: {
                    required: "Cedula Juridica no puede estar vacío."
                  },
                  modalidad: {
                    required: "Modalidad de Pago no puede estar vacío."
                  },
                  cuenta: {
                    required: "Cuenta Bancaria no puede estar vacío."
                  },
                  fecha_consignacion: {
                    required: "Por favor ingrese la fecha de pago."
                  },
                  numero_deposito: {
                    required: "Por favor ingrese el comprobante de pago."
                  },
                  valor_consignado: {
                    required: "Por favor ingrese valor consignado."
                  },
                },
                errorElement: 'span',
                errorPlacement: function (error, element) {
                  error.addClass('invalid-feedback');
                  element.closest('.form-group').append(error);
                },
                highlight: function (element, errorClass, validClass) {
                  $(element).addClass('is-invalid');
                },
                unhighlight: function (element, errorClass, validClass) {
                  $(element).removeClass('is-invalid');
                }/*,submitHandler: function(form){
                    var fecha_inicio = $('#inicio').val();
                    var fecha_fin = $('#fin').val();
                    var validacion = '';
                    var error = 0;

                    if(fecha_inicio == ''){
                         Swal.fire({
                              icon: 'warning',
                              title: 'Advertencia',
                              text: 'Debe ingresar una fecha inicial.',
                            });  
                        error++;
                    }
                    if(error == ''){
                        //---Validar fecha fin sea mayor a fecha inicio--------------
                        if(fecha_fin == ){
                                   Swal.fire({
                              icon: 'warning',
                              title: 'Advertencia',
                              text: 'Debe ingresar una fecha inicial.',
                            });  
                            error++;
                        }else if(fecha_inicio > fecha_fin){
                            Swal.fire({
                              icon: 'error',
                              title: 'Advertencia',
                              text: 'La fecha fin debe de ser mayor a la fecha de inicio',
                            });  
                            error++;
                        }
                    }

                }*/
              });
            });
    </script>
@endsection