@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">
                        @if(auth()->user()->hasPermissionTo('updateCliente-entidad'))
                        <a href="{{url('asociacion/editar/'.$data->cliente_entidad_id)}}"
                            class="btn bg-primary text-white"><i class="fa fa-edit"></i>Actualizar</a>
                        @endif
                        @if (auth()->user()->hasPermissionTo('deleteCliente-entidad'))
                            
                        <a class="btn bg-danger text-white"
                            onclick="sendDelete('{{$data->cliente_entidad_id}}','asociacione')"><i
                                class="fa fa-trash"></i>Eliminar</a>
                        @endif

                        @php
                        $url_previa = str_replace(url('/'), '', url()->previous());

                        $return_url = strpos($url_previa, 'contactos-asociacion') == false ? url()->previous() :
                        url('asociaciones')
                        @endphp
                        <!-- <a href="javascript:history.go(-1)" class="btn bg-warning text-white"><i class="fa fa-chevron-circle-left"></i>Volver a lista</a> -->
                        {{-- <a href="{{url('asociaciones')}}" class="btn bg-warning text-white"><i
                                class="fa fa-chevron-circle-left"></i>Volver a lista</a> --}}
                        <a href="{{ $return_url }}" class="btn bg-warning text-white"><i class="fa fa-chevron-circle-left"></i>Volver a lista</a>
                    </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-users"></i>&nbsp;<a class="parent-item"
                            href="{{ url('/asociaciones') }}">Listado de Asociaciones</a>
                        &nbsp;<i class="fa fa-angle-right"></i>
                    </li>
                    <li class="active">Asocición - Ver</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>Asociación - Ver</header>
                    </div>
                    <div class="card-body">
                        <div class="col-md-12">
                            <div class="box box-warning">
                                <div class="box-header with-border">
                                    <h3 class="box-title"><i class="fa fa-building-o"></i> Información de la Asociación
                                    </h3>
                                </div>
                                <div class="box-body">
                                    <div class="row col-md-12">
                                        <div class="col-md-4">
                                            <ul class="list-group list-group-unbordered">
                                                <li class="list-group-item">
                                                    <b>Código</b> <a
                                                        class="pull-right">{{$data->cliente_entidad_id}}</a>
                                                </li>
                                                <li class="list-group-item">
                                                    <b>Identificación</b> <a
                                                        class="pull-right">{{$data->cliente_entidad_documento}}</a>
                                                </li>
                                                <li class="list-group-item">
                                                    <b>Nombre</b> <a
                                                        class="pull-right">{{$data->cliente_entidad_nombre}}</a>
                                                </li>
                                                <li class="list-group-item">
                                                    <b>Siglas</b> <a
                                                        class="pull-right">{{$data->cliente_entidad_sigla}}</a>
                                                </li>
                                                <li class="list-group-item">
                                                    <b>Estado</b> <a
                                                        class="pull-right">{{$data->cliente_entidad_estado_id == 1 ?
                                                        'Activa' : 'Inactiva'}}</a>
                                                </li>

                                                <li class="list-group-item">
                                                    <b>Medio de pago</b> <a class="pull-right">{{$data->medio_pago != ''
                                                        ? $data->medio_pago->medio_de_pago_nombre : ''}}</a>
                                                </li>
                                                <li class="list-group-item">
                                                    <b>Autoriza envío de Email?</b> <a
                                                        class="pull-right">{{$data->cliente_entidad_autoriza_envio_email
                                                        == true ? 'Si' : 'No'}}</a>
                                                </li>

                                                <li class="list-group-item">
                                                    <b>Es Recaudador?</b> <a
                                                        class="pull-right">{{$data->cliente_entidad_es_recaudador ==
                                                        true ? 'Si' : 'No'}}</a>
                                                </li>
                                                <li class="list-group-item">
                                                    <b>Muestra Modalidad en Planilla?</b> <a
                                                        class="pull-right">{{$data->cliente_entidad_muestra_modalidad ==
                                                        true ? 'Si' : 'No'}}</a>
                                                </li>
                                                <li class="list-group-item">
                                                    <b>Muestra Novedad en Planilla?</b> <a
                                                        class="pull-right">{{$data->cliente_entidad_muestra_novedad ==
                                                        true ? 'Si' : 'No'}}</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="col-md-4">
                                            <ul class="list-group list-group-unbordered">
                                                <li class="list-group-item">
                                                    <b>Visualice Iva</b> <a
                                                        class="pull-right">{{$data->cliente_entidad_visualice_impuesto
                                                        == true ? 'Si' : 'No'}}</a>
                                                </li>
                                                <li class="list-group-item">
                                                    <b>Visualice Factura</b> <a
                                                        class="pull-right">{{$data->cliente_entidad_visualice_factura ==
                                                        true ? 'Si' : 'No'}}</a>
                                                </li>
                                                <li class="list-group-item">
                                                    <b>Encargado Código</b>
                                                    @if(isset($data->encargado))
                                                    <a class="pull-right">
                                                        {{$data->encargado->empleado_nombres.'
                                                        '.$data->encargado->empleado_apellido1.'
                                                        '.$data->encargado->empleado_apellido2}}</a>
                                                    @endif
                                                </li>
                                                <li class="list-group-item">
                                                    <b>Localidad</b> <a class="pull-right">{{$data->localidad != null ?
                                                        $data->localidad->localidad_nombre : ''}} </a>
                                                </li>
                                                <li class="list-group-item">
                                                    <b>Teléfono Principal</b> <a class="pull-right">{{
                                                        $data->codigo_telefono_pais }}
                                                        {{$data->cliente_entidad_telefono_principal}}</a>
                                                </li>
                                                <li class="list-group-item">
                                                    <b>Otros Teléfonos</b>
                                                    <a class="pull-right">
                                                        @php
                                                        $str = $data->cliente_entidad_otros_telefonos;
                                                        $new = str_replace('["','',$str);
                                                        $new = str_replace('"]', '', $new);
                                                        $new = str_replace(',', ' , ', $new);
                                                        $telefono_formateado = str_replace('"', '', $new);
                                                        @endphp
                                                        {{ $telefono_formateado }}
                                                    </a>
                                                </li>
                                                <li class="list-group-item">
                                                    <b>Correo Electrónico</b> <a
                                                        class="pull-right">{{$data->cliente_entidad_email}}</a>
                                                </li>
                                                <li class="list-group-item">
                                                    <b>Dirección</b>
                                                    <a class="pull-right">{{$data->cliente_entidad_direccion}}</a>
                                                </li>

                                                <li class="list-group-item">
                                                    <b>Clientes Activos en Asociación</b>
                                                    <a class="pull-right">
                                                        @php
                                                        $clientesAsocicion_2 = $data->cliente_entidad_numero_clientes > 0 ? $data->cliente_entidad_numero_clientes : 0;
                                                        @endphp
                                                        <span contenteditable="true" id="editableText">
                                                         {{ $clientesAsocicion_2 }}
                                                         
                                                        </span>
                                                      </a>
                                                </li>
                                                <li class="list-group-item">
                                                    <b>Clientes Activos en VDP</b>
                                                    <a class="pull-right">{{$clientesAsocicion}}</a>
                                                </li>
                                                <li class="list-group-item">
                                                    <b>Ultimo Contrato Registrado</b>
                                                    <a class="pull-right">
                                                        @if($ultimoContrato)
                                                            {{ date_format(date_create($ultimoContrato->contrato_fechacreacion),'d/m/Y') }}
                                                        @endif
                                                    </a>
                                                </li>{{-- ultimoContrato --}}
                                            </ul>
                                        </div>
                                        <div class="col-md-4">
                                            @if($data->cliente_entidad_logo != '')
                                            <img class="img-thumbnail"
                                                src="{{ URL('upload/logos/').'/'.$data->cliente_entidad_logo }}"
                                                alt="User profile picture">
                                            @else
                                            <b>
                                                <h4><i class="fa fa-picture-o"></i>Logo Asociación</h4>
                                            </b>
                                            @endif


                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="">
            <div class="card">
                <div class="card-header p-2">
                    <ul class="nav nav-pills">

                        @if (auth()->user()->hasPermissionTo('indexCliente-entidad-contacto'))
                            <li class="nav-item"><a class="nav-link active" href="#contactos"
                                    data-toggle="tab">Contactos</a>
                            </li>
                            
                        @endif
                       {{--  <li class="nav-item"><a class="nav-link active" href="#contactos"
                                data-toggle="tab">Contactos</a>
                        </li> --}}
                                
                        @if (auth()->user()->hasPermissionTo('viewCliente-entidad-contrato-recaudo'))
                            
                            <li class="nav-item"><a class="nav-link" href="#contratos" data-toggle="tab">Datos contrato
                                    Recaudo</a></li>
                        @endif

                        @if (auth()->user()->hasPermissionTo('createFactura-planilla'))
                            <li class="nav-item"><a class="nav-link" href="#recibo_cobro" data-toggle="tab">Recibos
                                    Cobro</a></li>
                            
                        @endif
                       
                        @if (auth()->user()->hasPermissionTo('indexCliente-entidad-novedad'))
                            <li class="nav-item"><a class="nav-link" href="#novedades" data-toggle="tab">Novedades</a></li>
                            
                        @endif
                       

                        @if (auth()->user()->hasPermissionTo('ajaxPago-planilla'))
                            <li class="nav-item"><a class="nav-link" href="#plantillas" data-toggle="tab">Planillas</a></li>
                            
                        @endif
                        

                        @if (auth()->user()->hasPermissionTo('indexCliente-entidad-pago'))
                            <li class="nav-item"><a class="nav-link" href="#pagos" data-toggle="tab">Pagos</a></li>
                            
                        @endif
                        

                        @if (auth()->user()->hasPermissionTo('indexCliente-entidad-relaciones-publicas'))
                            <li class="nav-item"><a class="nav-link" href="#relaciones_publicas" data-toggle="tab">Relaciones Pública</a></li>                            
                        @endif
                        
                        @if (auth()->user()->hasPermissionTo('indexCliente-entidad-novedad'))
                            <li class="nav-item"><a class="nav-link" href="#logs_cambios" data-toggle="tab">Novedades Asociacion</a></li>
                            
                        @endif
                                                    
                       
                        
                    </ul>
                </div><!-- /.card-header -->
                <div class="card-body">
                    <div class="tab-content">
                        <div class="active tab-pane" id="contactos">
                            <div class="row">
                                <div class="col-md-12 mb-3">
                                    <div class="float-right">
                                        {{-- createCliente-entidad-contacto --}}
                                        @if (auth()->user()->hasPermissionTo('createCliente-entidad-contacto'))                                            
                                            <a href="{{url('contactos-asociacion/crear/'.$data->cliente_entidad_id)}}"
                                                class="btn bg-primary text-white">
                                                <i class="fa fa-plus"></i>
                                                Crear Contacto
                                            </a>
                                        @endif

                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                {{-- indexCliente-entidad-contacto --}}
                                @if (auth()->user()->hasPermissionTo('indexCliente-entidad-contacto')) 
                                <div class="col-md-12">
                                    <div id="tablaContactos"></div>
                                </div>
                                @endif
                            </div>
                        </div>
                        <!-- /.tab-pane -->
                        <div class="tab-pane" id="contratos">
                            <div class="row">
                                <div class="col-md-3">
                                    <p><strong>
                                            Modalidad
                                        </strong></p>
                                    <p>
                                        {{$data_contrato->cli_en_con_rec_modalidad ?? ''}}
                                    </p>
                                </div>
                                <div class="col-md-3">
                                    <p><strong>
                                            Día de Corte
                                        </strong></p>
                                    <p>
                                        {{$data_contrato->cli_en_con_rec_dia_corte ?? ''}}
                                    </p>
                                </div>
                                <div class="col-md-3">
                                    <p><strong>
                                            Día de Pago
                                        </strong></p>
                                    <p>
                                        {{$data_contrato->cli_en_con_rec_dia_pago ?? ''}}
                                    </p>
                                </div>
                                <div class="col-md-3">
                                    @if ($data_contrato && auth()->user()->hasPermissionTo('viewCliente-entidad-contrato-recaudo'))

                                    <a href="{{url('/contratos-ver/'.$data_contrato->cli_en_con_rec_id.'/ver' )}}"
                                        class="btn btn-tbl-update btn-xs" data-bs-toggle="tooltip"
                                        data-bs-placement="top" title="Actualizar">
                                        <i class="fa fa-eye"></i>
                                    </a>
                                    @endif
                                </div>
                            </div>
                            <div id="tablaContratos">

                            </div>
                        </div>
                        <!-- /.tab-pane -->
                        <div class="tab-pane" id="recibo_cobro">
                            <div class="row col-md-2">
                            
                            @if(auth()->user()->hasPermissionTo('createFactura-planilla'))
                                <button type="button" class="btn btn-primary" data-toggle="modal"
                                    data-target="#modalCobro">
                                    Crear Recibo Cobro
                                </button>
                                @endif
                                
                            </div>
                            <br>
                            <div id="recibosCobros">

                            </div>

                            <div class="modal fade" id="modalCobro" tabindex="-1" aria-labelledby="modalCobro"
                            aria-hidden="true">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="modalCobro">Registrar Recibo Cobro</h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        {!! Form::open(['url' => ['recibos-cobros/' .$id
                                        ],'method'=>'post','id'=>'frmFiltros']) !!}
                                        <div class="row mt-1">
                                            <div class="col-6">
                                                <label for=""><b>Asociación</b></label><br>
                                                <select name="asociacion" id="" disabled="disabled">
                                                    <option value="{{ $asociacion->cliente_entidad_id  }}">{{
                                                        $asociacion->cliente_entidad_nombre }}</option>
                                                </select>
                                            </div>
                                            <div class="col-6">
                                                <label for=""><b>Planilla</b></label>
                                                {!! Form::select('planilla',
                                                $planillas,null,['class'=>'form-control',
                                                'id'=>'planillaCobro',
                                                'style'=>'width:
                                                100%;','placeholder'=>'Planilla','onchange'=>"asociarPlanilla('planillaCobro')"]) !!}
                                            </div>
                                        </div>
                                        <div class="row mt-1">
                                            <div class="col-6">
                                                <label for=""><b>Cedula Juridica</b></label>

                                                <select name="cedula" id="" class="form-control" required>
                                                    <option value="">Seleccionar</option>
                                                    @foreach ($cedulas as $item)
                                                    <option value="{{ $item->cedula_juridica_id }}">{{
                                                        $item->cedula_juridica_cedula }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="col-6">
                                                <label for=""><b>Modalidad de Pago</b></label>
                                                {!! Form::select('modo',
                                                $modos,null,['class'=>'form-control','style'=>'width:
                                                100%;','placeholder'=>'Modalidad de Pago', 'required']) !!}
                                            </div>
                                        </div>
                                        <div class="row mt-1">
                                            <div class="col-6">
                                                <label for=""><b>Cuenta Bancaria</b></label>
                                                {!! Form::select('cuenta',
                                                $cuentas,null,['class'=>'form-control','style'=>'width:
                                                100%;','placeholder'=>'Cuentas Bancarias','required']) !!}
                                            </div>
                                            <div class="col-6">
                                                <label for=""><b>Detalle de cobro</b></label>
                                                <textarea 
                                                    
                                                    name="detalle" 
                                                    class="form-control"
                                                    id="detalle_cobroCobro"
                                                    style="resize: none"
                                                    >
                                                </textarea>
                                            </div>
                                        </div>

                                        <div class="row mt-1">
                                            <div class="col-6">
                                                <label for=""><b>Fecha de Cobro (Enviada)</b></label>
                                               {!! Form::date('fechaHora',null,['id'=> 'fechaHoraCobro','class'=>'form-control','style'=>'width:
                                                100%;','placeholder'=>'']) !!}
                                            </div>

                                            {!! Form::mMonedaFormato('valorCobro',null ,'Valor Cobrado(enviado)',$errors,6,true) !!}
                                            {{-- <div class="col-6">
                                                <label for=""><b>Valor Cobrado(enviado)</b></label>
                                                <input type="text" name="valor_enviado" id="valorCobro" class="form-control" required>
                                            </div> --}}
                                        </div>

                                     

                                    </div>
                                    <div class="modal-footer">

                                        <button type="submit" class="btn btn-primary">Guardar</button>
                                    </div>
                                    {!! Form::close() !!}
                                </div>
                            </div>
                        </div>
                        </div>
                        <!-- /.tab-pane -->
                        <div class="tab-pane" id="novedades">
                            <div class="row">

                                @if(auth()->user()->hasPermissionTo('create-ajaxCliente-entidad-novedad'))
                                    <div class="row col-md-2">
                                        <button type="button" class="btn btn-primary" data-toggle="modal"
                                            data-target="#exampleModal">
                                            Crear Novedad
                                        </button>
                                    </div>
                                @endif

                            </div>
                            <br>
                            {{-- indexCliente-entidad-novedad --}}
                            @if (auth()->user()->hasPermissionTo('indexCliente-entidad-novedad'))
                                
                                <div id="tablaNovedades">

                                </div>
                            @endif

                            <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
                                aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="exampleModalLabel">Agregar Novedad</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            {!! Form::open(['url' => ['contratos-novedad/' .$id
                                            ],'method'=>'post','id'=>'frmFiltros']) !!}
                                            <div class="row mt-1">
                                                <div class="col-6">
                                                    <label for=""><b>Asociación</b></label><br>
                                                    <select name="asociacion" id="" disabled="disabled" class="form-control" >
                                                        <option value="{{ $asociacion->cliente_entidad_id  }}">{{
                                                            $asociacion->cliente_entidad_nombre }}</option>
                                                    </select>
                                                </div>
                                                <div class="col-6">
                                                    <label for=""><b>Tipo Novedad</b></label>
                                                    <select name="novedad_tipo" id="" class="form-control">
                                                        <option value="">Seleccionar</option>
                                                        @foreach ($novedades as $item)
                                                        <option value="{{ $item->tipo_comunicacion_id }}">{{
                                                            $item->tipo_comunicacion_descripcios }}</option>

                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="row mt-1">
                                                <div class="col-6">
                                                    <label for=""><b>Fecha y hora</b></label>
                                                   
                                                    {!! Form::datetimeLocal('fecha_novedad', $today, ['class' =>
                                                    'form-control']) !!}
                                                </div>
                                                <div class="col-6">
                                                    <label for=""><b>Quien Atendio</b></label>
                                                    <input type="text" name="atendio" class="form-control" id="">
                                                </div>
                                            </div>
                                            <div class="row mt-1">
                                                <div class="col-6">
                                                    <label for=""><b>Descripción Novedad</b></label>
                                                    <textarea 
                                                        name="descripcion" 
                                                        required 
                                                        class="form-control"
                                                        style="resize: none"></textarea>
                                                </div>
                                                <div class="col-6">
                                                    <label for=""><b>Observación</b></label>
                                                    <textarea name="observacion" class="form-control"
                                                        style="resize: none"></textarea>
                                                </div>
                                            </div>

                                            <div class="row mt-1">
                                                <div class="col-6">
                                                    <label for=""><b>Estado de la llamada</b></label>
                                                    <select name="estado_llamado" class="form-control" required>
                                                        <option value="">Seleccionar</option>
                                                        @foreach ($estado_llamada as $item)
                                                        <option value="{{ $item->tipo_estado_llamada_id }}">{{
                                                            $item->tipo_estado_llamada_descripcion }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>

                                                <div class="col-6">
                                                    <label for=""><b>Seguimiento</b></label>
                                                    <select name="seguimiento" class="form-control">
                                                        <option value="1">Si</option>
                                                        <option value="2">No</option>
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="row mt-1">
                                                <div class="col">
                                                    <label for=""><b>¿Resuelto?</b></label>
                                                    <select name="resuelto" class="form-control">
                                                        <option value="1">Si</option>
                                                        <option value="2">No</option>
                                                    </select>
                                                </div>
                                            </div>

                                        </div>
                                        <div class="modal-footer">

                                            <button type="submit" class="btn btn-primary">Guardar</button>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /.tab-pane -->
                        <div class="tab-pane" id="plantillas">
                            <div id="tablaPlanillas">

                            </div>
                        </div>

                        <div class="tab-pane" id="pagos">
                            <div class="row col-md-2">
                                <button type="button" class="btn btn-primary" data-toggle="modal"
                                    data-target="#modalPago">
                                    Crear pago
                                </button>

                            </div>
                            <br>
                            <div id="tablaPagos">

                            </div>

                            <div class="modal fade" id="modalPago" tabindex="-1" aria-labelledby="modalPago"
                                aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="modalPago">Agregar Pago</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            {!! Form::open(['url' => ['contratos-pagos/' .$id
                                            ],'method'=>'post','id'=>'frmFiltrosPagosContratos', 'class'=>'form-group']) !!}

                                            <div class="row">
                                                <div class="col-6">
                                                    <label for=""><b>Asociación Solidarista</b></label>
                                                    <select name="asociacion" id="" class="form-control">
                                                        <option value="{{ $asociacion->cliente_entidad_id  }}">{{
                                                            $asociacion->cliente_entidad_nombre }}</option>
                                                        @foreach ($asociaciones as $item)
                                                        <option value="{{ $item->cliente_entidad_id }}">{{
                                                            $item->cliente_entidad_nombre }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-6">
                                                    <label for=""><b>Planilla</b></label>
                                                    {!! Form::select('planilla',
                                                    $planillas,null,['id' =>'planilla','class'=>'form-control','style'=>'width:
                                                    100%;','placeholder'=>'Planilla', 'onchange'=>"asociar('planilla')"]) !!}
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-6">
                                                    <label for=""><b>Cedula</b></label>
                                                    <select name="cedula" id="cedulaJuridica" class="form-control">
                                                        <option value="">Seleccionar</option>
                                                        @foreach ($cedulas as $item)
                                                        <option value="{{ $item->cedula_juridica_id }}">{{
                                                            $item->cedula_juridica_cedula }}</option>
                                                        @endforeach
                                                    </select>

                                                </div>
                                                <div class="col-6">
                                                    <label for=""><b>Modalidad de Pago</b></label>
                                                    {!! Form::select('modo',
                                                    $modosP,null,['class'=>'form-control','style'=>'width:
                                                    100%;','placeholder'=>'Modalidad de Pago']) !!}
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-6">
                                                    <label for=""><b>Cuenta Bancaria</b></label>
                                                    {!! Form::select('cuenta',
                                                    $cuentas,null,['class'=>'form-control','style'=>'width:
                                                    100%;','placeholder'=>'Cuentas Bancarias']) !!}
                                                </div>

                                                <div class="col-6">
                                                    <label for=""><b>Detalle de Cobro</b></label>
                                                    <textarea name="detalle" id="detalle_cobro_modal" class="form-control"
                                                        style="resize: none"></textarea>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-6">
                                                    <label for=""><b>Fecha de Cobro (Enviada)</b></label>
                                                    {!!
                                                    Form::date('fechaHora',null,['id'=>'fechaHoraModal', 'class'=>'form-control','style'=>'width:
                                                    100%;','placeholder'=>'']) !!}
                                                </div>

                                                {!! Form::mMonedaFormato('monto',null ,'Valor Cobrado(enviado)',$errors,6,true) !!}
                                                
                                            </div>

                                            <div class="row">
                                                <div class="col-6">
                                                    <label for=""><b>Fecha de consignación</b></label>
                                                    {!!
                                                    Form::date('fechaConsiganacion',null,['id' =>'fechaConsiganacionModal', 'class'=>'form-control','style'=>'width:
                                                    100%;','placeholder'=>'']) !!}
                                                </div>
                                                <div class="col-6">
                                                    <label for=""><b># de Deposito</b></label>
                                                    {!! Form::text('deposito_numero',
                                                    null,['class'=>'form-control','style'=>'width:
                                                    100%;','placeholder'=>'# de deposito']) !!}
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-6">
                                                    <label for=""><b># de Cheque</b></label>
                                                    {!! Form::text('numero_cheque',
                                                    null,['class'=>'form-control','style'=>'width:
                                                    100%;','placeholder'=>'# de cheque']) !!}
                                                </div>
                                                <div class="col-6">
                                                    <label for="">Emisión Cheque
                                                    </label>
                                                    {!!
                                                    Form::date('fecha_emision_cheque',null,['class'=>'form-control','style'=>'width:
                                                    100%;','placeholder'=>'']) !!}
                                                </div>
                                            </div>

                                            <div class="row">
                                                
                                                   
                                                   
                                                {!! Form::mMonedaFormato('valor_consignado',null ,'Valor Consignado',$errors,6,true) !!}
                                                

                                                <div class="col-6">
                                                    <label for=""><b>Detalle Pago</b></label>
                                                    <textarea name="detalle_pago" id="" class="form-control"
                                                        style="resize: none"></textarea>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-6">
                                                    <label for=""><b>Tiene Planilla</b></label>
                                                    <input type="checkbox" name="tiene_planilla" id="subalterno"
                                                        data-off="No" data-on="Si" data-toggle="toggle"
                                                        data-onstyle="primary" data-offstyle="danger">
                                                </div>
                                            </div>

                                        </div>
                                        <div class="modal-footer">

                                            <button type="submit" class="btn btn-primary">Guardar</button>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="tab-pane" id="relaciones_publicas">
                            <div class="row">

                               
                                <div class="row col-md-2">
                                    <a 
                                    href="{{ url('asociaciones/relaciones-publicas/'. $data->cliente_entidad_id) }}"
                                    class="btn btn-primary" 
                                        >
                                       Agregar
                                    </a>
                                </div>
                               

                            </div>
                            <br>
                           
                                
                                <div id="tablaRelacionesPublicas">

                                </div>

                               
                            

                            <div class="modal fade" id="exampleModalRelation" tabindex="-1" aria-labelledby="exampleModalRelationlLabel"
                                aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="exampleModalRelationlLabel">Agregar Novedad De Relacion Pública</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            {!! Form::open(['url' => ['guardar-relacion-publica/' .$id
                                            ],'method'=>'post','id'=>'frmFiltros']) !!}
                                            <div class="row mt-1">
                                                <div class="col-6">
                                                    <label for=""><b>Asociación</b></label><br>
                                                    <select name="asociacion" id="" disabled="disabled" class="form-control" >
                                                        <option value="{{ $asociacion->cliente_entidad_id  }}">{{
                                                            $asociacion->cliente_entidad_nombre }}</option>
                                                    </select>
                                                </div>
                                                <div class="col-6">
                                                    <label for=""><b>Tipo Novedad</b></label>
                                                    <select name="novedad_tipo" id="" class="form-control">
                                                        <option value="">Seleccionar</option>
                                                        @foreach ($novedades as $item)
                                                        <option value="{{ $item->tipo_comunicacion_id }}">{{
                                                            $item->tipo_comunicacion_descripcios }}</option>

                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="row mt-1">
                                                <div class="col-6">
                                                    <label for=""><b>Fecha y hora</b></label>
                                                   
                                                    {!! Form::datetimeLocal('fecha_novedad', $today, ['class' =>
                                                    'form-control']) !!}
                                                </div>
                                                <div class="col-6">
                                                    <label for=""><b>Quien Atendio</b></label>
                                                    <input type="text" name="atendio_por" class="form-control" id="">
                                                </div>
                                            </div>
                                            <div class="row mt-1">
                                                
                                                <div class="col-6">
                                                    <label for=""><b>Observación</b></label>
                                                    <textarea name="observacion" class="form-control"
                                                        style="resize: none"></textarea>
                                                </div>
                                            </div>

                                            <div class="row mt-1">
                                                <div class="col-6">
                                                    <label for=""><b>Estado de la llamada</b></label>
                                                    <select name="estado" class="form-control" required>
                                                        <option value="">Seleccionar</option>
                                                        @foreach ($estado_llamada as $item)
                                                        <option value="{{ $item->tipo_estado_llamada_id }}">{{
                                                            $item->tipo_estado_llamada_descripcion }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>

                                              
                                            </div>

                                            <div class="row mt-1">
                                                <div class="col">
                                                    <label for=""><b>¿Resuelto?</b></label>
                                                    <select name="resuelto" class="form-control">
                                                        <option value="1">Si</option>
                                                        <option value="2">No</option>
                                                    </select>
                                                </div>
                                            </div>

                                        </div>
                                        <div class="modal-footer">

                                            <button type="submit" class="btn btn-primary">Guardar</button>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane" id="logs_cambios">
                            <div class="row">
                                <div class="col-md-12">
                                    <div id="tablaLogCambios"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.tab-pane -->
                </div>
                <!-- /.tab-content -->
            </div><!-- /.card-body -->
        </div>
        <!-- /.nav-tabs-custom -->
    </div>
</div>
</div>

@endsection
@section('script')
<script type="text/javascript">

$('a[data-toggle="tab"]').on('shown.bs.tab', function(e) {
            var id = $(e.target).attr('href');
            localStorage.setItem('lastTabViewAso', id);
        });

        // Setear el último tab pane activo en la página
        var lastTab = localStorage.getItem('lastTabViewAso');
        if (lastTab) {
            $('a[href="' + lastTab + '"]').tab('show');
        }
 
 function generarRecibo(id){
            Swal.fire({
                title: '¿Estás seguro?',
                /* text: "¡No podrás revertir esto!", */
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#28a745',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Si, generar',
                cancelButtonText: 'Cancelar'
                }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: `{{asset('').'contrato/asociacion/pago-generar-recibo'}}` + '/' + id,
                        method: 'PUT',
                        data: {
                            _token: `{{ csrf_token() }}`
                        },
                        success: function(data){
                            Swal.fire({
                                title: '¡Generado!',
                                text: 'El recibo ha sido generado.',
                                icon: 'success',
                                confirmButtonColor: '#28a745',
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    /* window.location.href = '/asociacion/ver/' + id + '/index'; */
                                    window.location.reload();
                                }
                            })
                        },
                        error: function(error){
                            console.log(error);
                            Swal.fire({
                                title: '¡Error!',
                                text: 'El recibo no pudo ser generado.',
                                icon: 'error',
                                confirmButtonColor: '#28a745',
                            })
                        }
                    });
                }
            })
        }

    let page = null
    listar(1)
    listarContratos(1)
    listarNovedades(1)
    listarPagos(1)
    listarPlanillas(1)
    listarRecibosCobros(1)
    listarRelaciones(1)
    listarLogCambios(1)
    $(document).ready(() => {
        $(document).on('click', '.pagination a', function (event) {
            event.preventDefault()
            $('li').removeClass('active')
            $(this).parent('li').addClass('active')
            page = $(this).attr('href').split('page=')[1]
           
            listar(page)
            listarContratos(page)
            listarNovedades(page)
            listarPagos(page)
            listarPlanillas(page)
            listarRecibosCobros(page)
            listarRelaciones(page)
            listarLogCambios(page)
        });


        $('#editableText').on('blur', function() { // Evento 'blur' se dispara cuando el elemento pierde el foco
                var numero_clientes = $(this).text();
                $.ajax({
                    url: `{{asset('').'asociaciones/clientes'}}` + '/' + {{$data->cliente_entidad_id}},
                type: 'PATCH',
                data: {
                    numero_clientes,
                    _token: '{{ csrf_token() }}' // Necesario para Laravel para proteger contra CSRF
                },
                success: function(res) {
                  if(res.ok){
                    Swal.fire({
                        title: '¡Actualizado!',
                        text: res.message,
                        icon: 'success',
                        confirmButtonColor: '#28a745',
                    }).result.then((result) => {
                        if (result.isConfirmed) {
                            window.location.reload();
                        }
                    })
                  }else{
                    Swal.fire({
                        title: '¡Error!',
                        text: res.message,
                        icon: 'error',
                        confirmButtonColor: '#28a745',
                    })
                  }
                },
                error: function(xhr, status, error) {
                    // Manejar errores
                    Swal.fire({
                        title: '¡Error!',
                        text: res.message,
                        icon: 'error',
                        confirmButtonColor: '#28a745',
                    })
                }
                });
            });

           /*  $("#resuelto").on('blur', ()=>{
                console.log("resuelto")
            }) */

    })


   
    


    function listar(page = 1) {
        let pagePage = 1
        let url = "{{route('contactos-ajax', $data->cliente_entidad_id)}}";
        $.ajax({
            url: url + '?page=' + pagePage,
        }).done((data) => {
            $('#tablaContactos').html(data)
        }).fail((jqXHR, ajaxOptions, thrownError) => {
            console.log('No response from server listar')
           // alert('No response from server')
        })
    }
    function listarContratos(page) {
       
        let url = "{{route('contratos-recaudos-ajax', $data->cliente_entidad_id)}}";
        $.ajax({
            url: url + '?page=' + page, // Usa 'page' directamente sin reasignarlo a 'pagePage'
        }).done((data) => {
            $('#tablaContratos').html(data);
        }).fail((jqXHR, ajaxOptions, thrownError) => {
            console.log('No response from server listarContratos');
            /* alert('No response from server'); */
        });
   
    }

    function listarNovedades(page) {
        let pagePage = 1
        let url = "{{route('contratos-novedades-ajax', $data->cliente_entidad_id)}}";
        $.ajax({
            url: url + '?page=' + pagePage,
        }).done((data) => {
            $('#tablaNovedades').html(data)
        }).fail((jqXHR, ajaxOptions, thrownError) => {
            console.log('No response from server listarNovedades')
            /* alert('No response from server') */
        })

        
    }
/*  */
    function listarPagos(page) {
        let pagePage = 1
        let url = "{{route('contratos-pagos-ajax', $data->cliente_entidad_id)}}";
        $.ajax({
            url: url + '?page=' + page,
        }).done((data) => {
            $('#tablaPagos').html(data)
        }).fail((jqXHR, ajaxOptions, thrownError) => {
            console.log('No response from server listarPagos')
            /* alert('No response from server') */
        })
    }

    function listarPlanillas(page) {
        let url = "{{route('contratos-planillas-ajax', $data->cliente_entidad_id)}}";
        $.ajax({
            url: url + '?page=' + page,
        }).done((data) => {
            $('#tablaPlanillas').html(data)
        }).fail((jqXHR, ajaxOptions, thrownError) => {
            console.log('No response from server listarPlanillas')
            /* alert('No response from server') */
        })
    }

    function listarRecibosCobros(page) {
        let url = "{{route('recibos-cobros', $data->cliente_entidad_id)}}";
        $.ajax({
            url: url + '?page=' + page,
        }).done((data) => {
            $('#recibosCobros').html(data)
        }).fail((jqXHR, ajaxOptions, thrownError) => {
            console.log('No response from server listarRecibosCobros')
            /* alert('No response from server') */
        })
    }

    function listarRelaciones(page) {
        let pagePage = 1
        let url = "{{route('index-relaciones-ajax', $data->cliente_entidad_id)}}";
        $.ajax({
            url: url + '?page=' + pagePage,
        }).done((data) => {
            $('#tablaRelacionesPublicas').html(data)
        }).fail((jqXHR, ajaxOptions, thrownError) => {
            console.log('No response from server listarNovedades')
            /* alert('No response from server') */
        })
    }

    function listarLogCambios(page) {
        let pagePage = 1
        let url = "{{route('index-log-cambios-ajax', $data->cliente_entidad_id)}}";
        $.ajax({
            url: url + '?page=' + pagePage,
        }).done((data) => {
            $('#tablaLogCambios').html(data)
        }).fail((jqXHR, ajaxOptions, thrownError) => {
            console.log('No response from server listarNovedades')
            /* alert('No response from server') */
        })
    }


    function deleteRelacion (id){
        Swal.fire({
            title: '¿Estás seguro?',
            text: "¡No podrás revertir esto!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#d33',
            cancelButtonColor: '#28a745',
            confirmButtonText: 'Si, eliminar',
            cancelButtonText: 'Cancelar'
            }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: `{{asset('').'relaciones-publicas/eliminar'}}` + '/' + id,
                    method: 'DELETE',
                    data: {
                        _token: `{{ csrf_token() }}`
                    },
                    success: function(res){
                       if(res.ok){
                        Swal.fire({
                            title: '¡Eliminado!',
                            text: 'La relación pública ha sido eliminada.',
                            icon: 'success',
                            confirmButtonColor: '#28a745',
                        }).then((result) => {
                            if (result.isConfirmed) {
                                window.location.reload();
                            }
                        })
                       }else{
                        Swal.fire({
                            title: '¡Error!',
                            text: 'La relación pública no pudo ser eliminada.',
                            icon: 'error',
                            confirmButtonColor: '#28a745',
                        })
                       }
                    },
                    error: function(error){
                        console.log(error);
                        Swal.fire({
                            title: '¡Error!',
                            text: 'La relación pública no pudo ser eliminada.',
                            icon: 'error',
                            confirmButtonColor: '#28a745',
                        })
                    }
                });
            }
        })
    }

    function asociar(planilla){
        let planilla_id = document.getElementById(planilla).value
        console.log(planilla_id)
        let url = "{{url('contratos-pagos-planilla')}}"+'/'+planilla_id;

        $.ajax({
            url: url,
            method: 'GET',
            success: function(data){
                console.log(data.data)
                
                document.getElementById('fechaHoraModal').value = data.data.fecha_pago
            /* fechaConsiganacionModal */
               document.getElementById('fechaConsiganacionModal').value = data.data.fecha_pago  
               document.getElementById('detalle_cobro_modal').value = data.data.detalle
               document.getElementById('valor_consignado').value = data.data.monto
               /* monto */
               document.getElementById('monto').value = data.data.monto
               /* maskmoney */
               
               $("#valor_consignado").maskMoney().maskMoney('mask');
               $("#monto").maskMoney().maskMoney('mask');
               /* focus */
               $("#valor_consignado").focus();
            },
            error: function(error){
                console.log(error)
            }
        })



    }

    /* frmFiltrosPagosContratos validate form */
    $('#frmFiltrosPagosContratos').validate({
        rules: {
           /*  planilla: {
                required: true
            }, */
            modo: {
                required: true
            },
            cuenta: {
                required: true
            },
            detalle: {
                required: true
            },
            fechaHora: {
                required: true
            },
            valor_consignado: {
                required: true
            },
            fechaConsiganacion: {
                required: true
            },
            deposito_numero: {
                required: true
            },
            /* numero_cheque: {
                required: true
            },
            fecha_emision_cheque: {
                required: true
            }, */
            detalle_pago: {
                required: true
            },
            cedula: {
                required: true
            }
        },
        messages: {
           /*  planilla: {
                required: "<span class='text-danger'>Este campo es requerido</span>"
            }, */
            modo: {
                required: "<span class='text-danger'>Este campo es requerido</span>"
            },
            cuenta: {
                required: "<span class='text-danger'>Este campo es requerido</span>"
            },
            detalle: {
                required: "<span class='text-danger'>Este campo es requerido</span>"
            },
            fechaHora: {
                required: "<span class='text-danger'>Este campo es requerido</span>"
            },
            valor_consignado: {
                required: "<span class='text-danger'>Este campo es requerido</span>"
            },
            fechaConsiganacion: {
                required: "<span class='text-danger'>Este campo es requerido</span>"
            },
            deposito_numero: {
                required: "<span class='text-danger'>Este campo es requerido</span>"
            },
           /*  ,
            numero_cheque: {
                required: 'Este campo es requerido'
            },
            fecha_emision_cheque: {
                required: 'Este campo es requerido'
            }, */
            detalle_pago: {
                required: "<span class='text-danger'>Este campo es requerido</span>"
            },
            cedula: {
                required: "<span class='text-danger'>Este campo es requerido</span>"
            }
        }
    });


    function asociarPlanilla(planillaCobro){
        let planilla_id = document.getElementById(planillaCobro).value
        console.log(planilla_id)
        let url = "{{url('contratos-pagos-planilla')}}"+'/'+planilla_id;

        $.ajax({
            url: url,
            method: 'GET',
            success: function(data){
                console.log(data.data)
                
                document.getElementById('fechaHoraCobro').value = data.data.fecha_pago
            /* fechaConsiganacionModal */
               document.getElementById('fechaHoraCobro').value = data.data.fecha_pago  
               document.getElementById('detalle_cobroCobro').value = data.data.detalle
               document.getElementById('valorCobro').value = data.data.monto
               /* maskmoney */
               
               $("#valorCobro").maskMoney().maskMoney('mask');
               /* focus */
               
            },
            error: function(error){
                console.log(error)
            }
        })
    }

    function generarReciboCobro(recibo){
        Swal.fire({
            title: '¿Esta seguro que desea Generar el recibo de cobro?',
            /* text: "¡No podrás revertir esto!", */
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#28a745',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Si, generar',
            cancelButtonText: 'Cancelar'
            }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: `{{asset('').'recibos-cobros/generar-recibo'}}` + '/' + recibo,
                    method: 'PUT',
                    data: {
                        _token: `{{ csrf_token() }}`
                    },
                    success: function(res){

                        if(res.ok){

                            Swal.fire({
                                title: '¡Generado!',
                                text: res.message,
                                icon: 'success',
                                confirmButtonColor: '#28a745',
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    /* window.location.href = '/asociacion/ver/' + id + '/index'; */
                                    window.location.reload();
                                }
                            })
                        }else{
                            Swal.fire({
                                title: '¡Error!',
                                text: res.message,
                                icon: 'error',
                                confirmButtonColor: '#28a745',
                            })
                        }

                    },
                    error: function(error){
                        console.log(error);
                        Swal.fire({
                            title: '¡Error!',
                            text: 'El recibo no pudo ser generado. Contacte a soporte',
                            icon: 'error',
                            confirmButtonColor: '#28a745',
                        })
                    }
                });
            }
        })
    }

    function actionPagarFactura(planilla){
        Swal.fire({
            title: '¿Esta seguro que desea Pagar la factura?',
            /* text: "¡No podrás revertir esto!", */
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#28a745',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Si, Pagar',
            cancelButtonText: 'Cancelar'
            }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: `{{asset('').'asociaciones/pagar/factura'}}` + '/' + planilla,
                    method: 'PUT',
                    data: {
                        _token: `{{ csrf_token() }}`
                    },
                    success: function(res){

                        if(res.ok){

                            Swal.fire({
                                title: '¡Pagado!',
                                text: res.message,
                                icon: 'success',
                                confirmButtonColor: '#28a745',
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    /* window.location.href = '/asociacion/ver/' + id + '/index'; */
                                    window.location.reload();
                                }
                            })
                        }else{
                            Swal.fire({
                                title: '¡Error!',
                                text: res.message,
                                icon: 'error',
                                confirmButtonColor: '#28a745',
                            })
                        }

                    },
                    error: function(error){
                        console.log(error);
                        Swal.fire({
                            title: '¡Error!',
                            text: 'El recibo no pudo ser generado. Contacte a soporte',
                            icon: 'error',
                            confirmButtonColor: '#28a745',
                        })
                    }
                });
            }
        })
    }


 
</script>
@endsection