{% extends "base.html" %}

{% set colortop = false %}

{% set showtop = true %}

{% set title = 'Centro de Distribuição de Títulos e Documentos e de Pessoas Jurídicas de São Paulo' %}

{% set robots = true %}
{% set meta_description = 'Centro de Distribuição de Títulos e Documentos e de Pessoas Jurídicas de São Paulo é a Central Digital dos 10 Cartórios de RTD e RCPJ da Capital. Oferecemos acesso integrado e unificado aos serviços registrais prestados pelos 10 Cartórios da Capital.' %}
{% set meta_keywords = 'cdt, cdtsp, são paulo, cartório, td, pj, notificação, notifiações' %}

{% block css %}
<style>
    @media all and (min-width:569px) and (max-width: 7000px) {
        .notice-information {
            height: 550px;
            overflow-y: auto;
        }
        .fraude-notice {
            height: 550px;
            overflow-y: auto;
        }
    }
</style>
{% endblock %}
{% block js %}
<script>
    $( document ).ready(function () {
        $('#quick-view').modal('show');
        
        $("#options input:radio").click(function() {
            if($(this).val() == 'registro')
                $('form[id=consulta]').attr('action','validarregistro');
            else
                $('form[id=consulta]').attr('action','validarcertidao');
            refreshCaptcha();
            $('.imgsecure').removeClass('d-none');
        });
        
        return false;
    });
    
    function offer()
    {
        $('html, body').animate({
            scrollTop: $(".service-package-area").offset().top - 150
        }, 2000);
    }
    
    function validardoc ()
    {
        var validar = $('input[name=validar]:checked').val();
        var codigo = $('input[name=chavedoc]');
        var img = $('input[name=imgcod]');
        if(validar == undefined)
        {
            alert('Informe se deseja validar uma Certidão ou um Registro.');
            return false;
        }
        
        if(codigo.val().length == 0)
        {
            alert('Digite a chave de verificação da certidão ou do registro.');
            codigo.focus();
            return false;
        }
        
        if(img.val().length == 0)
        {
            alert('Digite o número na imagem de verificação');
            img.focus();
            return false;
        }
        popupCenter();
        setTimeout(function(){
            $("#options input:radio").prop('checked', false);
            $('.imgsecure').addClass('d-none');
            codigo.val('');
            img.val('')
        }, 1000);
        return true;
    }
    
    function refreshCaptcha () {
        $('#captcha').attr('src', 'captcha?s={{ id }}&' + Math.random());
        $('input[name=imgcod]').val('');
    }
    
    const popupCenter = () => {
        const w = 1000;
        const h = ($(window).height() > 900) ? 900 : $(window).height();
        // Fixes dual-screen position                             Most browsers      Firefox
        const dualScreenLeft = window.screenLeft !==  undefined ? window.screenLeft : window.screenX;
        const dualScreenTop = window.screenTop !==  undefined   ? window.screenTop  : window.screenY;

        const width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
        const height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;

        const systemZoom = width / window.screen.availWidth;
        const left = (width - w) / 2 / systemZoom + (dualScreenLeft < 0 ? dualScreenLeft * -1 : dualScreenLeft);
        const top = (height - h) / 2 / systemZoom + (dualScreenTop < 0 ? dualScreenTop * -1 : dualScreenTop);

        const newWindow = window.open('', 'popup', 'width='+w/systemZoom+',height='+h/systemZoom+',scrollbars=yes,top='+top+',left='+left);
        
        if (window.focus) newWindow.focus();
    }
</script>
{% endblock %}

