{% extends "base.html" %}

{% set colortop = false %}

{% set showtop = true %}

{% set title = 'Pessoas Jurídicas - ' %}

{% set robots = true %}

{% block css %}
<style>
    .conteudo:hover {
        color: #182141;
        background-color: #ececec;
    }
</style>
{% endblock %}
{% block js %}
<script>
    const popupCenter = () => {
        const w = 1000;
        const h = ($(window).height() > 1000) ? 1000 : $(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
        const top = (height - h) / 2 / systemZoom + 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">
                            <div class="section-title mb-0">
                                <h2>Modelos de Documentos</h2>
                            </div>

                            <nav class="breadcrumb-wrap">
                                <ul class="breadcrumb">
                                    <li><a href="./">Início</a></li>
                                    <li><a href="servicosonline">Serviços On-line</a></li>
                                    <li><a href="#" class="active">Modelos de Documentos</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--== End Page Header Area ==-->
        <!--== Start Shop Page Content Wrapper ==-->
        <div class="shop-page-content-wrapper sp-y">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 order-1 order-lg-0">
                        <!--== Start Sidebar Area ==-->
                        <div class="sidebar-wrapper shop-page">
                            

                            <!--** Start Sidebar Item **-->
                            <div class="sidebar-item">
                                <h4 class="sidebar-title">RCPJ</h4>
                                <div class="sidebar-body">
                                    <ul class="sidebar-list">
                                        <li>Lista com modelos de documentos para Registro Civil de Pessoas Jurídicas.</li>
                                    </ul>
                                </div>
                            </div>
                            <!--** End Sidebar Item **-->

                        </div>
                    </div>

                    <div class="col-lg-8 order-0 order-lg-1">
                        <div class="shop-content-wrapper">
                            <div class="faq-topic-content">
                                <div class="accordion" id="faqtd{{ categoria.id }}">
                                    {% for item in modelos %}
                                    {% if item.category == 0 %}
                                    <div class="card">
                                        <div class="card-header">
                                            <h4 data-toggle="collapse" data-target="#collapse{{ item.id }}" aria-expanded="fase">
                                                {{ item.title|raw }}
                                            </h4>
                                        </div>

                                        <div id="collapse{{ item.id }}" class="collapse" data-parent="#faqtd{{ categoria.id }}">
                                            <div class="card-body">
                                               {% for cont in modelos %}
                                               {% if cont.category == item.id %}
                                               <div class="row conteudo mb-20">
                                                   <div class="col-10">
                                                       <p><i class="fa fa-arrow-circle-o-right"></i> &nbsp;{{ cont.title|raw }}</p>
                                                       {% if cont.subtitle != '' %}
                                                       <p class="ml-30"><small>{{ cont.subtitle|raw }}</small></p>
                                                       {% endif %}
                                                   </div>
                                                   <div class="col-2 text-right my-auto">
                                                       {% if cont.writed %}
                                                       <a href="assets/files/{{ cont.writed }}" class="btn btn-bottom ht-tooltip mr-2" data-tippy-content="Editar" onclick="popupCenter()" target="popup"><i class="fa fa-pencil"></i></a>
                                                       {% endif %}
                                                       {% if cont.open %}
                                                       <a href="{{ cont.open }}" class="btn btn-bottom ht-tooltip" data-tippy-content="Abrir"><i class="fa fa-eye"></i></a>
                                                       {% endif %}
                                                       {% if cont.download %}
                                                       <a href="assets/files/{{ cont.download }}" class="btn btn-bottom ht-tooltip" data-tippy-content="Transferir" target="_blank"><i class="fa fa-download"></i></a>
                                                       {% endif %}
                                                   </div>
                                               </div>
                                               {% endif %}
                                               {% endfor %}
                                            </div>
                                        </div>
                                    </div>
                                    {% endif %}
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--== End Shop Page Content Wrapper ==-->
        
        
    </main>
{% endblock %}