<?php
    include('includes/main_include.php');
    $Schema = new Schema($con);
    $rgpd = new RGPD($con);
    $Agenda = new Agenda($con);
    $MotherCar = new MotherCar($con);
    $Tasaciones = new Tasaciones($con);
    
    if (isset($_REQUEST['m']) && !empty($_REQUEST['m'])) {
        $matricula = Statics::SafeInput($con, $_REQUEST['m']);
        $title = "$nueva_tasacion_lg ($matricula)";
    }else if ( isset($_REQUEST['c']) && !empty($_REQUEST['c'])) {        
        $TAS = Statics::SafeInput($con, $_GET['c']);
        $Tasaciones->set_codigo_tasacion($TAS);
        if($Tasaciones->getDataTas()) {
            $row = $Tasaciones->getDataTas();
            $Tasaciones->set_clave_tasacion($row['TASACION']);
            $_SESSION['VEHICULO_TASACION'] = $row['VEHICULO'];
            $title = $row['TASACION'] . ': ' . $row['MOSTRAR_V'];
        } else {
            header('Location:tasaciones.php');
        } 
    }else{
        Statics::RedLight();
    }
?>
<!doctype html>
<html lang="es">
<head>
    <?php include('includes/head.php'); ?>
    <style>
        .wheel-range::-webkit-slider-thumb {
            -webkit-appearance: none;
            border: none;
            height: 40px;
            width: 40px;
            border-radius: 50%;
            background-color: transparent;
            background-image: url("img/wheel.png");
            background-size: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            margin-top: -15px;
            color: #343A40;
        }
        .range-div {
            position: relative;
        }

        .range {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: #444444;
            width: 100%;
            height: 1px;
            outline: none;
        }

        .range::-webkit-slider-thumb {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            width: 100px;
            height: 38px;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #707070;
            border-radius: 19px;
            opacity: 1;
            border-radius: 30px;
            cursor: grab;
        }

        .range-thumb {
            position: absolute;
            left: 0px;
            /* half :thumb width */
            top: 0;
            width: 100px;
            /* same as :thumb */
            height: 38px;
            /* same as :thumb */
            text-align: center;
            line-height: 35px;
            font-size: 12px;
            pointer-events: none;
            color: black;
            /* ignore mouse */
        }

        .range-thumb::before {
            content: attr(data-val) " ";
        }
        
    </style>
    <title><?php echo $favicon_title_lg?></title>
</head>

