<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="utf-8">
    <title>{{ $entidade->entidade }}-{{ $entidade->uf }}</title>
    <meta name="description"
        content="Portal oficial da {{ $entidade->entidade }}, município brasileiro com acesso para informações, editais, publicações, licitação e notícias | Telefone {{ $entidade->fone }} | Endereço: {{ $entidade->endereco }} Cep: {{ $entidade->cep }}" />
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <meta name="googlebot" content="all" />
    <meta name="robots" content="index,follow" />
    <meta name="rating" content="General" />
    <meta name="Language" content="Português">
    <meta name="Copyright" content="e-Municípios">
    <meta name="distribution" content="Global">
    <meta name="city" content="{{ $entidade->cidade }}">
    <meta name="country" content="Brasil">
    <meta content="{{ $entidade->entidade }}" property="og:title">
    <meta property="og:title" content="{{ $entidade->entidade }}" />
    <meta property="og:type" content="website" />
    <meta property="og:description" content="Portal oficial da {{ $entidade->entidade }}, município brasileiro" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <link href="{{ asset('assets/site/css/layout_1/estilo.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/site/css/layout_1/nav.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('assets/site/css/layout_1/icon.css') }}" type="text/css">
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="icon" type="image/gif" href="" />
    <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;1,500&display=swap"
        rel="stylesheet">
    <meta name="google-site-verification" content="fuVQrohc0VEZ40L0OdNED4f7zNFTP-A5jpgaiD3uRYk" />
    <script data-account="7YtZoxpsZr" src="https://cdn.userway.org/widget.js"></script>
</head>

