@extends('plantilla.header')

@section('titulo')
   Buscar Persona
@stop

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

    function bb2(){
        cerrar('modal-cne');

        var request = new XMLHttpRequest();
        var na = document.getElementById("pnacionalidad").value;
        var ce = $("#pcedula").val();

        if (na == "" || ce == "") {
            
            $("#id_mensaje").empty();
            $("#id_mensaje").append('<h3 class="h6 mb-4">Debes de colocar la nacionalidad y la cédula</h3>');

            $("#modal-mensaje").modal({
                show: false,
                keyboard: false,
                backdrop: 'static'
            });
            $("#modal-mensaje").modal("show");
        } else {

            $("#modal-load").modal({
                show: false,
                keyboard: false,
                backdrop: 'static'
            });

            $("#modal-load").modal("show");

            $.ajax({
            type: "POST",
            url: "{{url('/cne')}}",
            data:  {_token:"{{ csrf_token() }}",n1:na, c1:ce},
            cache:false,
                success: function(data){
                    const obj = JSON.parse(data);
                    //console.log(obj);
                    if(obj.error == "NO"){
                        //OK
                        $("#pnombre").val(obj.nombre);
                        $("#ptelefono").val(obj.telefono);

                        $("#pnombre").attr('readonly', 'readonly');

                        setTimeout(mensaje_load,500);
                    }else{
                        //FALLO
                        $("#pnombre").val(obj.nombre);
                        $("#ptelefono").val(obj.telefono);

                        $("#pnombre").removeAttr('readonly');

                        setTimeout(mensaje_load,500);

                        //REINTENTAR CNE
                        $("#id_cne").empty();
                        $("#id_cne").append('<h3 class="h4 mb-4">Error al conectar con la plataforma CNE. </br></br>¿Desea intentar de nuevo?</br></h3>');

                        $("#cne2").removeAttr('hidden');
                        $("#cne1").attr('hidden', 'hidden');

                        $("#modal-cne").modal({
                            show: false,
                            keyboard: false,
                            backdrop: 'static'
                        });

                        $("#modal-cne").modal("show");
                    }     
                }
            });
        }
    }


  $("#espropietario").change(function(event){
    if ($('#espropietario:checked').val() !== undefined)
    {
        //Checked pnacionalidad pcedula pnombre ptelefono
        //console.log("OK");
        $("#propietario").removeAttr('hidden');

        $("#pnacionalidad").attr('required', 'required');
        $("#pcedula").attr('required', 'required');
        $("#pnombre").attr('required', 'required');

        $("#selectpro").val("NO");
    }
    else
    {
        //Not checked
       // console.log("NOT OK");
        $("#propietario").attr('hidden', 'hidden');

        $("#pnacionalidad").removeAttr('required');
        $("#pcedula").removeAttr('required');
        $("#pnombre").removeAttr('required');

        $("#selectpro").val("SI");
    }
        
  });

    $("#all").click(function()
    {
        if($("#all").length == $("#all:checked").length) 
        {
            $(".pagos").attr("checked", "checked");
        } 
        else 
        {
            $(".pagos").removeAttr("checked");
        }
    });

    function comunidad(){
        $("#modal-comunidad").modal({
            show: false,
            keyboard: false,
            backdrop: 'static'
        });
        $("#modal-comunidad").modal("show");
    }

    function traspaso(valoor){
        $("#jf1").val(valoor);

        $("#modal-propiedad").modal({
            show: false,
            keyboard: false,
            backdrop: 'static'
        });
        $("#modal-propiedad").modal("show");
    }

    $("#szona").change(function(event){
        $("#scomunidad").empty();
        $("#scomunidad").append('<option value="" selected="selected">ESPERE UN MOMENTO</option>');
        var request = new XMLHttpRequest();

        var p = '/'+event.target.value;

        request.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {

                var myObj = JSON.parse(this.responseText);
                $("#id_pago").empty();

                $("#scomunidad").empty();
                $("#scomunidad").append('<option value="" selected="selected">SELECCIONE</option>');

                for (var i = 0; i < myObj.datos.length; i++) {
                    $("#scomunidad").append('<option value="'+myObj.datos[i].id+'">'+myObj.datos[i].nombre+'</option>');
                }

                for (let index = 0; index < myObj.tt.length; index++) {
                    $("#id_pago").append('<tr><td><div class="form-check"><input class="form-check-input pagos marcar'+index+'" type="checkbox" value="'+myObj.tt[index].id+'" name="pagos[]" id="pagos[]"><label class="form-check-label" for="pagos[]">'+trimestre(myObj.tt[index].trimestre)+' TRIMESTRE Bs. '+number_format(myObj.tt[index].tarifa, 2)+'</label></div></td><td><div class="form-check"><input class="form-check-input bloqueo'+index+'" type="checkbox" value="" name="esta[]" id="esta[]" hidden> <input class="form-check-input bloqueo2'+index+'" type="checkbox" value="" name="esta2[]" id="esta2[]" hidden> </div></td><td class="estatus'+index+'"></td></tr>');
                }
            }
        };

        request.open('GET', "{{url('/bzona')}}"+p);
        request.send();
  });

    function lista_pagos(id, z){
       // console.log(id);
        $("#id_pago2").empty();

        var p = '/'+id+'--'+z;

        $("#modal-load").modal({
            show: false,
            keyboard: false,
            backdrop: 'static'
        });        

        $("#modal-load").modal("show");

        var request = new XMLHttpRequest();
        request.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {

                var myObj = JSON.parse(this.responseText);
                $("#id_pago2").empty();
                setTimeout(mensaje_load,500);

                $("#modal-lista-pagos").modal({
                    show: false,
                    keyboard: false,
                    backdrop: 'static'
                });        

                $("#modal-lista-pagos").modal("show");
                $("#jf").val(id);

                for (let index = 0; index < myObj.tarifas.length; index++) {

                    $("#id_pago2").append('<tr><td><div class="form-check"><input class="form-check-input pagos marcar'+index+'" type="checkbox" value="'+myObj.tarifas[index].id+'" name="pagos[]" id="pagos[]"><label class="form-check-label" for="pagos[]">'+trimestre(myObj.tarifas[index].trimestre)+' TRIMESTRE Bs. '+number_format(myObj.tarifas[index].tarifa, 2)+'</label></div></td><td><div class="form-check"><input class="form-check-input bloqueo'+index+'" type="checkbox" value="" name="esta[]" id="esta[]" hidden> <input class="form-check-input bloqueo2'+index+'" type="checkbox" value="" name="esta2[]" id="esta2[]" hidden> </div></td><td class="estatus'+index+'"></td></tr>');

                    for (let index1 = 0; index1 < myObj.pagos.length; index1++) {
                        if (myObj.tarifas[index].id == myObj.pagos[index1].id_pagos || myObj.tarifas[index].trimestre == myObj.pagos[index1].trimestre) {
                            $(".marcar"+index).attr('disabled', 'disabled');
                            $(".marcar"+index).attr('checked', 'checked');
                            tod = 1;

                            $(".bloqueo"+index).val(myObj.pagos[index1].id);
                            $(".bloqueo2"+index).val(myObj.pagos[index1].id);

                            if (myObj.pagos[index1].estatus == 'AC') {
                                $(".estatus"+index).empty();
                                $(".estatus"+index).append('<i style="color: #03cd00;" class="fa-solid fa-check"></i>');

                                $(".bloqueo"+index).removeAttr('hidden');
                                

                                //$(".bloqueo").attr('required', 'required');
                            } else {
                                $(".estatus"+index).empty();
                                $(".estatus"+index).append('<i style="color: #cd0000;" class="fa-solid fa-xmark"></i> Bloqueado');
                                $(".bloqueo2"+index).removeAttr('hidden');
                            }
                        }
                    }
                }
            }
        };

        request.open('GET', "{{url('/bpagos')}}"+p);
        request.send();
    }

    function lista_pagos_recibo(id, z){
        $("#id_pago3").empty();

       // console.log(id+" "+z);

        var p = '/'+id+'--'+z;

        $("#modal-load").modal({
            show: false,
            keyboard: false,
            backdrop: 'static'
        });        

        $("#modal-load").modal("show");

        var request = new XMLHttpRequest();
        request.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {

                var myObj = JSON.parse(this.responseText);
                $("#id_pago3").empty();
                setTimeout(mensaje_load,500);

                $("#modal-lista-pagos-fechas").modal({
                    show: false,
                    keyboard: false,
                    backdrop: 'static'
                });        

                $("#modal-lista-pagos-fechas").modal("show");
                $("#jf").val(id);

                for (let index = 0; index < myObj.tarifas.length; index++) {

                    $("#id_pago3").append('<tr><td class="reci'+index+'"> </td><td><div class="form-check"><input class="form-check-input pagos marcar'+index+'" type="checkbox" value="'+myObj.tarifas[index].id+'" name="pagos[]" id="pagos[]"><label class="form-check-label" for="pagos[]">'+trimestre(myObj.tarifas[index].trimestre)+' TRIMESTRE Bs. '+number_format(myObj.tarifas[index].tarifa, 2)+'</label></div></td><td class="fec'+index+'"> </td><td><input type="date" class="form-control" name="ffffff'+index+'" id="ffffff'+index+'"></td><td class="bott'+index+'"></td></tr>');

                    for (let index1 = 0; index1 < myObj.pagos.length; index1++) {
                        if (myObj.tarifas[index].id == myObj.pagos[index1].id_pagos || myObj.tarifas[index].trimestre == myObj.pagos[index1].trimestre) {
                            $(".marcar"+index).attr('disabled', 'disabled');
                            $(".marcar"+index).attr('checked', 'checked');
                            tod = 1;

                            $(".reci"+index).empty();

                            var str = "" + myObj.pagos[index1].id;
                            var pad = "0000000";
                            var ans = pad.substring(0, pad.length - str.length) + str;

                            $(".reci"+index).append(ans);

                            $(".fec"+index).empty();
                            $(".fec"+index).append(myObj.pagos[index1].fecha);

                            $(".bott"+index).empty();
                            var zona = "'"+z+"'";
                            $(".bott"+index).append('<button onclick="cam_fec('+id+','+zona+','+myObj.pagos[index1].id+','+index+')" class="btn btn-success">Cambiar</button>');

                            $(".bloqueo"+index).val(myObj.pagos[index1].id);
                            $(".bloqueo2"+index).val(myObj.pagos[index1].id);
                        }
                    }
                }
            }
        };

        request.open('GET', "{{url('/bpagos')}}"+p);
        request.send();
    }

    function cam_fec(id, z, ii, index){
        var request = new XMLHttpRequest();

        var bt = $('#ffffff'+index).val();

        if (bt== null || bt == "") {
            $("#id_mensaje").empty();
            $("#id_mensaje").append('<h3 class="h6 mb-4">Debes de colocar la nueva fecha de recibo para guardar</h3>');

            $("#modal-mensaje").modal({
                show: false,
                keyboard: false,
                backdrop: 'static'
            });
            $("#modal-mensaje").modal("show");
        } else {
            $("#modal-load").modal({
            show: false,
            keyboard: false,
            backdrop: 'static'
            });        

            $("#modal-load").modal("show");

            var p = '/'+ii+'--'+bt;        

            request.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                    setTimeout(mensaje_load,500);

                    var myObj = JSON.parse(this.responseText);

                    lista_pagos_recibo(id,z);
                }
            };

            request.open('GET', "{{url('/cambio_fecha')}}"+p);
            request.send();
        }

    }

    function bb3(){
        cerrar('modal-cne');

        var request = new XMLHttpRequest();
        var na = document.getElementById("nacionalidadn").value;
        var ce = $("#cedulan").val();

        if (na == "" || ce == "") {
            
            $("#id_mensaje").empty();
            $("#id_mensaje").append('<h3 class="h6 mb-4">Debes de colocar la nacionalidad y la cédula</h3>');

            $("#modal-mensaje").modal({
                show: false,
                keyboard: false,
                backdrop: 'static'
            });
            $("#modal-mensaje").modal("show");
        } else {

            $("#modal-load").modal({
                show: false,
                keyboard: false,
                backdrop: 'static'
            });

            $("#modal-load").modal("show");

            $.ajax({
            type: "POST",
            url: "{{url('/cne')}}",
            data:  {_token:"{{ csrf_token() }}",n1:na, c1:ce},
            cache:false,
                success: function(data){
                    const obj = JSON.parse(data);
                    //console.log(obj);
                    if(obj.error == "NO"){
                        //OK
                        $("#tnombren").val(obj.nombre);
                        $("#ttelefonon").val(obj.telefono);

                        $("#tnombren").attr('readonly', 'readonly');

                        setTimeout(mensaje_load,500);
                    }else{
                        //FALLO
                        $("#tnombren").val(obj.nombre);
                        $("#ttelefonon").val(obj.telefono);

                        $("#tnombren").removeAttr('readonly');

                        setTimeout(mensaje_load,500);

                        //REINTENTAR CNE
                        $("#id_cne").empty();
                        $("#id_cne").append('<h3 class="h4 mb-4">Error al conectar con la plataforma CNE. </br></br>¿Desea intentar de nuevo?</br></h3>');

                        $("#cne2").removeAttr('hidden');
                        $("#cne1").attr('hidden', 'hidden');

                        $("#modal-cne").modal({
                            show: false,
                            keyboard: false,
                            backdrop: 'static'
                        });

                        $("#modal-cne").modal("show");
                    }     
                }
            });
        }
    }