{% block content %}
<main class="site-wrapper site-wrapper-reveal">

        
        <!--== Start Page Header Area ==-->
        <div class="page-header-wrapper bg-secondary">
            <div class="container">
                <div class="row">
                    <div class="col-12 text-center">
                        <div class="page-header-content" style="height: 287px !important;">
                            <div class="section-title mb-0">
                                <h4 style="color:whitesmoke;">Centro de Distribuição de Títulos e Documentos de São Paulo</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--== End Page Header Area ==-->
        

        <!--== Start About Area ==-->
        <div class="about about-business-modern">
            <div class="container-fluid p-0">
                <div class="row no-gutters">
                    <div class="col-md-6">
                        <div class="about-business-item bg-img" data-bg="assets/img/banner/saopaulo.jpg">
                            <div class="about-content">
                                <div class="section-title mb-0">
                                    <h4 style="color:white;">RTD - Registro de Títulos e Documentos</h4>

                                    <div class="about-txt mt-30 mt-md-20 mt-sm-20">
                                        <p>Negócios, garantias, condomínios, notificações e documentos em geral.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="about-business-item bg-brand">
                            <div class="about-content">
                                <div class="section-title mb-0">
                                    <h4>RCPJ - Registro Civil de Pessoas Jurídicas</h4>

                                    <div class="about-txt mt-30 mt-md-20 mt-sm-20">
                                        <p>Contrato Social, Estatuto, Atas de Assembleia etc.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--== End About Area ==-->







        <!--== Start Service Package Area  ==-->
        <div class="service-package-area sm-top" style="margin-top: 50px;">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7 m-auto">
                        <div class="section-title section-title--wp text-center">
                            <h2>O que oferecemos</h2>
                            <p>Oferecemos o registro do seu Documento para garantir a segurança Jurídica e Tecnologia</p>
                        </div>
                    </div>
                </div>

                <div class="row mtn-30">
                    <div class="col-md-6 col-lg-4">
                        <!-- Start Single Pricing Item -->
                        <div class="pricing-item">
                            <div class="pricing-item-header">
                                <div class="price-wrap">
                                    <h4 class="price"><i class="fa fa-file-text"></i></h4>
                                </div>
                                <h2 class="h4">RTD</h2>
                            </div>

                            <div class="pricing-item-content">
                                <ul class="ht-list ht-list-brand">
                                    {% for mtd in menu %}
                                    {% if mtd.natureza == 'TD' %}
                                    <li><a href="{{ mtd.link }}">{{ mtd.nome }}</a></li>
                                    {% endif %}
                                    {% endfor %}
                                </ul>
                            </div>
                        </div>
                        <!-- End Single Pricing Item -->
                    </div>

                    <div class="col-md-6 col-lg-4">
                        <!-- Start Single Pricing Item -->
                        <div class="pricing-item">
                            <div class="pricing-item-header">
                                <div class="price-wrap">
                                    <h4 class="price"><i class="fa fa-book"></i></h4>
                                </div>
                                <h2 class="h4">RCPJ</h2>
                            </div>

                            <div class="pricing-item-content">
                                <ul class="ht-list ht-list-brand">
                                    {% for mpj in menu %}
                                    {% if mpj.natureza == 'PJ' %}
                                    <li><a href="{{ mpj.link }}">{{ mpj.nome }}</a></li>
                                    {% endif %}
                                    {% endfor %}
                                </ul>
                            </div>
                        </div>
                        <!-- End Single Pricing Item -->
                    </div>

                    <div class="col-md-6 col-lg-4">
                        <!-- Start Single Pricing Item -->
                        <div class="pricing-item">
                            <div class="pricing-item-header">
                                <div class="price-wrap">
                                    <h4 class="price"><i class="fa fa-clone"></i></h4>
                                </div>
                                <h2 class="h4">Serviços On-line</h2>
                            </div>

                            <div class="pricing-item-content">
                                <ul class="ht-list ht-list-brand">
                                    {% for msv in menu %}
                                    {% if msv.natureza == 'SV' %}
                                    <li><a href="{{ msv.link }}" {% if msv.link[:4] == 'http' %}target="_blank"{% endif %}>{{ msv.nome }}</a></li>
                                    {% endif %}
                                    {% endfor %}
                                </ul>
                            </div>
                        </div>
                        <!-- End Single Pricing Item -->
                    </div>
                </div>
            </div>
        </div>
        <!--== End Service Package Area  ==-->

        <!--== Start Our Mission Area ==-->
        <section class="our-mission-area sp-y-md sp-y-sm bg-secondary sm-top">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 order-1 order-lg-0">
                        <div class="about-content">
                            <div class="section-title section-title--white mb-0">
                                <h5>On Line</h5>
                                <h2>Validação</h2>

                                <div class="about-txt mt-30 mt-md-20 mt-sm-20">
                                    <ul class="ht-list ht-list-brand">
