<?php

/**
 *
 * @version 1.0
 * @author DigitalesWeb
 */

Util::ch_title("Consulta de estado de tramite de Escritura Pública o Radicado");
?>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>

<!-- ============================================================== -->
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<div class="row page-titles">
    <div class="col-md-12 col-12 align-self-center">
        <h3 class="text-themecolor mb-0">Consulta de estado de tramite de Radicado</h3>
        <ol class="breadcrumb mb-0 p-0 bg-transparent">
            <li class="breadcrumb-item active">Home</li>
        </ol>
    </div>
</div>
<!-- ============================================================== -->
<!-- End Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Container fluid  -->
<!-- ============================================================== -->
<div class="container-fluid">
    <!-- ============================================================== -->
    <!-- Start Page Content -->
    <!-- ============================================================== -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body wizard-content">
                    <h4 class="card-title">Consulta de estado de tramite de Radicado</h4>
                    <h6 class="card-subtitle">Por favor llene todos los campos para la busqueda correcta</h6>
                    <h6 class="card-subtitle">Por este medio es viable realizar la consulta del estado del tramite realizado en la Notaria 62 del c&iacute;rculo de
                        Bogotá. </h6>
                    <div class="alert alert-primary alert-dismissible bg-primary text-white border-0 fade show" role="alert">

                        <strong>Nota importante - </strong> a:) Si su radicado NO requiere registro y beneficiencia recuerde consultar luego de transcurrido los 6 d&iacute;as h&aacute;biles.</br>
                        <strong>Nota importante - </strong> b:) Si su radicado SI requiere registro y beneficiencia recuerde consultar luego de transcurrido los 14 d&iacute;as h&aacute;biles. esto depende de las oficinas de registro el cual se puede consultar con el numero de turno asignado por registro.
                    </div>

                    <form class="form-horizontal" role="form">
                        <input type="hidden" name="view" value="colsultaradicado" />
                        <section id="searchS">
                            <h4 class="card-title">Consulta escritura</h4>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="numRad">N&uacute;mero radicado<span class="danger">*</span> </label>
                                        <input type="number" class="form-control required" id="numRad" name="numRad" value="">
                                    </div>
                                </div>
                                <!-- <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="numEp">N&uacute;mero escritura<span class="danger">*</span> </label>
                                        <input type="number" class="form-control required" id="numEp" name="numEp" value="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="anhoEp">Año <span class="danger">*</span> </label>
                                        <input type="number" class="form-control required" id="anhoEp" name="anhoEp" value="2009">
                                    </div>
                                </div> -->
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <input type="checkbox" class="material-inputs filled-in chk-col-light-green required" id="agreeTerms" name="agreeTerms" required="">
                                    <label for="agreeTerms">Autorizo voluntaria, e inequívocamente el
                                        tratamiento de mis datos personales para lo correspondiente a este trámite
                                        notarial que he
                                        solicitado, conforme lo dispone la ley 1581 de 2012, y el Decreto Ley
                                        019 de 2012.</label>
                                    <div class="invalid-feedback">
                                        Debe aceptar antes de continuar.
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div id="show_search_results"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div id="loader" style="line-height: 115px; text-align: center; display:none;"><img alt="activity indicator" src="/themes/notaria62web/img/ajax-loader.gif"></div>
                                    <button type="button" class="btn btn-primary" id="btnSearchEp"> Buscar</button>

                                </div>
                            </div>
                        </section>


                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- ============================================================== -->
    <!-- End PAge Content -->
    <!-- ============================================================== -->
    <!-- ============================================================== -->
    <!-- Right sidebar -->
    <!-- ============================================================== -->
    <!-- .right-sidebar -->
    <!-- ============================================================== -->
    <!-- End Right sidebar -->
    <!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Container fluid  -->
<!-- ============================================================== -->


<script>
    (function() {
        'use strict';
        window.addEventListener('load', function() {
            // Fetch all the forms we want to apply custom Bootstrap validation styles to

            var form = $(".validation-wizard").show();
            $(document).on('click', '#btnSearchEp', function(e) {
                e.preventDefault();
                $.ajax({
                    // url: "./?action=searchescriturapublicaradicado&numep=" + $('#numEp').val() + "&anhoep=" + $('#anhoEp').val() + "&numrad=" + $('#numRad').val(),
                    url: "./?action=searchescriturapublicaradicado&numrad=" + $('#numRad').val(),
                    method: "post",
                    dataType: "text",
                    beforeSend: function() {
                        $('#loader').css('display', 'block');

                    },
                    complete: function() {
                        $('#loader').css('display', 'none');
                    },

                    success: function(data) {
                        $("#show_search_results").html(data);
                        $('#numRad').val("");
                    }
                })
            })


        }, false);

    })();
</script>