</script>
@stop

@section('contenido')

<div class="row">
    {!!Form::open(['url' => route('registrar2'), 'method' => 'POST', 'class' => 'login-form'])!!}
    <div class="col-12 col-xl-12">
        <div class="card card-body bg-white border-light shadow-sm mb-4">
            <h3 class="h5 mb-4">Datos Personales del Habitante</h3>
            <div class="row">
                <div class="col-md-3 mb-3">
                    <div class="form-group">
                        <label for="city">Cédula</label>
                        <input name="tcedu" id="tcedu" type="text" value="{{$cedula}}" class="form-control" required readonly>
                    </div>
                </div>
                <div class="col-md-3 mb-3">
                    <div class="form-group">
                        <br>
                         </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3">
                    <div class="form-group">
                        <label for="city">Nombre y Apellido</label>
                        <input name="tnombre" id="tnombre" type="text" value="@php echo !empty($persona->nombre) ? $persona->nombre : '' @endphp" class="form-control" required>
                    </div>
                </div>
                <div class="col-md-6 mb-3">
                    <div class="form-group">
                        <label for="city">Teléfono</label>
                        <input name="ttelefono" id="ttelefono" value="@php echo !empty($persona->telefono) ? $persona->telefono : '' @endphp" type="text" class="form-control">
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3">
                    <div class="form-group">
                        <label for="city">Correo</label>
                        <input name="tcorreo" id="tcorreo" value="@php echo !empty($persona->correo) ? $persona->correo : '' @endphp" type="email" class="form-control">
                    </div>
                </div>
                <div class="col-md-6 mb-3">
                    <div class="form-group">
                        <br>
                        <label for="city">No participar en el sorteo</label>
                        <input class="form-check-input" type="checkbox" value="NO" id="noparticipar" name="noparticipar" @if(!empty($persona->no_participar) == 1) checked @endif>
                    </div>
                </div>
            </div>

            <div class="row">
                    <div class="col-sm-6 mb-3">
                        <div class="form-group">
                        
                        </div>
                    </div>
                    <div class="col-sm-6" style="text-align: right;">
                        <div class="form-group">
                        <button type="submit" class="btn btn-primary"><i class="fa-solid fa-floppy-disk"></i> Guardar</button>
                        </div>
                    </div>
                </div>

        </div>
    </div>
    {!! Form::close() !!}
    <div class="col-12 col-xl-12">
        <div class="card card-body bg-white border-light shadow-sm mb-4">
            <div class="row">
                <div class="col-sm-8 mb-3">
                    <h3 class="h5 mb-4">Dirección de Habitación (Vivienda)</h3>
                </div>
                <div style="text-align: right;" class="col-sm-4 mb-3">
                @if(!empty($persona))<a onclick="comunidad()"><span class="badge bg-info">Agregar Vivienda</span></a>@endif
                </div>
            </div>
        
            <div class="row">
                <div class="col-sm-12 mb-3">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                            <th scope="col">#</th>
                            <th scope="col">Zona</th>
                            <th scope="col">Comunidad</th>
                            <th scope="col">N° Casa</th>
                            <th scope="col"></th>
                            <th scope="col"></th>
                            @if(session('root') == 1)
                            <th scope="col"></th>
                            @endif
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($personal as $n => $p)
                                <tr>
                                    <th scope="row">{{$n+1}}</th>
                                    <td>{{$p->zona}}</td>
                                    <td>{{$p->comunidad}}</td>
                                    <td>{{$p->calle}}</td>
                                    <td><a onclick="lista_pagos('{{$p->jefe_id}}', '{{$p->zona}}')"><span class="badge bg-info">Seleccionar</span></a></td>
                                    <td><a onclick="traspaso('{{$p->jefe_id}}')"><span class="badge bg-info">Traspasar</span></a></td>

                                    @if(session('root') == 1)
                                    <td><a onclick="lista_pagos_recibo('{{$p->jefe_id}}', '{{$p->zona}}')"><span class="badge bg-info">Fechas Pagos</span></a></td>
                                    @endif

                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>


    <div class="row">
        <div class="col-12 col-xl-12">
            <div class="card card-body bg-white border-light shadow-sm mb-4">
                <div class="row">
                    <div class="col-sm-6 mb-3">
                        <div class="form-group">
                        <a href="{{route('indexp2')}}" class="btn btn-primary"><i class="fa fa-reply"></i> Cancelar</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    
