@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-primary">Orden Servicio Funerario -
                            {{ isset($edit) ? 'Actualizar' : 'Nuevo' }}</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('/servicios_funerarios') }}">Listado de
                                Ordenes Servicios Funerarios</a>
                            &nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Orden Servicio Funerario - {{ isset($edit) ? 'Actualizar' : 'Nuevo' }}</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>Información Básica</header>
                        </div>
                        @if (isset($edit))
                            {!! Form::model($edit, [
                                'url' => ['orden/actualizar/' . $edit->puesto_id],
                                'method' => 'PATCH',
                                'id' => 'frmClientes',
                            ]) !!}
                        @else
                            {!! Form::open(['url' => 'orden-servicio-funerario-crear', 'method' => 'POST', 'role' => 'form']) !!}
                        @endif
                        <div class="card-body">
                            <div class="row col-md-12">
                                {{--  {!! Form::mDate('orden_producto_fecha_hora_registro',isset($edit) ? $edit->orden_producto_fecha_hora_registro : null,'Fecha y Hora',$errors,6,true,true) !!} --}}

                                <div class="col-6">
                                    {{--  {!! Form::mDateTime(
                                    'orden_producto_fecha_hora_registro',
                                    isset($edit) ? $edit->orden_producto_fecha_hora_registro : null,
                                    'Fecha y Hora',
                                    $errors,
                                    6,
                                    true,
                                ) !!} --}}
                                    <label for="">Fecha y Hora</label>
                                    {!! Form::datetimeLocal('orden_producto_fecha_hora_registro', null, ['class' => 'form-control', 'required']) !!}
                                </div>


                                <div class="col-3">
                                    <label for="recibe" class="form-label">Tipo Orden de Servicio <span
                                            class="text-danger">*</span> </label><br>
                                        {{-- compra-directaOrden-producto --}}
                                        @if (auth()->user()->hasPermissionTo('compra-directaOrden-producto'))
                                            <label for="administra" class="form-label">Directo</label>
                                            <input 
                                                class="filtroClientes" 
                                                type="checkbox" 
                                                id="orden_directo" 
                                                name="orden_directo"
                                                data-off="No" 
                                                data-on="Si" 
                                                data-toggle="toggle" 
                                                data-onstyle="primary"
                                                data-offstyle="danger"
                                                {{ isset($edit) ? ($edit->orden_producto_tipo_servicio == 1 ? 'checked' : '') : '' }}
                                                >
                                            
                                        @endif
                                </div>
                                <div class="col-3"><br>
                                    <label for="recibe" class="form-label">Convenio </label>
                                    <input 
                                        class="filtroClientes" 
                                        {{ !isset($edit) ? 'checked' : '' }} 
                                        type="checkbox" 
                                        id="orden_convenio"
                                        name="orden_convenio" 
                                        data-off="No" 
                                        data-on="Si" 
                                        data-toggle="toggle"
                                        data-onstyle="primary"
                                         data-offstyle="danger"  
                                         {{ isset($edit) ? ($edit->orden_producto_tipo_servicio == 2 ? 'checked' : '') : '' }}>
                                </div>


                            </div>
                            <div class="row mb-1 col-md-6 mt-5">
                                <div class="input-group mb-3">
                                    <label for="">Cliente</label>
                                    {!! Form::select('orden_producto_cliente_id', [], isset($edit) ? $edit->orden_producto_cliente_id : null, [
                                        'id' => 'cliente',
                                        'class' => 'form-control select2',
                                        'placeholder' => 'Seleccionar',
                                        'style' => 'width: 80%;',
                                        'onchange' => 'consultar_contrato()',
                                        'required',
                                        
                                    ]) !!}
                                    <div class="input-group-append" id="desaparecer">
                                        <a class="btn btn-info" data-toggle="modal" data-target="#staticModalCliente"><i
                                                class="fa fa-plus"></i></a>
                                    </div>
                                </div>

                            </div>
                            <div class="row mb-1 col-md-12">
                                {!! Form::mtext(
                                    'orden_producto_cliente_celular',
                                    isset($edit) ? $edit->orden_producto_cliente_celular : null,
                                    'Cliente Celular',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                    [['onkeyup' => 'javascript:this.value=this.value.toUpperCase()']],
                                 
                                ) !!}

                                {!! Form::mtext(
                                    'orden_producto_cliente_telefono',
                                    isset($edit) ? $edit->orden_producto_cliente_telefono : null,
                                    'Cliente Teléfono',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                    [['onkeyup' => 'javascript:this.value=this.value.toUpperCase()']],
                                ) !!}
                            </div>
                            <section id="desaparece">
                                <div class="row mb-1 col-md-12 ">

                                    <div class="col-6">
                                        <label for="">Contrato</label>
                                        {!! Form::select('contrato', [], null, [
                                            'id' => 'contrato',
                                            'class' => 'form-control select2',
                                            'placeholder' => 'Seleccionar',
                                            'onchange' => 'consultar_servicios()',
                                            'disabled',
                                        ]) !!}
                                    </div>
                                    <input type="hidden" name="" id="contrato_servicio">

                                    {!! Form::mtext('orden_producto_contrato_forma_pago_id', null, 'Contrato Forma Pago', $errors, 6, false, true, [
                                        ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                        ['disabled'],
                                    ]) !!}
                                </div>
                                <div class="row mb-1 col-md-12">

                                    {!! Form::mselect('servicio', [], null, 'Servicio', $errors, 6, false, true, true, 'consultar_valor()', [
                                        'disabled',
                                    ]) !!}

                                    {!! Form::mtext('orden_producto_valor_a_pagar', null, 'Saldo Actual Servicio', $errors, 6, false, true, [
                                        ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                        ['disabled'],
                                    ]) !!}
                                </div>

                            </section>

                            <div class="row mb-1 col-md-12">
                                <div class="col-6">
                                    <label for="encargado" class="form-label">Beneficiario
                                    </label>
                                    <div class="input-group mb-3">
                                        {!! Form::select(
                                            'orden_producto_beneficiario_id',
                                            [],
                                            isset($edit) ? $edit->orden_producto_beneficiario_id : null,
                                            [
                                                'id' => 'beneficiario',
                                                'class' => 'form-control select2',
                                                'style' => 'width: 90%;',
                                        
                                                'disabled',
                                            ],
                                        ) !!}
                                        <div class="input-group-append">
                                            <a class="btn btn-info" data-toggle="modal" data-target="#staticModal"><i
                                                    class="fa fa-plus"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-1 col-md-12">
                                {!! Form::mselect(
                                    'orden_producto_beneficiario_parentesco',
                                     
                                    ['Cónyugue' => 'Cónyugue', 'Hijo (a)' => 'Hijo (a)', 'Padre / Madre' => 'Padre / Madre', 'Titular contrato' => 'Titular contrato', 'Otro' => 'Otro'],
                                    isset($edit) ? $edit->orden_producto_beneficiario_parentesco : null,
                                    'Parentesco',
                                    $errors,
                                    6,
                                    false,
                                    true,
                                    false,
                                    null,
                                    false,
                                 
                                ) !!}


                                {!! Form::mtext('orden_producto_beneficiario_edad', isset($edit) ? $edit->orden_producto_beneficiario_edad : null, 'Edad', $errors, 6, false, true, [
                                    ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                ]) !!}
                            </div>
                            <div class="row mb-1 col-md-12">
                                {!! Form::mtext('orden_producto_beneficiario_talla', isset($edit) ? $edit->orden_producto_beneficiario_talla : null, 'Talla', $errors, 6, false, true, [
                                    ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                ]) !!}

                                {!! Form::mtext('orden_producto_beneficiario_peso', null, 'Peso', $errors, 6, false, true, [
                                    ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                ]) !!}
                            </div>
                        </div>


                        <div class="card  card-box">
                            <div class="card-head">
                                <header>Información Complementaría</header>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-6">

                                        <label for="recibe" class="form-label">¿Patología? </label><br>
                                        <input type="checkbox" name="orden_producto_patologia_tipo" data-off="No"
                                            data-on="Si"
                                            {{ isset($edit) ? ($edit->orden_producto_patologia_tipo ? 'checked' : '') : '' }}
                                            data-toggle="toggle" data-onstyle="primary" data-offstyle="danger"
                                            id="orden_producto_patologia_tipo" onchange="accion_salario(this)">
                                    </div>

                                    <div class="col-6" id="tiene_patologia">

                                        <label for="recibe" class="form-label">Cual? </label><br>
                                        {!! Form::select('cual_patologia', [], null, ['id' => 'patologia_cual', 'class' => 'form-control select2']) !!}
                                        {{--  <label for="">Cual?</label>
                                            <select name="" id="" class="form-control select2" style="width: 50%"></select> --}}

                                    </div>

                                </div>
                                <div class="row mb-1 col-md-12">
                                    {!! Form::mtextAr(
                                        'orden_producto_patologia_observacion',
                                        isset($edit) ? $edit->orden_producto_patologia_observacion : null,
                                        'Causa de la Muerte',
                                        $errors,
                                        6,
                                        false,
                                        false,
                                        'onkeyup="javascript:this.value=this.value.toUpperCase()"',
                                    ) !!}

                                    {!! Form::mtextAr(
                                        'orden_producto_donde_se_encuentra_cuerpo',
                                        isset($edit) ? $edit->orden_producto_donde_se_encuentra_cuerpo : null,
                                        'Donde se Encuentra el Cuerpo',
                                        $errors,
                                        6,
                                        false,
                                        false,
                                        'onkeyup="javascript:this.value=this.value.toUpperCase()"',
                                    ) !!}
                                </div>
                                <div class="row mb-1 col-md-12">
                                    {!! Form::mDateTime(
                                        'orden_producto_fecha_hora_encuentra_cuerpo',
                                        isset($edit) ? $edit->orden_producto_fecha_hora_encuentra_cuerpo : null,
                                        'Fecha y Hora donde se Encuentra el Cuerpo',
                                        $errors,
                                        6,
                                        false,
                                        true,
                                    ) !!}

                                    {!! Form::mtextAr(
                                        'orden_producto_lugar_velacion',
                                        isset($edit) ? $edit->orden_producto_lugar_velacion : null,
                                        'Lugar de Velación',
                                        $errors,
                                        6,
                                        false,
                                        false,
                                        'onkeyup="javascript:this.value=this.value.toUpperCase()"',
                                    ) !!}
                                </div>
                                <div class="row mb-1 col-md-12">
                                    {!! Form::mtextAr(
                                        'orden_producto_lugar_servicio_religioso',
                                        isset($edit) ? $edit->orden_producto_lugar_servicio_religioso : null,
                                        'Lugar del Servicio Religioso',
                                        $errors,
                                        6,
                                        false,
                                        false,
                                        'onkeyup="javascript:this.value=this.value.toUpperCase()"',
                                    ) !!}

                                    {!! Form::mDateTime(
                                        'orden_producto_fecha_hora_servicio_religioso',
                                        isset($edit) ? $edit->orden_producto_fecha_hora_servicio_religioso : null,
                                        'Fecha y Hora Servicio Religioso',
                                        $errors,
                                        6,
                                        false,
                                        true,
                                    ) !!}
                                </div>
                                <div class="row mb-1 col-md-12">
                                    {!! Form::mtextAr(
                                        'orden_producto_lugar_sepultura',
                                        isset($edit) ? $edit->orden_producto_lugar_sepultura : null,
                                        'Dónde se va a Sepultar',
                                        $errors,
                                        6,
                                        false,
                                        false,
                                        'onkeyup="javascript:this.value=this.value.toUpperCase()"',
                                    ) !!}

                                    {!! Form::mDateTime(
                                        'orden_producto_fecha_hora_sepultura',
                                        isset($edit) ? $edit->orden_producto_fecha_hora_sepultura : null,
                                        'Fecha y Hora de Sepultura',
                                        $errors,
                                        6,
                                        false,
                                        true,
                                    ) !!}
                                </div>
                                <div class="row mb-1 col-md-12">
                                    {!! Form::mtextAr(
                                        'orden_producto_comentario',
                                        isset($edit) ? $edit->orden_producto_comentario : null,
                                        'Comentario',
                                        $errors,
                                        6,
                                        false,
                                        false,
                                        'onkeyup="javascript:this.value=this.value.toUpperCase()"',
                                    ) !!}
                                </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('servicios_funerarios') }}">Cancelar</a>
                                </div>
                            </div>
                            {!! Form::close() !!}
                        </div>
                        <div class="modal fade" id="staticModal" role="dialog" aria-labelledby="staticModalLabel"
                            aria-hidden="true">
                            <div class="modal-dialog modal-lg" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="staticModalLabel">Agregar Beneficiario</h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <form role="form" id="quickForm">
                                        <div class="clearfix"></div>
                                        <div class="modal-body">
                                            <div id="alerta"></div>

                                            <div class="row col-md-12">
                                                <div class="col-6">
                                                    <label for="sede" class="form-label">Sede</label>
                                                    {!! Form::select('sede_perteneciente', $sedes, isset($edit) ? '' : session()->get('data_entidad')->entidad_id, [
                                                        'id' => 'sede_perteneciente',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Seleccionar',
                                                    ]) !!}
                                                </div>
                                                <div class="col-6">
                                                    <label for="tipo_identificacion" class="form-label">Tipo
                                                        Identificación</label>
                                                    {!! Form::select('tipo_identificacion', $tipo_identificacion, isset($edit) ? '' : null, [
                                                        'id' => 'tipo_identificacion',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Seleccionar',
                                                    ]) !!}
                                                </div>
                                            </div>
                                            <div class="row col-md-12">
                                                {!! Form::mtext('documento', null, 'Documento', $errors, 6, false, true, [
                                                    ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                                ]) !!}

                                                {!! Form::mtext('nombres', null, 'Nombres', $errors, 6, true, true, [
                                                    ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                                ]) !!}


                                            </div>
                                            <div class="row col-md-12">
                                                {!! Form::mtext('paterno', null, 'Primer Apellido', $errors, 6, true, true, [
                                                    ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                                ]) !!}

                                                {!! Form::mtext('materno', null, 'Segundo Apellido', $errors, 6, false, [
                                                    ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                                ]) !!}
                                            </div>
                                            <div class="row col-md-12">
                                                <div class="col-6">
                                                    <label for="sexo" class="form-label">Sexo</label>
                                                    {!! Form::select(
                                                        'sexo',
                                                        ['Masculino' => 'Masculino', 'Femenino' => 'Femenino', 'No Aplica' => 'No Aplica'],
                                                        null,
                                                        ['id' => 'sexo', 'class' => 'form-control', 'placeholder' => 'Seleccionar'],
                                                    ) !!}
                                                </div>
                                                {!! Form::mDate(
                                                    'fecha_nacimiento',
                                                    isset($edit) ? $edit->cliente_fecha_nacimiento : null,
                                                    'Fecha de Nacimiento',
                                                    $errors,
                                                    6,
                                                ) !!}
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="submit" class="btn bg-success">Guardar</button>
                                            <a class="btn bg-warning text-white" data-dismiss="modal"
                                                aria-label="Close">Cancelar</a>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>


                        <div class="modal fade" id="staticModalCliente" role="dialog"
                            aria-labelledby="staticModalLabelCliente" aria-hidden="true">
                            <div class="modal-dialog modal-lg" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="staticModalLabelCliente">Agregar Cliente</h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <form role="form" id="clientForm">
                                        <div class="clearfix"></div>
                                        <div class="modal-body">
                                            <div id="alerta"></div>

                                            <div class="row col-md-12">
                                                <div class="col-md-12">
                                                    <div id="idMsjCliente" style="display:none;"
                                                        class="alert alert-danger" role="alert">

                                                    </div>
                                                </div>
                                                <div class="col-6">
                                                    <label for="sede" class="form-label">Sede</label>
                                                    {!! Form::select('sede_perteneciente', $sedes, isset($edit) ? '' : session()->get('data_entidad')->entidad_id, [
                                                        'id' => 'sede_perteneciente_cliente',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Seleccionar',
                                                    ]) !!}
                                                </div>
                                                <div class="col-6">
                                                    <label for="tipo_identificacion" class="form-label">Tipo
                                                        Identificación</label>
                                                    {!! Form::select('tipo_identificacion', $tipo_identificacion, isset($edit) ? '' : null, [
                                                        'id' => 'tipo_identificacion_cliente',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Seleccionar',
                                                    ]) !!}
                                                </div>
                                            </div>
                                            <div class="row col-md-12">
                                                {!! Form::mtext('documento_cliente', null, 'Documento', $errors, 6, false, true, [
                                                    ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                                ]) !!}

                                                {!! Form::mtext('nombres_cliente', null, 'Nombres', $errors, 6, true, true, [
                                                    ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                                ]) !!}


                                            </div>
                                            <div class="row col-md-12">
                                                {!! Form::mtext('paterno_cliente', null, 'Primer Apellido', $errors, 6, true, true, [
                                                    ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                                ]) !!}

                                                {!! Form::mtext('materno_cliente', null, 'Segundo Apellido', $errors, 6, false, [
                                                    ['onkeyup' => 'javascript:this.value=this.value.toUpperCase()'],
                                                ]) !!}
                                            </div>
                                            <div class="row col-md-12">
                                                <div class="col-6">
                                                    <label for="sexo" class="form-label">Sexo</label>
                                                    {!! Form::select(
                                                        'sexo',
                                                        ['Masculino' => 'Masculino', 'Femenino' => 'Femenino', 'No Aplica' => 'No Aplica'],
                                                        null,
                                                        ['id' => 'sexo_cliente', 'class' => 'form-control', 'placeholder' => 'Seleccionar'],
                                                    ) !!}
                                                </div>
                                                {!! Form::mDate(
                                                    'fecha_nacimiento_cliente',
                                                    isset($edit) ? $edit->cliente_fecha_nacimiento : null,
                                                    'Fecha de Nacimiento',
                                                    $errors,
                                                    6,
                                                ) !!}
                                            </div>
                                            <div class="row col-md-12">
                                                {!! Form::mtext('celular_cliente', null, 'Celular', $errors, 6, false, true, [
                                                    ['onkeypress' => 'return event.charCode > 47 && event.charCode < 58;'],
                                                    ['maxlength' => '8'],
                                                ]) !!}

                                                {!! Form::mtextTags('telefonos_cliente', null, 'Otros Teléfonos', $errors, 6, false, true, [
                                                    ['onkeypress' => 'return event.charCode > 47 && event.charCode < 58;'],
                                                ]) !!}
                                            </div>
                                            <div class="row col-md-12">
                                                {!! Form::mtextAr(
                                                    'observaciones_cliente',
                                                    isset($edit) ? $edit->cliente_direccion : null,
                                                    'Observación Fija',
                                                    $errors,
                                                    6,
                                                    false,
                                                    false,
                                                    'onkeyup="javascript:this.value=this.value.toUpperCase()"',
                                                ) !!}
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="submit" class="btn bg-success">Guardar</button>
                                            <a class="btn bg-warning text-white" data-dismiss="modal"
                                                aria-label="Close">Cancelar</a>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <input 
                            type="hidden"
                             name="" 
                            value="{{ isset($edit) ? $edit->orden_producto_id : null }}" 
                            id="orden_producto_id_value">
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        document.getElementById('tiene_patologia').style.display = 'none'
        document.getElementById('desaparecer').style.display = 'none'
        consultar_valor();
        consultar_contrato();
        $('#quickForm').validate({
            /* rules: {
                tipo_identificacion: {
                    required: true,
                },
                documento: {
                    required: true,
                },
                nombres: {
                    required: true,
                },
                paterno: {
                    required: true,
                }, 
            },*/
            messages: {
                tipo_identificacion: {
                    required: "El campo tipo de indentificación es requerido.",
                },
                documento: {
                    required: "El campo documento es requerido.",
                },
                nombres: {
                    required: "El campo nombres es requerido.",
                },
                paterno: {
                    required: "El campo primer apellido es requerido.",
                },
            },
            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) {
                let validacion = '';
                let celular = $('#celular').val();
                let telefonos = $('#telefonos').val();
                let html = '';

                /* if(celular == '' && telefonos == '' ){
                        validacion = 'Debe ingresar alguno de los campos celular o teléfonos.';
                }*/

                if (validacion != '') {
                    $('#alerta').html(`<div class="alert bg-warning alert-dismissible">
                                    ${validacion}
                        </div>`);
                } else {
                    /*  console.log('Hola') */
                    saveBeneficiario();
                }
            }

        });


        function saveBeneficiario() {

            let sede = $('#sede_perteneciente').val();
            let tipo_identificacion = $('#tipo_identificacion').val();
            let documento = $('#documento').val();
            let nombres = $('#nombres').val();
            let paterno = $('#paterno').val();
            let materno = $('#materno').val();
            let sexo = $('#sexo').val();
            let fecha_nacimiento = $('#fecha_nacimiento').val();
            let celular = $('#celular').val();
            let telefonos = $('#telefonos').val();
            let observaciones = $('#observaciones').val();
            let servicio = $('#servicio').val();


            $.ajax({
                type: "POST",
                url: "{{ asset('') . 'cliente/data/save/ajax' }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                    sede: sede,
                    tipo: tipo_identificacion,
                    documento: documento,
                    nombres: nombres,
                    paterno: paterno,
                    materno: materno,
                    sexo: sexo,
                    fecha: fecha_nacimiento,
                    celular: celular,
                    telefonos: telefonos,
                    observaciones: observaciones,
                    servicio
                },
                success: function(res) {
                    console.log(res);
                    document.getElementById("beneficiario").options[document
                            .getElementById("beneficiario").options.length] =
                        new Option(res.data.nombre, res.data.id);
                    $('#beneficiario').val(res.data.id).append();
                    $('#staticModal').modal('hide');
                    Swal.fire(
                        'Alerta',
                        'Registro almacenado con éxito!',
                        'success'
                    )
                },
                dataType: "json"
            });
        }

        function saveCliente() {

            let sede = $('#sede_perteneciente_cliente').val();
            let tipo_identificacion = $('#tipo_identificacion_cliente').val();
            let documento = $('#documento_cliente').val();
            let nombres = $('#nombres_cliente').val();
            let paterno = $('#paterno_cliente').val();
            let materno = $('#materno_cliente').val();
            let sexo = $('#sexo_cliente').val();
            let fecha_nacimiento = $('#fecha_nacimiento_cliente').val();
            let celular = $('#celular_cliente').val();
            let telefonos = $('#telefonos_cliente').val();
            let observaciones = $('#observaciones_cliente').val();

            $.ajax({
                type: "POST",
                url: "{{ asset('') . 'cliente/data/save/ajax' }}",
                data: {
                    "_token": "{{ csrf_token() }}",
                    sede: sede,
                    tipo: tipo_identificacion,
                    documento: documento,
                    nombres: nombres,
                    paterno: paterno,
                    materno: materno,
                    sexo: sexo,
                    fecha: fecha_nacimiento,
                    celular: celular,
                    telefonos: telefonos,
                    observaciones: observaciones
                },
                success: function(res) {
                    console.log(res);
                    document.getElementById("cliente").options[document
                            .getElementById("cliente").options.length] =
                        new Option(res.data.nombre, res.data.id);
                    $('#cliente').val(res.data.id).append();
                    $('#staticModalCliente').modal('hide');
                    Swal.fire(
                        'Alerta',
                        'Registro almacenado con éxito!',
                        'success'
                    )
                },
                dataType: "json"
            });
        }


        function consultar_valor() {
            let id_contrato = document.getElementById('contrato_servicio').value;
            let id_servicio = document.getElementById('servicio').value;
            
            document.getElementById("beneficiario").removeAttribute("disabled");
            /*  let servicio = data_servicios.find(element => element.id == id_servicio); */
            $('#valor').val('₡ ' + servicio.valor);
            let url = "{{ URL::asset('pagos/asociacion/manual/saldo/ajax') }}" + '/' + id_servicio;
            console.log(url);
            $.get(url, function(res) {
                let obj = $.parseJSON(res);
                console.log(obj);
                document.getElementById('orden_producto_valor_a_pagar').value = obj[0]
                    .servicio_valor

                for (let i = 0; i < obj.length; i++) {

                    
                    if(obj[i].cliente_nombres){

                        document.getElementById("beneficiario").options[document.getElementById("beneficiario").options
                            .length] =  new Option( obj[i].cliente_nombres + ' ' + obj[i]
                                .cliente_apellido1 + ' ' + obj[i].cliente_apellido2, obj[i]
                            .cliente_id );
                    }else{
                        document.getElementById("beneficiario").options[document.getElementById("beneficiario").options
                            .length] =  new Option()
                    }

                    data_servicios.push({
                        'id': obj[i].contrato_servicio_id,
                        'nombre': obj[i].servicio_nombre,
                        'estado': obj[i].contrato_servicio_estado,
                        'valor': obj[i].contrato_servicio_saldo_actual
                    });
                }

                /* if (obj[i].cliente_nombres) {

                    document.getElementById("beneficiario").options[document.getElementById("beneficiario").options
                        .length] = new Option(obj[i].cliente_nombres + ' ' + obj[i]
                        .cliente_apellido1 + ' ' + obj[i].cliente_apellido2, obj[i]
                        .cliente_id);
                } else {
                    document.getElementById("beneficiario").options[document.getElementById("beneficiario").options
                        .length] = new Option()
                }
 */

            });
        }


        function consultar_servicios() {
            let id_contrato = $('#contrato').val();

            if (id_contrato != '') {
                let url = "{{ URL::asset('pagos/asociacion/manual/servicios/ajax') }}" + "/" + id_contrato;
                $.get(url, function(res) {
                    console.log('beneficiarios data')
                    let obj = $.parseJSON(res);
                    document.getElementById('servicio').innerHTML = "";
                    document.getElementById("servicio").removeAttribute("disabled");


                    document.getElementById("servicio").options[document.getElementById("servicio").options
                        .length] = new Option('Seleccionar', ' ');



                    for (let i = 0; i < obj.length; i++) {

                        document.getElementById("servicio").options[document.getElementById("servicio").options
                            .length] = new Option(obj[i].servicio_nombre + '-' + (obj[i]
                                .contrato_servicio_estado == 1 ? '(Activo)' : '(Inactivo)'), obj[i]
                            .contrato_servicio_id);

                        /* if(obj[i].cliente_nombres){

                            document.getElementById("beneficiario").options[document.getElementById("beneficiario").options
                                .length] =  new Option( obj[i].cliente_nombres + ' ' + obj[i]
                                    .cliente_apellido1 + ' ' + obj[i].cliente_apellido2, obj[i]
                                .cliente_id );
                        }else{
                            document.getElementById("beneficiario").options[document.getElementById("beneficiario").options
                                .length] =  new Option()
                        } */

                        data_servicios.push({
                            'id': obj[i].contrato_servicio_id,
                            'nombre': obj[i].servicio_nombre,
                            'estado': obj[i].contrato_servicio_estado,
                            'valor': obj[i].contrato_servicio_saldo_actual
                        });
                    }
                });

            }
        }

        function consultar_contrato() {
            data_servicios = [];
            let id_cliente = $('#cliente').val(); //'1';//$('#cliente').val();




            if (id_cliente != '') {

                let url_1 = "{{ URL::asset('pagos/asociacion/manual/cliente-contratos/ajax') }}" + "/" + id_cliente;
                /*  `{{ asset('') . 'service_activate/${contrato}' }}`, */
                var url = `{{ URL::asset('' . 'pagos/asociacion/manual/contratos/ajax/${id_cliente}') }}`;

                $.get(url, function(res) {
                    let obj = $.parseJSON(res);
                    console.log(obj);


                    document.getElementById("contrato").removeAttribute("disabled");
                    document.getElementById('contrato').innerHTML = "";
                    document.getElementById("contrato").options[document.getElementById("contrato").options
                        .length] = new Option('Seleccionar', ' ');
                    for (let i = 0; i < obj.length; i++) {


                        /* document.getElementById("servicio").removeAttribute("disabled");
                        document.getElementById("beneficiario").removeAttribute("disabled"); */
                        document.getElementById("contrato").options[document.getElementById("contrato").options
                            .length] = new Option(('Contrato Nro.:' + obj[i].contrato_codigo), obj[i]
                            .contrato_id);


                        /*  document.getElementById('orden_producto_cliente_celular').value = obj[i].cliente_celular;
                         document.getElementById('orden_producto_cliente_telefono').value = obj[i].cliente_telefonos;
                         $("#orden_producto_contrato_forma_pago_id").readOnly = false;
                         document.getElementById('orden_producto_contrato_forma_pago_id').value = obj[i]
                             .forma_pago_nombre

                         document.getElementById('contrato_servicio').value = obj[i].contrato_servicio_id */
                    }

                });

                $.get(url_1, function(res) {
                    let obj = $.parseJSON(res);
                    console.log(obj);

                    /* 
                                        document.getElementById('contrato').innerHTML = "";
                                        document.getElementById("contrato").options[document.getElementById("contrato").options
                                            .length] = new Option('Seleccionar', ' '); */
                    for (let i = 0; i < obj.length; i++) {
                        /*  document.getElementById("contrato").removeAttribute("disabled");
                         document.getElementById("servicio").removeAttribute("disabled");
                         document.getElementById("beneficiario").removeAttribute("disabled");
                         document.getElementById("contrato").options[document.getElementById("contrato").options
                             .length] = new Option(('Contrato Nro.:' + obj[i].contrato_codigo), obj[i]
                             .contrato_id); */


                        document.getElementById('orden_producto_cliente_celular').value = obj[i].cliente_celular;
                        document.getElementById('orden_producto_cliente_telefono').value = obj[i].cliente_telefonos;
                        $("#orden_producto_contrato_forma_pago_id").readOnly = false;
                        document.getElementById('orden_producto_contrato_forma_pago_id').value = obj[i]
                            .forma_pago_nombre

                        document.getElementById('contrato_servicio').value = obj[i].contrato_servicio_id
                    }
                });


            }
            //$('#contrato').select2();
        }

        function accion_salario(checkboxElem) {
            if (checkboxElem.checked) {
                document.getElementById('tiene_patologia').style.display = 'block'
            } else {
                document.getElementById('tiene_patologia').style.display = 'none'
            }
        }

        $(document).ready(function() {

            //Initialize Select2 Elements
            let orden_producto_id_value = document.getElementById('cliente').value;
            console.log(orden_producto_id_value)
            if( orden_producto_id_value > 1 ){
              
                $.ajax({
                    type: "GET",
                    url: "{{ asset('') . 'cliente/cliente_id/ajax' }}" + '/' + cliente_id,
                   
                    success: function(res) {
                        console.log(res[0].text);
                        /* set value in cliente */
                        document.getElementById("cliente").options[document
                            .getElementById("cliente").options.length] =
                            new Option(res[0].text, res[0].id);
                    },
                    dataType: "json"
                });

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

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


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



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


            });

            $('#clientForm').validate({
                rules: {
                    tipo_identificacion: {
                        required: true,
                    },
                    documento: {
                        required: true,
                    },
                    nombres: {
                        required: true,
                    },
                    paterno: {
                        required: true,
                    },
                    fecha_nacimiento: {
                        required: true,
                    },
                },
                messages: {
                    tipo_identificacion: {
                        required: "El campo tipo de indentificación es requerido.",
                    },
                    documento: {
                        required: "El campo documento es requerido.",
                    },
                    nombres: {
                        required: "El campo nombres es requerido.",
                    },
                    paterno: {
                        required: "El campo primer apellido es requerido.",
                    },
                    fecha_nacimiento: {
                        required: "El campo fecha de nacimiento es requerido.",
                    },
                },
                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) {

                    /* console.log('first') */
                    saveCliente();


                }
            });

            $(".toggle").click(function() {
                let current = $(this)
                let currentId = current.children().attr("id")
                let currentClass = current.children().attr("class")



                $(".toggle").children('.' + currentClass).each(function(index, element) {

                    if (!$(this).is(currentId)) {
                        /*  console.log(index); */
                        console.log(currentId);
                        if (currentId === 'orden_directo') {
                            document.getElementById('desaparece').style.display = 'none';
                            document.getElementById("beneficiario").removeAttribute("disabled");
                            document.getElementById('desaparecer').style.display = 'block'
                        } else {
                            document.getElementById('desaparece').style.display = 'block';
                            document.getElementById("beneficiario").disabled
                            document.getElementById('desaparecer').style.display = 'none'
                        }
                        $(this).bootstrapToggle('off')
                    }
                })
            })

            /* $('#frmContratos').validate({
                  rules: {
                    nombre: {
                      required: true
                    },
                     estado: {
                      required: true
                    },
                  },
                  messages: {
                    nombre: {
                      required: "Campo nombre es requerido"
                    },
                    estado: {
                      required: "Campo estado es requerido"
                    },
                  },
                  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');
                  }
                }); */
        });
    </script>
@endsection