<body class='bg-light container-fluid'>
    <header class='col-12 mt-5 pt-5 mb-3 d-none'><h3 class='text-center p-2'><i class="fas fa-car-side"></i> <?php echo $nombre_concesionario_vo; ?> - <strong><?php echo $vo_vo?></strong></h3></header>
    <?php
        $page = "dashboard";
        include("includes/datosUsuario.php"); 
        include('includes/menu-dashboard.php');
        include('includes/nav.php');
    ?>
    <div class="container my-5">
        
        <section>

        <?php

            PuzzleHTML::setIcon('<i class="fas fa-balance-scale"></i>');
            PuzzleHTML::setTitleText($title);
            PuzzleHTML::setNavigationButton([
                '<li class="breadcrumb-item"><a href="dashboard.php">' . $inicio_lg . '</a></li>',
                '<li class="breadcrumb-item"><a href="tasaciones.php">' . $tasaciones_lg . '</a></li>',
                '<li class="breadcrumb-item active" aria-current="page">' . $title . '</li>'
            ]);
            echo PuzzleHTML::Title();

            $view = '<div class="mt-5 row">';
                $view .= '<div class="nav nav-pills mb-5 mx-auto d-flex flex-wrap w-75" id="pills-tab" role="tablist" aria-orientation="horizontal">';
                if(isset($matricula)) {
                    $m_tab_show = 'active show';
                    $c_tab_show = false;
                    $view .= '<a class="nav-item w-20 border text-center py-4 c-pointer text-dark bg-white shadow" id="pills-datos-generales-tab" data-toggle="pill" href="#pills-datos-generales" role="tab" aria-controls="pills-datos-generales" aria-selected="true">' . str_replace(' ', '<br>', $datos_generales_lg) .'</a>';
                    for($i = 0; $i <= 3; $i++){
                        $view .= '<a class="nav-item w-20 border text-center py-4 c-negate d-flex align-items-center justify-content-center"><span class="border rounded-circle"><i class="fas fa-lock fa-lg text-secondary p-3"></i></span></a>';
                    }
                } else {
                    $m_tab_show = false;
                    $c_tab_show = 'active show';
                    $view .= '<a class="nav-item w-20 border text-center py-4 c-pointer text-dark " id="pills-datos-generales-tab" data-toggle="pill" href="#pills-datos-generales" role="tab" aria-controls="pills-datos-generales" aria-selected="true">' . str_replace(' ', '<br>', $datos_generales_lg) .'</a>';
                    $view .= '<a class="nav-item w-20 border text-center py-4 c-pointer text-dark bg-white shadow" id="pills-revision-documental-tab" data-toggle="pill" href="#pills-revision-documental" role="tab" aria-controls="pills-revision-documental" aria-selected="true">' . str_replace(' ', '<br>', $revision_documental_lg) . '</a>';
                    $view .= '<a class="nav-item w-20 border text-center py-4 c-pointer text-dark" id="pills-revision-carroceria-tab" data-toggle="pill" href="#pills-revision-carroceria" role="tab" aria-controls="pills-revision-carroceria" aria-selected="true">' . str_replace($revision_lg . ' ', $revision_lg . '<br>', $revision_carroceria_interior_lg) . '</a>';
                    $view .= '<a class="nav-item w-20 border text-center py-4 c-pointer text-dark" id="pills-revision-mecanica-tab" data-toggle="pill" href="#pills-revision-mecanica" role="tab" aria-controls="pills-revision-mecanica" aria-selected="true">' . str_replace(' ', '<br>', $revision_mecanica_lg) .'</a>';
                    $view .= '<a class="nav-item w-20 border text-center py-4 c-pointer text-dark" id="pills-revision-economica-tab" data-toggle="pill" href="#pills-revision-economica" role="tab" aria-controls="pills-revision-economica" aria-selected="true">' . str_replace(' ', '<br>', $revision_economica_lg) . '</a>';
                }
                $view .= '</div>';
            $view .= '</div>';
            echo $view;
        ?>
        <div class="tab-content" id="pills-tabContent">
            <div class="tab-pane fade <?php echo $m_tab_show; ?>" id="pills-datos-generales" role="tabpanel" aria-labelledby="pills-datos-generales-tab"><?php include_once('includes/components/tasacion-datos-generales.php'); ?></div>
            <div class="tab-pane fade <?php echo $c_tab_show; ?>" id="pills-revision-documental" role="tabpanel" aria-labelledby="pills-revision-documental-tab"><?php include_once('includes/components/tasacion-revision-documental.php'); ?></div>
            <div class="tab-pane fade" id="pills-revision-carroceria" role="tabpanel" aria-labelledby="pills-revision-carroceria-tab"><?php include_once('includes/components/tasacion-revision-carroceria.php'); ?></div>
            <div class="tab-pane fade" id="pills-revision-mecanica" role="tabpanel" aria-labelledby="pills-revision-mecanica-tab"><?php include_once('includes/components/tasacion-revision-mecanica.php'); ?></div>
            <div class="tab-pane fade" id="pills-revision-economica" role="tabpanel" aria-labelledby="pills-revision-economica-tab"><?php include_once('includes/components/tasacion-revision-economica.php'); ?></div>
        </div>
        
        </section>
        <div class="p-5 m-5"></div>
    </div>
    <?php include_once('includes/components/tasacion-modals.php'); ?>

    <!-- //! Footer & Script Links -->
    <?php if(isset($TAS)) { ?>
    <script type="text/javascript">
        var isActive = <?php echo $row['T_ACTIVO']; ?>;
        if(!isActive) {
            $("input").prop("disabled", true);
            $("select").prop("disabled", true);
            $("button").prop("disabled", true);
            $("textarea").prop("disabled", true);
            $(".dropzone").remove();
            $(".shake").remove();
            $('.delete-box').removeAttr('id');
        }
        $('.hide-msg').hide();
        $('.p-form input').each(function() {
            $(this).prop('readonly', true);
            $(this).addClass('c-default');
        });
        var tasacion = "<?php echo $row['TASACION']; ?>";
        var codigo_tasacion = "<?php echo $row['CODIGO_TASACION']; ?>";
        $('#pills-tab .nav-item').on('click', function() {
            $(this).addClass('bg-white shadow').siblings().removeClass('bg-white shadow');
        });

        //DROPZONE
        Dropzone.autoDiscover = false;
        $(".dropzone").dropzone({
            paramName: "file",
            dictRemoveFile: "<?php echo $eliminar_lg; ?>",
            dictDefaultMessage: "<?php echo "$arrastra_archivo_lg <ins class='text-success'>" . strtolower($aqui_lg) . "</ins>";?>",
            addRemoveLinks: true,
            acceptedFiles: 'image/*,application/pdf',
            dictCancelUpload: '',
            success: function(file, response) {
                /* console.log('Success->' + response); */
            },
            removedfile: function(file) {
                var name = file.xhr.response; 
                $.post('ajax/upload-file.php', {name: name,request: 2}, function(data) {
                    /* console.log('->' + data); */
                });
                var _ref;
                return (_ref = file.previewElement) !== null ? _ref.parentNode.removeChild(file.previewElement) : void 0;
            }
        });

        //MODAL DOCS CONTROLL
        $('.files-modal').on('click', function() {
            var alias = $(this).data('alias');
            var tasacion = $(this).data('tas');
            $.post('ajax/tasacion-files.php', {alias: alias, tasacion: tasacion, request: 1}, function(data) {
                var parent = $('.preview');
                var object = JSON.parse(data);
                $('#files-title').html(object.title);
                //get files name and id
                if(object.files.length !== 0) {
                    var pdfs = '';
                    var imgs = '';
                    $.each(object.files, function(i, item) {
                        /* alert(item) */
                        /* console.log(item); */
                        array = item.split("@");
                        var extension = array[0].substr((array[0].lastIndexOf('.') + 1));
                        var trash = isActive ? '<i class="far fa-trash-alt fa-lg d-block float-right mr-1 mb-3 c-pointer" id="' + array[1] + '"></i>' : '';
                        if(extension === 'PDF') {
                            pdfs += '<div id="box-' + array[1] + '">' + trash + 
                            '<div class="embed-responsive embed-responsive-4by3 mb-5 shadow-sm">' +
                                '<iframe class="embed-responsive-item" src="tmp_img/' + array[0] + '" allowfullscreen></iframe>' +
                            '</div></div>';
                        } else {
                            imgs += '<div id="box-' + array[1] + '">' + trash + '<img src="tmp_img/' + array[0] + '" class="img-fluid mb-5 shadow-sm" alt="Responsive image"></div>';
                        }
                        parent.html(imgs + pdfs);
                        $(".fa-trash-alt").on("mouseenter", function(){ $(this).addClass("text-danger"); }).on("mouseleave", function(){ $(this).removeClass("text-danger"); }); 

                    });

                    $('.fa-trash-alt').on('click', function() {
                        var id = $(this).attr('id');
                        if(confirm("<?php echo $confirmacion_eliminar_documento_lg; ?>")) {
                            $.post('ajax/upload-file.php', {name: id,request: 2});
                            $('#box-' + id).fadeOut();
                        }

                    });
                } else {
                    parent.html('<?php echo $sin_documentos_lg; ?>');
                }

            });
        });

        $('.button-collapse').on("click", function() {
            $(this).find('i').toggleClass('fa-sort-down fa-sort-up pt-2');
        });

        //Update ruedas
        //RANGES
        var dictionary  = {
            "0": "text-secondary",
            "25": "text-secondary",
            "50": "text-warning",
            "75": "text-danger",
            "100": "text-danger"
        };
        var last = [dictionary[$('#delanteras').val()]];
        $('#i-delanteras').addClass(last[0]);
        var last2 = [dictionary[$('#traseras').val()]];
        $('#i-traseras').addClass(last2[0]);

        $('.wheel-range').on('input', function() {
            var id = $(this).attr('id');
            var value = $('#' + id).val();
            //console.log(typeof value);
            /* console.log(id); */
            if(id === 'delanteras') {
                last.push(dictionary[value]);
                $('#i-' + id).toggleClass(last[last.length - 2] + " " + dictionary[value]);
            } else {
                last2.push(dictionary[value]);
                $('#i-' + id).toggleClass(last2[last2.length - 2] + " " + dictionary[value]);
            }
            $.post('ajax/tasaciones-update.php', {value: value, codigo_tasacion: codigo_tasacion, id: id, request: 1}, function(data) {
                console.log(data);
            });
        });

        //Upadte cuentaKm
        $('#sendCuentaKm').on('click', function() {
            var value = $('#cuentaKm').val();
            /* console.log(value) */
            $.post('ajax/tasaciones-update.php', {value: value, codigo_tasacion: codigo_tasacion, request: 2}, function(data) {
                /* console.log(data); */
            });
            $('#cuentaKm').addClass('is-valid');
        });

        //Daños
        $('.btn-damage').on('click', function() {
            if($(this).attr('id') === 'bad') {
                $('#bad').val(1);
                $('#regular').val(0);
                $('#none').val(0);
                $('#bad').removeClass().addClass('btn btn-danger rounded-circle btn-damage');
                $('#regular').removeClass().addClass('btn btn-outline-warning btn-damage');
                $('#none').removeClass().addClass('btn btn-outline-secondary btn-damage');
            } else if($(this).attr('id') === 'regular') {
                $('#bad').val(0);
                $('#regular').val(1);
                $('#none').val(0);
                $('#bad').removeClass().addClass('btn btn-outline-danger btn-damage');
                $('#regular').removeClass().addClass('btn btn-warning rounded-circle btn-damage');
                $('#none').removeClass().addClass('btn btn-outline-secondary btn-damage');
            } else {
                $('#bad').val(0);
                $('#regular').val(0);
                $('#none').val(1);
                $('#bad').removeClass().addClass('btn btn-outline-danger btn-damage');
                $('#regular').removeClass().addClass('btn btn-outline-warning btn-damage');
                $('#none').removeClass().addClass('btn btn-secondary rounded-circle btn-damage');
            }

            /* console.log($(this).attr('id')) */

        });

        $('.dmg-box').on('click', function() {
            var id = $(this).attr('id');
            if(parseInt($('#bad').val()) === 1) {
                $(this).removeClass('bg-white bg-warning text-dark').addClass('bg-danger text-white');
                var dmgType = 1;
            } else if(parseInt($('#regular').val()) === 1) {
                $(this).removeClass('bg-white bg-danger text-dark').addClass('bg-warning text-white');
                var dmgType = 2;
            }  else if(parseInt($('#none').val()) === 1) {
                $(this).removeClass('bg-danger bg-warning text-white').addClass('bg-white text-dark');
                var dmgType = 3;
            } else {
                $('.shake').effect('shake');
                var dmgType = 0;
            }
            if(dmgType) {
                $.post('ajax/tasaciones-update.php', {value: id, dmgType: dmgType, codigo_tasacion: codigo_tasacion, request: 10});
            } else {
                /* console.log(0) */;
            }

        });

        //Range Bien Mal
        var $range = $('.range');
        $range.each(function() {
            var $thumb = $(this).next('.range-thumb');
            var max = parseInt(this.max, 10);
            var tw = 100; // Thumb width. See CSS
            $(this).on('input input.range', function() {
                var w = $(this).width();
                var val = parseInt(this.value);
                /* var txt = val >= max ? '∞' : val; */
                var xPX = val * (w - tw) / max; // Position in PX
                $thumb.css({left: xPX});
                /* console.log(txt) */
            });
        });

        $(document).ready(function() {
            $range.each(function() {
                var $thumb = $(this).next('.range-thumb');
                var val = parseInt($(this).val());
                //var w = $(this).width();
                //console.log(w);
                if(val === 0) {
                    xPX = "0%";
                } else if(val === 1) {
                    xPX = "40%";
                } else {
                    xPX = "80%";
                }
                $thumb.css({left: xPX});
            });
        });

        $range.trigger('input.range'); // Calc on load
        $(window).on("resize", () => $range.trigger("input.range"));

        $range.on('input', function() {
            var id = $(this).attr('id');
            var value = parseInt($(this).val());
            $.post('ajax/tasaciones-update.php', {value: value, codigo_tasacion: codigo_tasacion, id: id, request: 3}, function(data) {
            //console.log(data);
            });
            if(value === 0) {
                $("label[for='" + id + "'].x0").addClass('text-success', 300, 'swing');
            } else if(value === 2) {
                $("label[for='" + id + "'].x2").addClass('text-danger', 300, 'swing');
            } else {
                $("label[for='" + id + "'].x0").removeClass('text-success font-weight-bold');
                $("label[for='" + id + "'].x2").removeClass('text-danger font-weight-bold');
            }
            /* console.log(id) */
        });

        var parent_mecanico = $('#comm-mecanico');
        $('#btn-mecanico').on('click', function(data) {
            var value = $('#mecanico').val();
            var id = 'REVMECANICA';
            if(value !== '') {
                $.post('ajax/tasaciones-update.php', {value: value, codigo_tasacion: codigo_tasacion, id: id, request: 4}, function(data) {
                    //console.log(data);
                });
                $('#mecanico').removeClass('is-invalid').addClass('is-valid');
                $.post('ajax/tasacion-files.php', {codigo_tasacion: codigo_tasacion, id: id, request: 2}, function(data) {
                    var object = JSON.parse(data);
                    //console.log(object);
                    if(parseInt(object.GRUPO) === -1) {
                        icon = 'user-tie';
                    } else {
                        icon = 'user-alt';
                    }
                    parent_mecanico.prepend('<div class="media my-3 bg-white border border-success p-3 shadow rounded-lg w-100" id="' + object.POS +  '">' +
                        '<div class="bg-success p-4 mr-3 text-center text-white rounded"><i class="fas fa-' + icon + ' fa-2x"></i></div>' +
                            '<div class="media-body">' + 
                                '<h5 class="mt-0 d-flex justify-content-between"><span>' + object.USUARIO.charAt(0).toUpperCase() + object.USUARIO.slice(1) + '</span><i class="far fa-trash-alt c-pointer text-secondary delete-icon" data-value="' + object.POS +  '"></i></h5>' +
                                '<div>' + object.NOTA + '</div>' +
                                '<small class="d-block float-right text-muted">' + object.FECHA + '</small>' + 
                            '</div>' +
                        '</div>').hide().fadeIn(800);
                    //delete-icon
                    $('.delete-icon').off().on('click', function() {
                        var value = $(this).data('value');
                        if(confirm("<?php echo $seguro_eliminar_nota_lg; ?>")) {
                            $.post('ajax/tasaciones-update.php', {codigo_tasacion: codigo_tasacion, value: value, request: 5}, function(data) {
                                /* console.log(data); */
                            });
                            $('#' + value).fadeOut(400);
                        }
                    });
                });

                $('#mecanico').val('');
            } else {
                $('#mecanico').addClass('is-invalid');
            }
        });

        $('.delete-icon').on('click', function() {
            var value = $(this).data('value');
            if(confirm("<?php echo $seguro_eliminar_nota_lg; ?>")) {
                $.post('ajax/tasaciones-update.php', {codigo_tasacion: codigo_tasacion, value: value, request: 5}, function(data) {
                    /* console.log(data); */
                });
                $('#' + value).fadeOut(400);
            }
        });

        $('#acc-guardar').on('click', function() {
            var precio = $('#precio').val();
            if(!precio) {
                $('#precio').addClass('is-invalid');
            } else {
                var mercado = $('#mercado').val();
                var sobretasacion = $('#sobretasacion').val();

                $('#precio').removeClass('is-invalid').addClass('is-valid');
                $('#mercado').addClass('is-valid');
                $('#sobretasacion').addClass('is-valid');
                $.post(
                    'ajax/tasaciones-update.php', 
                    {codigo_tasacion: codigo_tasacion, value: 0, precio: precio, mercado: mercado, sobretasacion: sobretasacion, request: 9}, 
                    function(data) {
                        var object = JSON.parse(data);
                        if(object.status === 0) {
                            $('#guardar-tas-msg').show(500);
                        }
                    }
                );
            }
        });

        $('#input-check').on('click focus', function() {
            $(this).val('');
        });

        $('#acc-generar').on('click', function() {//mandar a validar
            if(!$('#precio').val()) {
                $('#precio').addClass('is-invalid');
            } else {
                var precio = $('#precio').val();
                var mercado = $('#mercado').val();
                var sobretasacion = $('#sobretasacion').val();
                $('#precio').removeClass('is-invalid').addClass('is-valid');
                $('#mercado').addClass('is-valid');
                $('#sobretasacion').addClass('is-valid');
                $.post(
                    'ajax/tasaciones-update.php', 
                    {codigo_tasacion: codigo_tasacion, value: false, precio: precio, mercado: mercado, sobretasacion: sobretasacion, request: 8},
                    function(data) {
                        $('#acc-generar').prop('disabled', true);
                        $('#acc-generar').text('Enviado a validar');
                        var alert = '<?php echo PuzzleHTML::mensaje_informativo($tasaciones_lg, $responsable_avisado_lg); ?>';
                        $('#msgs').html(alert);
                        $.post('mailing/Envios.php', {grupo: "roles", destinatario: "Tasador"});
                        /* console.log(JSON.parse(data)); */
                    }
                );
            }   
        });

        $('#acc-validar').on('click', function() {//validar
        
            var precio = $('#precio').val();
            var mercado = $('#mercado').val();
            var sobretasacion = $('#sobretasacion').val();

            $('#precio').removeClass('is-invalid').addClass('is-valid');
            $('#mercado').addClass('is-valid');
            $('#sobretasacion').addClass('is-valid');
            $.post(
                'ajax/tasaciones-update.php', 
                {codigo_tasacion: codigo_tasacion, value: false, precio: precio, mercado: mercado, sobretasacion: sobretasacion, request: 13},
                //{codigo_tasacion: codigo_tasacion, value: false, request: 13}, 
                function(data) {
                    var alert = '<?php echo PuzzleHTML::mensaje_informativo($tasaciones_lg, $tasacion_validada_lg); ?>';
                    $('#msgs').html(alert);
                    $('#spinner-btn').removeClass('d-none');
                    setTimeout(function() { location.replace('tasaciones.php'); } , 3000);
                    /* console.log(JSON.parse(data)); */
                }
            );
        });

        /* $('#authentication').hide()
        $('.accion').on('click', function() {
            $('#ctrl').val($(this).val());
            $('#authentication').show(400);
            $.post('ajax/tasaciones-update.php', {codigo_tasacion: codigo_tasacion, value: false, request: 8});
        })

        $('#check_key').on('click', function() {
            var value = $('#input_check').val();
            var mercado = $('#mercado').val();
            var precio = $('#precio').val();
            var sobretasacion = $('#sobretasacion').val();
            $.post('ajax/tasaciones-update.php', {codigo_tasacion: codigo_tasacion, value: value, request: 9});
        }) */

    </script>
    <?php } else { ?> 
    <script type="text/javascript">
        (function() {
            'use strict';
            window.addEventListener('load', function() {
                // Fetch all the forms we want to apply custom Bootstrap validation styles to
                var forms = document.getElementsByClassName('needs-validation');
                // Loop over them and prevent submission
                var validation = Array.prototype.filter.call(forms, function(form) {
                form.addEventListener('submit', function(event) {
                    if (form.checkValidity() === false) {
                    event.preventDefault();
                    event.stopPropagation();
                    }
                    form.classList.add('was-validated');
                }, false);
                });
            }, false);
        })();

        $('#rgpd').hide();
        $('#person-box').hide();
        $('#car-box').hide();
        $('#rgpd1').val('');
        
        $('#rgpd1').on('change', function() {
            if($(this).is(':checked')) {
                $('#rgpd1').val(1);
                $(this).removeClass('is-invalid').addClass('is-valid');
                //console.log(1);
            } else {
                $('#rgpd1').val('');
                $(this).removeClass('is-valid').addClass('is-invalid');
                //console.log(0);
            }
        });
        var content = $('#content');
        var parent = $('#parent');
        function isEmail(email) {
            var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
            return regex.test(email);
        }

        $('#search').on('keyup focus', function() {
            parent.append('<div class="list-group position-absolute mt-5 w-100 shadow" id="listing" style="z-index:3;"></div>');
            var value = $(this).val();
            /* console.log(value); */
            if(value !== '') {
                var inputs = '';
                /* var email = ''; */
                $.post('ajax/contacto_json.php', {value: value, request: 1, subRequest: 1}, function (data) {
                    var object = JSON.parse(data);
                    /* console.log(object); */
                   /*  if(object.length == 0) {
                        inputs += '<a class="list-group-item list-group-item-action no-result contacto" data-contacto="0"><?php echo $nuevo_contacto_lg; ?></a>';
                    } else {
                        $('.no-result').remove();
                    } */
                    for(i in object) {
                        if(object[i].show) {
                            show = '<span class="">' + object[i].show + '</span>';
                            email = object[i].email !== '' ? '<span class="text-primary d-block pl-3"><i class="fas fa-envelope mr-2"></i>' + object[i].email + '</span>' : '';
                            phone = object[i].phone !== '' ? '<span class="text-primary d-block pl-3"><i class="fas fa-phone mr-2"></i>' + object[i].phone + '</span>' : '';

                            inputs += '<a class="list-group-item list-group-item-action c-pointer contacto" data-contacto="' + object[i].id + '">' + show +  ' ' + email + ' ' + phone + '</a>';
                        }
                    }
                    inputs += '<a class="list-group-item list-group-item-action no-result contacto" data-contacto="0"><?php echo $nuevo_contacto_lg; ?></a>';
                    $('#listing').html(inputs);
                    $('#listing').fadeIn();

                    //Contact found
                    $('.contacto').on('click', function() {
                        $('#car-box').fadeOut();
                        $('#search').val('');
                        $('#listing').remove();
                        $('#person-box').show(500);
                        var contacto = $(this).data('contacto');
                        if(contacto) {
                            $.post('ajax/contacto_json.php', {value: contacto, request: 1, subRequest: 2}, function (data) {
                                var secondObject = JSON.parse(data);
                                /* console.log(secondObject) */
                                parseInt(secondObject.rgpd) === 0 ? $('#rgpd').fadeIn() : false;
                                for(var prop in secondObject) {
                                    if(prop !== 'rgpd') {
                                        secondObject[prop] ? $('#' + prop).addClass('is-valid') : false ;
                                        $('#' + prop).val(secondObject[prop]);
                                    }
                                }
                                //RGPD
                                $('#rgpd-press').on('click', function(data) {
                                    $('#rgpd-title').html(secondObject.show);
                                    $('.custom-control-input').on('change', function() {
                                        var control = $(this).is(':checked') ? 1 : 0;
                                        /* console.log(control + " " + $(this).attr('id')); */
                                        $(this).is(':checked') ? $(this).addClass('is-valid') : $(this).removeClass('is-valid');
                                        $.post('ajax/contacto_json.php', {value: $(this).val(), contacto: contacto, control: control, request: 1, subRequest: 3});
                                    });
                                });
                            });
                            $('#new-rgpd').addClass('d-none');
                            $('#button-contact').remove();
                            $('#contacto_tasacion').val(contacto);
                            $('#btn-append').html('<button class="btn btn-primary" id="button-contact" type="button"><?php echo $siguiente_lg; ?></button>');

                            //Check if rpd is checked to open the car section
                            $('#button-contact').on('click', function(data) {
                                if($('#rgpd').is(':visible')) {
                                    if($('#modal-rgpd1').is(':checked')) {
                                        $('#rgpd').fadeOut();
                                        $('#car-box').show(500);
                                        $('html, body').animate({
                                            scrollTop: 550
                                        }, 'slow');
                                    } else {
                                        $('#rgpd').effect('shake', {time: 2});
                                    }
                                } else {
                                    $('#rgpd').fadeOut();
                                    $('#matricula').val('<?php echo $matricula; ?>');
                                    $('#car-box').show(500);
                                    $('html, body').animate({
                                        scrollTop: 550
                                    }, 'slow');
                                }
                            });
                        } else {
                            $('#rgpd').fadeOut();
                            $('.p-form').trigger('reset');
                            $('.is-valid').removeClass('is-valid');
                            $('#new-rgpd').removeClass('d-none');
                            $('#btn-append').html('<button class="btn btn-primary" id="button-contact" type="button"><?php echo $enviar_lg; ?></button>');
                            $('#button-contact').on('click', function() {
                                $('.p-form input').each(function() {
                                    if($(this).attr('required')) {
                                        if($(this).val() === '') {
                                            $(this).addClass('is-invalid');
                                            request = 0;
                                            subRequest = 0;
                                        } else {
                                            $(this).removeClass('is-invalid').addClass('is-valid');
                                            if($(this).attr('id') === 'email') {
                                                if(isEmail($('#email').val())) {
                                                    request = 1;
                                                    subRequest = 4;
                                                } else {
                                                    $('#email').addClass('is-invalid');
                                                    request = 0;
                                                    subRequest = 0;
                                                }
                                            }
                                        }
                                    }
                                });
                                $.post('ajax/contacto_json.php', {
                                        value: 0, 
                                        name: $('#name').val(), 
                                        lastName: $('#lastName').val(), 
                                        secondLastName: $('#secondLastName').val(), 
                                        cardId: $('#cardId').val(), 
                                        email: $('#email').val(), 
                                        phone: $('#phone').val(), 
                                        address: $('#address').val(), 
                                        request: request, 
                                        subRequest: subRequest
                                    }, function(data) {
                                        if(data !== '') {
                                            /* console.log(data); */
                                            $.post(
                                                    'ajax/contacto_json.php',
                                                    {  value: data, 
                                                       rgpd: $(".p-form input[name='rgpd[]']").map(function(){return $(this).is(':checked') ? $(this).val() : 0;}).get(), 
                                                       request: 1, 
                                                       subRequest: 5 
                                                   }
                                            );
                                        }
                                        $('#contacto_tasacion').val(data);
                                        $('#button-contact').on('click', function() {
                                            $('#car-box').show(500);
                                            $('html, body').animate({scrollTop: 550 }, 'slow');
                                        });
                                    }
                                );
                            });
                        }
                    });
                });
            } else {
                $('#listing').remove();
            }
        });
    </script>
    
    <?php } ?> 
    <?php 
        include('includes/footer.php');
        include('includes/footer-script.php');
        $con->close();
    ?>   
  </body>
</html>