</div>

<div class="modal fade" id="modal-comunidad" tabindex="-1" role="dialog" aria-labelledby="modal-comunidad" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
        {!!Form::open(['url' => route('registrar3'), 'method' => 'POST', 'class' => 'login-form'])!!}
            <div class="modal-body">
                <div class="row">
                    <div class="col-12 col-xl-12">
                        <h3 class="h5 mb-4">Comunidad</h3>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="city">Zona</label>
                                    <select class="form-select" name="szona" id="szona" required>
                                        <option value="" selected>SELECCIONE</option>
                                        <option value="A">ZONA A</option>
                                        <option value="B">ZONA B</option>
                                        <option value="C">ZONA C</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="city">Comunidad</label>
                                    <select class="form-select" name="scomunidad" id="scomunidad" required>
                                        
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <h3 class="h5 mb-4">Dirección de Habitación</h3>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <div class="form-group">
                                <label for="city">N° Casa</label>
                                <input name="ncasa" id="ncasa" type="text" class="form-control" required>
                                <input name="tcedu2" id="tcedu2" type="hidden" value="{{$cedula}}" class="form-control" required>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <div class="form-group">
                                <label for="city">Dirección</label>
                                <textarea class="form-control" name="direccion" id="direccion" required></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <h3 class="h5 mb-4">Información de Pago</h3>
                    <div class="col-md-12 mb-3">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th scope="col">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="all" name="all" id="all">
                                            <label class="form-check-label" for="all">TODO</label>
                                        </div>
                                    </th>
                                    <th scope="col">Bloquear/Liberar</th>
                                    <th scope="col">Estatus</th>
                                </tr>
                                </thead>
                            <tbody id="id_pago">
                                
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="modal-footer">
                <a onclick="cerrar('modal-comunidad')" class="btn btn-danger">Cancelar</a>
                <button type="submit" class="btn btn-primary"><i class="fa-solid fa-floppy-disk"></i> Guardar</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>