<form action="" id="consulta" method="post" onsubmit="return validardoc()" target="popup">
   <input type="hidden" name="s" value="{{ id }}">
    <div id="options">
        <input type="radio" name="validar" value="registro" id="vr">
        <label for="vr" style="margin-right: 25px">Registro</label>
        <input type="radio" name="validar" value="certidao" id="vc">
        <label for="vc">Certidão</label>
    </div>
    
    <input type="text" name="chavedoc" class="form-control mt-40 mb-40" placeholder="Informe a chave do registro ou certidão">
    
    <div class="row mb-40 d-none imgsecure">
        <div class="col-4">
            <img src="" id="captcha">
            <a href="javascript:refreshCaptcha()" class="ht-tooltip" data-tippy-content="Atualizar código de verificação">
                <i class="fa fa-refresh"></i>
            </a>
        </div>
        <div class="col-8">
            <input type="text" name="imgcod" class="form-control" placeholder="Informe o número na imagem de ao lado">
        </div>
    </div>
                                        <button type="submit" class="btn-brand btn-md">Validar Documento</button>
</form>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-5 order-0 order-lg-1">
                        <div class="about-thumb about-thumb-right-align">
                            <img src="assets/img/about/cdt.jpg" alt="Arden-About" />
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--== End Our Mission Area ==-->


        
        <!--== Start Brand Logo Area ==-->
        <div class="brand-logo-area">
            <div class="">
                <div class="container">
                    <div class="row">
                        <div class="col-12 text-center">
                            <div class="section-title">
                                <h2>Cartórios de São Paulo</h2>
                                <h5>Veja os Cartórios de RTD e RCPJ de São Paulo</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row justify-content-center">
                        {% for crt in crts %}
                        <div class="brand-logo-item col-6 col-sm-3 col-lg-2 m-lg-3">
                            <a href="http://{{ crt.site }}"><img src="assets/img/brand-logo/{{ "%02d"|format(crt.nrtd) }}RTD_.png" class="ht-tooltip" data-tippy-content="{{ crt.serventia }}" /></a>
                        </div>
                        {% endfor %}
                </div>
            </div>
        </div>
        <!--== End Brand Logo Area ==-->


    </main>
    
    
    <!--=== Start Quick View Content Wrapper ==-->
    <div class="modal fade" id="quick-view" role="dialog">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="quick-view-content-wrap">
                        <div class="row">
                            <!-- Start Product Thumbnail Area -->
                            <!--div class="col-md-6 pr-5">
                                <div class="product-thumb-area mb-0 notice-information" style="margin-left: 30px; padding-bottom:30px; padding-right: 5px;">
                                    <h4 style="color: red; text-align: center;margin-top: 5%;margin-left: 30px;margin-bottom: 50px;">ATENÇÃO</h4>
                                    <p align="center">INFORMAMOS O QUE O 10 RTD ENCONTRA-SE EM NOVO ENDEREÇO CONFORME INDICADO ABAIXO:</p>
                                    <p align="justify">CEP 01228-200<br>
                                    Avenida Angélica, 2.510 - sala 65<br>
                                    Higienópolis São Paulo - SP<br>
                                    e-mail: oficial@10rtd.com.br</p>
                                </div>
                                <div class="product-thumb-area mb-0 notice-information" style="margin-left: 30px; padding-bottom:30px; padding-right: 5px;">
                                    <h4 style="color: red; text-align: center;margin-top: 5%;margin-left: 30px;margin-bottom: 50px;">Novo Sistema de AUTOATENDIMENTO</h4>
                                    <p align="center"><i>Mais velocidade e facilidade para você</i></p>
                                    <p align="justify">Atualmente, o documento eletrônico é o meio mais ágil e fácil para criar documentos e registrá-los.</p>
                                    <p align="justify">Mas se você ainda tem um documento em papel para registrar, o CDT desenvolveu um novo sistema de autoatendimento para remessa de documentos para registro. </p>
                                    <p align="justify">Com isso, será mais fácil e rápido o encaminhamento de documentos em papel para registro. E também será possível controlar e acompanhar todo o processo de registro pela internet.</p>
                                    <p align="justify">Basta fazer o pré-cadastro do seu documento no site do CDT: <a href="/pedidos">Clique aqui</a>, conforme instruções que estão detalhadas no manual. Depois de imprimir o comprovante da remessa, insira o comprovante e o documento a ser registrado num envelope e o deposite no caixa de autoatendimento do CDT.</p>
                                    
                                    <p align="justify">O envelope será aberto e o documento será conferido e analisado pelo cartório, que enviará o orçamento para o e-mail fornecido pelo cliente.</p>
                                    <p align="justify">Efetuado o pagamento, o registro será efetuado e o documento registrado poderá ser retirado pessoalmente em papel ou também por meio eletrônico pela internet (caso o cliente opte por receber o registro eletronicamente).</p>
                                    <p class="text-left">É muito simples. Experimente!</p>
                                </div>
                            </div-->
                            <!-- End Product Thumbnail Area -->

                            <!-- Start Product Info Area -->
                            <div class="col-md-6 pl-5">
                                <div class="product-details-info-content-wrap pr-0">
                                    <div class="prod-details-info-content">
                                        
                                        <div class="product-config"> <!-- mt-30 -->
                                            <!-- Start Color Choose Option -->
                                            <div class="config-item">
                                                <div class="mb-4 fraude-notice pr-3">
                                                    <h4 style="color: white; text-align: center;margin-top: 5%;margin-left: 30px;margin-bottom: 50px;background-color: #35363a;border-radius:10px;">
                                                        NOTÍCIA DE FRAUDE
                                                    </h4>
                                                    <p align="justify">Prezado Cliente,</p>
                                                    <p align="justify">Recebemos relatos informando sobre tentativas de fraudes relacionadas a cobranças, sob pena de protesto e execução, formalizadas em documento que utiliza a logotipo do CDT – Centro de Distribuição de Títulos e Documentos de São Paulo. </p>
                                                    <p align="justify">Informamos que o CDT representa os cartórios de Títulos e Documentos e Registro Civil das Pessoas Jurídicas da Comarca de São Paulo e não faz cobrança de dívidas de terceiros por email ou contato telefônico, e não representa os cartórios de Protesto.</p>
                                                    <p align="justify">Fique atento, pois embora a logotipo utilizada seja do CDT e o telefone indicado direcione para pessoas que se dizem representantes do CDT ou dos cartórios, trata-se de fraude, a qual pode ser denunciada à Polícia Civil pelo endereço eletrônico abaixo:</p>
                                                    <p align="justify"><a href="https://www.delegaciaeletronica.policiacivil.sp.gov.br/" target="_blank">Polícia Civil do Estado de São Paulo</a></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="product-details-info-content-wrap">
                                    <div class="prod-details-info-content">
                                        
                                        <div class="product-config"> <!-- mt-30 -->
                                            <!-- Start Color Choose Option -->
                                            <div class="config-item">

                                                <p align="justify">Formas de contato para esclarecimento de dúvidas:</p>
                                                <p><i class="fa fa-envelope"></i> <a href="mailto:contato@cdtsp.com.br">contato@cdtsp.com.br</a></p>
                                                <!--p><i class="fa fa-whatsapp"></i> <a href="https://api.whatsapp.com/send?phone=5511943500886" target="_blank">WhatsApp</a></p-->
                                                <p><i class="fa fa-edit"></i> <a href="faleconosco">Fale Conosco</a></p>
                                                <!--p><i class="fa fa-phone"></i> <a href="tel:1132481000">Telefone (11) 3248 1000</a></p-->
                                                <center style="margin-top: 30px"><button class="btn btn-bordered" onclick="window.location.href='consultarandamento'">Consultar andamento do seu Documento</button></center>
                                                {{ popup.content | raw }}

                                            </div>
                                            <!-- End Color Choose Option -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End Product Info Area -->
                        </div>
                    </div>
                </div>

                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
            </div>
        </div>
    </div>
    <!--=== End Quick View Content Wrapper ==-->

{% endblock %}