<body class="body">
    <!-- Modal de Aceitação da Política de Privacidade -->
    <div id="privacy-banner" class="privacy-banner">
        <div class="privacy-content">
            <p>
                Ao continuar, você concorda com nossa <a href="{{ route('site.politicas') }}" target="_blank">Política
                    de Privacidade</a> e com o uso de cookies de acordo com a LGPD.
            </p>
            <button id="accept-btn" class="accept-btn">Aceitar</button>
            <button id="decline-btn" class="decline-btn">Recusar</button>
        </div>
    </div>
    <style>
        .navbar-section,
        .navbar-section2,
        .column-c,
        .quadro_servicos,
        .footer-section,
        .footer,
        .inforquadro3 {
            background-color: {!! $entidade->corpredominante !!};
        }

        .inforquadro3:hover {
            background-color: #176e84;
        }

        .flex-wrapper.top-menu-links {
            padding-bottom: 1px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            text-align: center
        }

        /* Estilo para o banner de política de privacidade */
        .privacy-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 20px;
            display: none;
            justify-content: center;
            align-items: center;
            text-align: center;
            z-index: 1000;
        }

        .privacy-content p {
            margin: 0;
            font-size: 14px;
        }

        .privacy-content a {
            color: #fff;
            text-decoration: underline;
        }

        .accept-btn,
        .decline-btn {
            margin-top: 10px;
            padding: 10px 20px;
            font-size: 14px;
            border: none;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .accept-btn {
            background-color: #28a745;
            color: white;
        }

        .accept-btn:hover {
            background-color: #218838;
        }

        .decline-btn {
            background-color: #dc3545;
            color: white;
        }

        .decline-btn:hover {
            background-color: #c82333;
        }
    </style>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            // Verificar se o usuário já aceitou a política de privacidade
            if (!localStorage.getItem('privacy-accepted')) {
                document.getElementById('privacy-banner').style.display = 'flex';
            }

            // Botão "Aceitar"
            document.getElementById('accept-btn').addEventListener('click', function() {
                localStorage.setItem('privacy-accepted', 'true');
                document.getElementById('privacy-banner').style.display = 'none';
            });

            // Botão "Recusar"
            document.getElementById('decline-btn').addEventListener('click', function() {
                localStorage.setItem('privacy-accepted', 'false');
                document.getElementById('privacy-banner').style.display = 'none';
            });
        });
    </script>
    <div-- class="top">

        <div class="content-wrapper w-container w-hidden-tiny w-hidden-medium w-hidden-small">
            <div class="linkssub">
                <div class="topoinfor">
                    <div class="content-wrapper w-container">
                        <div style="text-align:left" class="w-col w-col-6">
                            <i style="font-size: 15px;" class="fa fa-clock-o" aria-hidden="true"></i> Funcionamento:
                            {{ $entidade->funcionamento }}
                        </div>

                        @foreach ($redes as $rede)
                            <a class="top-menu-link" href="{{ $rede->rede_social_url }}" target="_blank">
                                <i class="{{ $rede->rede_social_icone }} icontopo" aria-hidden="true"></i></a>
                        @endforeach

                        <a href="" style="text-align:right" class="linktop">
                            <i class="fa fa-sitemap"></i>
                            <span>Mapa do Site</span>
                        </a>
                        <a href="{{ route('site.ouvidoria') }}" style="text-align:right" class="linktop">
                            <i class="fa fa-headphones"></i>
                            <span>Ouvidoria</span>
                        </a>
                        <a href="{{ route('site.esic') }}" style="text-align:right" class="linktop">
                            <i class="fa fa-info-circle"></i><span>e-Sic</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <hr>

        <!--div class="navbar-section"-->
        <div class="navbar w-nav" data-animation="default" data-collapse="medium" data-duration="300"
            style="text-align: center; background-color: #fff;">
            <a href="{{ route('site.index') }}">
                <!-- img ajustada para ocupar 50% da largura e centralizada -->
                <img alt="{{ $entidade->entidade }}"
                    src="{{ asset('assets/site/uploads/' . $entidade->id_tce . '/img/banner/banner.png') }}"
                    style="width: 100%; height: auto;">
            </a>
        </div>
        <!--/div-->

        <div class="navbar-section2">
            <div class="content-wrapper w-container">
                <div class="navbar w-nav" data-animation="default" data-collapse="medium" data-duration="400">
                    <div class="flex-wrapper top-menu-links">
                        <div class="_100-percent-column">
                            <div class="colrigu">
                                <a class="nav-link" href="{{ route('site.index') }}">Início</a>
                                <a class="nav-link" href="{{ route('site.noticias.index') }}">Notícias </a>
                                <div class="dropdown w-dropdown" data-delay="0" data-hover="1">
                                    <div class="dropdown-toggle light nav-link w-dropdown-toggle top-menu-link">
                                        <div>A CIDADE</div>
                                        <div class="dropdown-icon w-icon-dropdown-toggle"></div>
                                    </div>
                                    <div class="dropdown-list w-dropdown-list">
                                        <a class="dropdown-link w-dropdown-link" href="/historia">História </a>
                                        <a class="dropdown-link w-dropdown-link"
                                            href="{{ route('site.simbolos') }}">Símbolos</a>
                                    </div>
                                </div>
                                <div class="dropdown w-dropdown" data-delay="0" data-hover="1">
                                    <div class="dropdown-toggle light nav-link w-dropdown-toggle top-menu-link">
                                        <div>GOVERNO</div>
                                        <div class="dropdown-icon w-icon-dropdown-toggle"></div>
                                    </div>
                                    <div class="dropdown-list w-dropdown-list">
                                        @if ($entidade->tipo == '1')
                                            <a class="dropdown-link w-dropdown-link" href="/a-prefeitura">A
                                                Prefeitura</a>
                                            <a class="dropdown-link w-dropdown-link"
                                                href="{{ route('site.secretarias') }}">Secretarias </a>
                                        @else
                                            <a class="dropdown-link w-dropdown-link" href="/a-camara">A Câmara</a>
                                        @endif
                                    </div>
                                </div>
                                <a href="{{route('site.diariooficial.index')}}" target="_blank" class="nav-link  w-hidden-tiny">DIÁRIO OFICIAL</a>
                                <a target="_blank" href="{{route('site.diariooficial.index')}}" target="_blank" class="nav-link w-hidden-main w-hidden-medium w-hidden-small">DIÁRIO OFICIAL</a>
                                <a class="nav-link" href="{{ route('site.transparencia') }}">TRANSPARÊNCIA</a>

                                <div class="dropdown w-dropdown" data-delay="0" data-hover="1">
                                    <div class="dropdown-toggle light nav-link w-dropdown-toggle top-menu-link">
                                        <div>LRF e Contas Públicas</div>
                                        <div class="dropdown-icon w-icon-dropdown-toggle"></div>
                                    </div>
                                    <div class="dropdown-list w-dropdown-list">
                                        <a class="dropdown-link w-dropdown-link" href="{{route('site.diariooficial.rreo')}}">RREO - Relatório Resumido da Gestão Orçamentária</a>
                                        <a class="dropdown-link w-dropdown-link" href="{{route('site.diariooficial.rgf')}}">RGF - Relatório de Gestão Financeira</a>
                                        <a class="dropdown-link w-dropdown-link" href="{{route('site.diariooficial.loa')}}">LOA - Lei Orçamentária Anual</a>
                                        <a class="dropdown-link w-dropdown-link" href="{{route('site.diariooficial.ldo')}}">LDO - Lei de Diretrizes Orçamentárias</a> 
                                        <a class="dropdown-link w-dropdown-link" href="{{route('site.diariooficial.ppa')}}">PPA - Plano Plurianual</a>
                                        <a class="dropdown-link w-dropdown-link" href="{{route('site.diariooficial.decretos')}}">PCA - Prestação de Contas Anual</a>
                                    </div>
                                </div>
                                <div class="dropdown w-dropdown" data-delay="0" data-hover="1">

                                    <div class="dropdown-toggle light nav-link w-dropdown-toggle top-menu-link">
                                        <div>Pubicações</div>
                                        <div class="dropdown-icon w-icon-dropdown-toggle"></div>
                                    </div>
                                    <div class="dropdown-list w-dropdown-list">
                                        <a class="dropdown-link w-dropdown-link" href="{{route('site.diariooficial.licitacoes')}}">Licitações</a>
                                        <a class="dropdown-link w-dropdown-link" href="{{route('site.diariooficial.contratos')}}">Contratos</a>
                                        <a class="dropdown-link w-dropdown-link" href="{{route('site.diariooficial.index')}}">Diário Oficial</a>
                                        <a class="dropdown-link w-dropdown-link" href="{{route('site.diariooficial.lei')}}">Leis</a> 
                                        <a class="dropdown-link w-dropdown-link" href="{{route('site.diariooficial.decretos')}}">Decretos</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class=" w-hidden-main w-hidden-medium">
                            <nav class="nav-menu w-nav-menu">
                                <div class="colrigu">
                                    <a class="nav-link" href="{{ route('site.index') }}">INÍCIO</a>
                                    <a class="nav-link" href="{{ route('site.noticias.index') }}">NOTÍCIAS </a>
                                    <div class="dropdown w-dropdown" data-delay="0" data-hover="1">
                                        <div class="dropdown-toggle light nav-link w-dropdown-toggle top-menu-link">
                                            <div>A CIDADE</div>
                                            <div class="dropdown-icon w-icon-dropdown-toggle"></div>
                                        </div>
                                        <div class="dropdown-list w-dropdown-list">
                                            <a class="dropdown-link w-dropdown-link" href="/historia">História </a>
                                            <a class="dropdown-link w-dropdown-link"
                                                href="{{ route('site.simbolos') }}">Simbolo e Brasão </a>
                                        </div>
                                    </div>
                                    <div class="dropdown w-dropdown" data-delay="0" data-hover="1">
                                        <div class="dropdown-toggle light nav-link w-dropdown-toggle top-menu-link">
                                            <div>GOVERNO</div>
                                            <div class="dropdown-icon w-icon-dropdown-toggle"></div>
                                        </div>
                                        <div class="dropdown-list w-dropdown-list">
                                            @if ($entidade->tipo == '1')
                                                <a class="dropdown-link w-dropdown-link" href="/a-prefeitura">A
                                                    Prefeitura</a>
                                                <a class="dropdown-link w-dropdown-link"
                                                    href="{{ route('site.secretarias') }}">Secretarias </a>
                                            @else
                                                <a class="dropdown-link w-dropdown-link" href="/a-camara">A Câmara</a>
                                            @endif
                                        </div>
                                    </div>
                                    <a href="" target="_blank"
                                        class="nav-link  w-hidden-tiny">DIÁRIO OFICIAL</a>
                                    <a class="nav-link" href="{{ route('site.transparencia') }}">TRANSPARÊNCIA</a>
                                    <div class="dropdown w-dropdown" data-delay="0" data-hover="1">
                                        <div class="dropdown-toggle light nav-link w-dropdown-toggle top-menu-link">
                                            <div>Publicações</div>
                                            <div class="dropdown-icon w-icon-dropdown-toggle"></div>
                                        </div>
                                        <div class="dropdown-list w-dropdown-list">
                                            <!-- Exibindo os tipos filtrados no controlador -->
                                            @foreach ($tipos as $tipo)
                                                <a class="dropdown-link w-dropdown-link" href="{{ route('site.diariooficial.buscar', $tipo->id) }}">{{ $tipo->tipo_nome }}</a>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </nav>
                            <div class="menu-button w-nav-button">
                                <div class="menu-burger-icon w-icon-nav-menu"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div style="display:none"
            class="navigation-scroll fixed-navbar w-hidden-medium w-hidden-small w-hidden-tiny w-nav"
            data-animation="over-right" data-collapse="medium" data-duration="400" data-ix="hide-fixed-navbar">
            <div class="content-wrapper w-container">
                <div class="flex-wrapper top-menu-links">
                    <div style="padding-top:5px;" class="_100-percent-column">
                        <div class="colrigu">
                            <a class="nav-link" href="{{ route('site.index') }}">INÍCIO</a>
                            <a class="nav-link" href="{{ route('site.noticias.index') }}">NOTÍCIAS</a>
                            <div class="dropdown w-dropdown" data-delay="0" data-hover="1">
                                <div class="dropdown-toggle light nav-link w-dropdown-toggle top-menu-link">
                                    <div>A CIDADE</div>
                                    <div class="dropdown-icon w-icon-dropdown-toggle"></div>
                                </div>
                                <div class="dropdown-list w-dropdown-list">
                                    <a class="dropdown-link w-dropdown-link" href="/historia">História </a>
                                    <a class="dropdown-link w-dropdown-link"
                                        href="{{ route('site.simbolos') }}">Simbolo e Brasão </a>
                                </div>
                            </div>
                            <div class="dropdown w-dropdown" data-delay="0" data-hover="1">
                                <div class="dropdown-toggle light nav-link w-dropdown-toggle top-menu-link">
                                    <div>GOVERNO</div>
                                    <div class="dropdown-icon w-icon-dropdown-toggle"></div>
                                </div>
                                <div class="dropdown-list w-dropdown-list">
                                    @if ($entidade->tipo == '1')
                                        <a class="dropdown-link w-dropdown-link" href="/a-prefeitura">A Prefeitura</a>
                                        <a class="dropdown-link w-dropdown-link"
                                            href="{{ route('site.secretarias') }}">Secretarias </a>
                                    @else
                                        <a class="dropdown-link w-dropdown-link" href="/a-camara">A Câmara</a>
                                    @endif
                                </div>
                            </div>
                            <a href="" target="_blank"
                                class="nav-link w-hidden-tiny">DIÁRIO OFICIAL</a>
                            <a class="nav-link" href="{{ route('site.transparencia') }}">TRANSPARÊNCIA</a>
                            <div class="dropdown w-dropdown" data-delay="0" data-hover="1">
                                <div class="dropdown-toggle light nav-link w-dropdown-toggle top-menu-link">
                                    <div>Publicações</div>
                                    <div class="dropdown-icon w-icon-dropdown-toggle"></div>
                                </div>
                                <div class="dropdown-list w-dropdown-list">
                                    <!-- Exibindo os tipos filtrados no controlador -->
                                    @foreach ($tipos as $tipo)
                                        <a class="dropdown-link w-dropdown-link" href="{{ route('site.diariooficial.buscar', $tipo->id) }}">{{ $tipo->tipo_nome }}</a>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class=" w-hidden-main w-hidden-medium">
                        <nav class="nav-menu w-nav-menu"> </nav>
                        <div class="menu-button w-nav-button">
                            <div class="menu-burger-icon w-icon-nav-menu"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @yield('content_header')
        @include('site.mapa')
        <div class="footer-section">
            <div class="footer">
                <div class="content-wrapper w-container">
                    <div class="w-col w-col-4">
                        <img alt="logo_" class="logo-branca"
                            src="{{ asset('assets/site/uploads/' . $entidade->id_tce . '/img/logo/logo.png') }}">
                        <div class="tect">
                            <strong>Funcionamento:</strong> <br>
                            {{ $entidade->funcionamento }}
                        </div>
                    </div>
                    <div class="w-col w-col-5">
                        <div class="tect"><strong>SERVIÇOS</strong> <br>
                            <ul>
                                <li><a href="{{ route('licitacoes.index') }}">Licitação</a></li>
                                <li><a href="{{ route('site.ouvidoria') }}">Ouvidoria</a></li>
                                <li><a href="{{ route('site.esic') }}">E-sic</a></li>
                                <li><a href="">Diário Oficial</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="w-col w-col-3">
                        <div class="tect"><strong>LOCALIZAÇÃO</strong> <br>
                            <br>
                            <i class="fa fa-map-marker" aria-hidden="true"></i>
                            {{ $entidade->endereco }} <br>
                            Cep: {{ $entidade->cep }} <br>
                            E-mail: {{ $entidade->email }} <br>
                            Tel: {{ $entidade->telefone }}
                        </div>
                        <br />
                        <a href="/lai">
                            <img alt="lai" src="{{ asset('assets/site/uploads/banner/lai.png') }}"
                                width="200" />
                        </a>
                    </div>
                </div>
            </div>
            <div class="fflex">
                <div class="content-wrapper w-container">
                    <div class="rodapes">{{ $entidade->entidade }} - {{ $entidade->uf }} <br>
                        {{ $entidade->endereco }} - CEP: {{ $entidade->cep }} <br>
                        C.N.P.J.: {{ $entidade->cnpj }} <br><br>
                        <span>&copy;Copyright {{ date('Y') }} Todos os direitos reservados</span>
                    </div>
                </div>
            </div>
        </div>
        <script src="{{ asset('assets/site/js/layout_1/jquery.js') }}"></script>
        <script src="{{ asset('assets/site/js/layout_1/script.js') }}"></script>
        <link rel="stylesheet" type="text/css" href="{{ asset('assets/site/js/layout_1/jquery.modalLink.css') }}" />
        <script type="text/javascript" src="{{ asset('assets/site/js/layout_1/jquery.modalLink-1.0.0.js') }}"></script>
</body>

</html>