<div class="modal fade" id="modal-lista-pagos" tabindex="-1" role="dialog" aria-labelledby="modal-lista-pagos" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
        {!!Form::open(['url' => route('registrar4'), 'method' => 'POST', 'class' => 'login-form'])!!}
            <div class="modal-body">
                <div class="row">
                    <h3 class="h5 mb-4">Información de Pago</h3>
                    <div class="col-md-12 mb-3">
                        <table class="table table-hover">
                        <input class="form-check-input" type="hidden" value="" name="jf" id="jf">
                        <input name="tcedu3" id="tcedu3" type="hidden" value="{{$cedula}}" class="form-control" required>
                            <thead>
                                <tr>
                                    <th scope="col">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value="all" name="all" id="all">
                                            <label class="form-check-label" for="all">TODO</label>
                                        </div>
                                    </th>
                                    <th scope="col">Bloquear/Liberar</th>
                                    <th scope="col">Estatus</th>
                                </tr>
                                </thead>
                            <tbody id="id_pago2">
                                
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="modal-footer">
            <a onclick="cerrar('modal-lista-pagos')" class="btn btn-danger">Cancelar</a>
                <button type="submit" class="btn btn-primary"><i class="fa-solid fa-floppy-disk"></i> Guardar</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>

<div class="modal fade" id="modal-propiedad" tabindex="-1" role="dialog" aria-labelledby="modal-propiedad" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            {!!Form::open(['url' => route('cambio_propietario'), 'method' => 'POST', 'class' => 'login-form'])!!}
            <div class="modal-body">
                <div class="row">
                    <h3 class="h5 mb-4">Traspasar Propiedad</h3>
                    <div class="col-md-12 mb-3">
                        <input class="form-check-input" type="hidden" value="" name="jf1" id="jf1">
                        <input name="tcedu4" id="tcedu4" type="hidden" value="{{$cedula}}" class="form-control" required>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 mb-3">
                        <div class="form-group">
                            <label for="city">Cédula: </label> @php echo !empty($persona->cedula) ? $persona->cedula : '' @endphp
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 mb-3">
                        <div class="form-group">
                            <label for="city">Nombre: </label> @php echo !empty($persona->nombre) ? $persona->nombre : '' @endphp
                        </div>
                    </div>
                </div>
                
                <div class="row">
                    <h5 class="h6 mb-4">Datos del nuevo propietario</h5>
                    <div class="col-md-12 mb-3">
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-4 mb-3">
                        <div class="form-group">
                            <label for="city">Nacionalidad</label>
                            <select class="form-select mb-0" id="nacionalidadn" name="nacionalidadn" required>
                                <option value="" selected="selected">SELECCIONE</option>
                                <option value="V">V</option>
                                <option value="E">E</option>
                                <option value="J">J</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4 mb-3">
                        <div class="form-group">
                        <label for="city">Cédula</label>
                            <input class="form-control" type="text" name="cedulan" id="cedulan" value="" onkeypress="return solonumero(event)" autocomplete="off" required maxlength="9"> 
                        </div>
                    </div>
                    <div class="col-sm-4" style="text-align: right;">
                        <div class="form-group">
                            </br>
                            <a class="btn btn-primary" onclick="bb3()"><i class="fa fa-search" aria-hidden="true"></i> Buscar</a>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6 mb-3">
                        <div class="form-group">
                            <label for="city">Nombre y Apellido</label>
                            <input name="tnombren" id="tnombren" type="text" class="form-control" required readonly>
                        </div>
                    </div>
                    <div class="col-md-6 mb-3">
                        <div class="form-group">
                            <label for="city">Teléfono</label>
                            <input name="ttelefonon" id="ttelefonon" type="text" class="form-control">
                        </div>
                    </div>
                </div>
    
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <div class="form-group">
                            <label for="city">Correo</label>
                            <input name="tcorreon" id="tcorreon" type="email" class="form-control">
                        </div>
                    </div>
                </div>

            </div>

            <div class="modal-footer">
            <a onclick="cerrar('modal-propiedad')" class="btn btn-danger">Cancelar</a>
                <button type="submit" class="btn btn-primary"><i class="fa-solid fa-floppy-disk"></i> Guardar</button>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>

<div class="modal fade" id="modal-lista-pagos-fechas" tabindex="-1" role="dialog" aria-labelledby="modal-lista-pagos-fechas" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content">
        
            <div class="modal-body">
                <div class="row">
                    <h3 class="h5 mb-4">Información de Pago Fechas</h3>
                    <div class="col-md-12 mb-3">
                        <table class="table table-hover">
                        <input class="form-check-input" type="hidden" value="" name="jf2" id="jf2"> 
                            <thead>
                                <tr>
                                    <th scope="col">N° Recibo</th>
                                    <th scope="col">Trimestres</th>
                                    <th scope="col">Fecha Actual</th>
                                    <th scope="col">Nueva Fecha</th>
                                    <th scope="col"></th>
                                </tr>
                                </thead>
                            <tbody id="id_pago3">
                                
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="modal-footer">
            <a onclick="cerrar('modal-lista-pagos-fechas')" class="btn btn-danger">Cerrar</a>
            </div>
            
        </div>
    </div>
</div>

<?php
    function TRIMESTRE($v){
        $t = array(
            '1' => 'I',
            '2' => 'II',
            '3' => 'III',
            '4' => 'IV',
            '5' => 'V',
            '6' => 'VI',
            '7' => 'VII',
            '8' => 'VIII',
            '9' => 'IX',
            '10' => 'X',
        );

        return $t[$v];
    }
?>

@stop