<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="">
    <meta name="description" content="">
    <title>{{ $entidade->entidade }}</title>
    <link rel="stylesheet" href="{{ asset('assets/site/css/layout_2/bootstrap.min') }}.css">
    <script src="https://kit.fontawesome.com/d4a3282eb4.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="{{ asset('assets/site/css/layout_2/magnific-popup') }}.css">
    <link rel="stylesheet" href="{{ asset('assets/site/css/layout_2/animate.min') }}.css">
    <link rel="stylesheet" href="{{ asset('assets/site/css/layout_2/slick.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/site/css/layout_2/structure.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/site/css/layout_2/main.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/site/css/layout_2/style.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/site/css/layout_2/responsive.css') }}">
    <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=Nunito:ital@0;1&display=swap" rel="stylesheet">
    <link rel="icon" href="images/ico/favicon.ico">
    <link rel="apple-touch-icon" sizes="144x144" href="../images/ico/apple-touch-icon-precomposed.png">
    <link rel="apple-touch-icon" sizes="114x114" href="../images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon" sizes="72x72" href="../images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon" sizes="57x57" href="../images/ico/apple-touch-icon-57-precomposed.png">
</head>

<body>
    <div id="preloader">
        <img src="{{ asset('assets/site/uploads/' . $entidade->id_tce . '/img/brasao/brasao.png') }}" alt="Image"
            class="tr-preloader img-fluid" width="5%">
    </div><!-- preloader -->
    <style>
        .sa-topbar {
            background-color: {!! $entidade->corpredominante !!};
        }

        .breaking-news {
            background-color: {!! $entidade->corpredominante !!};
        }

        .breaking-news span {
            background-color: {!! $entidade->corpredominante !!};
        }

        .acesso {
            background-color: {!! $entidade->corpredominante !!};
        }

        .quadro_acesso {
            border-radius: 10px;
        }

        .bg-footer {
            background-color: {!! $entidade->corpredominante !!};
        }

        .logo-branca {
            filter: invert(1) grayscale(100%) brightness(100%) contrast(100%);
        }

        .global-list {
            list-style: none;
            /* Remove os pontos das listas */
            padding: 0;
            margin: 0;
        }

        .global-list li {
            margin-right: 15px;
            /* Espaçamento entre os itens */
            display: flex;
            /* Garante que os itens de lista sejam alinhados corretamente */
            align-items: center;
            /* Alinha o conteúdo do link verticalmente no meio */
        }

        .global-list li a {
            display: flex;
            align-items: center;
            text-decoration: none;
            /* Remove o sublinhado padrão de links */
            color: inherit;
            /* Garante que a cor do link herde do estilo dos seus elementos */
        }

        .global-list li a i {
            margin-left: 5px;
            /* Dá um pequeno espaçamento entre o nome da rede e o ícone */
        }
    </style>

    <header class="sa-header">
        <div class="sa-topbar">
            <div class="container">
                <div class="d-flex justify-content-between">
                    <div class="left-contennt py-2">

                        <small>
                            <i class="fa-regular fa-clock"></i> Funcionamento: {{ $entidade->funcionamento }}
                        </small>

                    </div><!-- /.left-contennt -->
                    <div class="right-content d-flex align-self-center">
                        <div class="d-flex">
                            <small class="px-3">
                                <i class="fa-solid fa-circle-exclamation"></i>
                                <a href="{{ route('entidade.site.esic') }}"> e-Sic</a>
                            </small><br>
                            <small class="px-3">
                                <i class="fa-solid fa-headphones-simple"></i>
                                <a href="{{ route('entidade.site.ouvidoria') }}"> Ouvidoria</a>
                            </small>
                        </div>
                    </div><!-- /.right-content -->
                </div>
            </div><!-- /.container -->
        </div><!-- /.sa-topbar -->

        <div class="sa-menu">
            <nav class="navbar navbar-expand-lg">
                <div class="container">
                    <div class="menu-content">
                        <a class="navbar-brand" href="{{ route('entidade.site.index') }}">
                            <img src="{{ asset('assets/site/uploads/' . $entidade->id_tce . '/img/logo/logo.png') }}"
                                alt="Logo" class="img-fluid">
                        </a>

                        <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                            data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
                            aria-label="Toggle navigation">
                            <span class="navbar-toggler-icon">
                                <i class="fa fa-align-justify"></i>
                            </span>
                        </button>

                        <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
                            <ul class="navbar-nav">
                                <li class="nav-item active">
                                    <a href="{{ route('entidade.site.index') }}">Início</a>
                                </li>
                                <li class="nav-item active">
                                    <a href="{{ route('entidade.noticias.index') }}">Notícias</a>
                                </li>
                                <li class="nav-item sa-dropdown">
                                    <a href="#">Governo
                                        <span><i class="fa fa-angle-down" aria-hidden="true"></i></span>
                                    </a>
                                    <ul class="sa-dropdown-menu">
                                        <li><a href="#">A Prefeitura</a></li>
                                        <li><a href="#">Secretarias e Órgãos</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item sa-dropdown">
                                    <a href="#">Município
                                        <span><i class="fa fa-angle-down" aria-hidden="true"></i></span>
                                    </a>
                                    <ul class="sa-dropdown-menu">
                                        <li><a href="/historia">História</a></li>
                                        <li><a href="/simbolos">Símbolos Municipais</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item sa-dropdown">
                                    <a href="#">Legislação
                                        <span><i class="fa fa-angle-down" aria-hidden="true"></i></span>
                                    </a>
                                    <ul class="sa-dropdown-menu">
                                        <li><a href="lai">Regulamentação da Lai</a></li>
                                        <li><a href="#">Lei Orgânica</a></li>
                                        <li><a href="#">Leis</a></li>
                                        <li><a href="#">Decretos</a></li>

                                        <li><a href="#">Portarias</a></li>
                                        <li><a href="#">Diário Oficial</a></li>
                                        <li><a href="#">Código Tributário</a></li>
                                        <li><a href="#">LDO</a></li>
                                        <li><a href="#">LOA</a></li>
                                        <li><a href="#">PPA</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div class="sa-search">
                            <div class="search-form">
                                <form action="#" id="search" method="get">
                                    <input class="form-control" name="search" type="text"
                                        placeholder="O que você procura?..">
                                    <button type="submit"><i class="fa fa-search"></i></button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
    </header>
    @yield('content_header')
    @include('entidade.site.mapa')
    <footer id="footer">
        <div class="footer-bottom text-center bg-footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <div class="footer-logo">
                            <a href="{{ route('entidade.site.index') }}">
                                <img class="img-fluid logo-branca"
                                    src="{{ asset('assets/site/uploads/' . $entidade->id_tce . '/img/logo/logo.png') }}"
                                    alt="Logo" width="80%">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6"></div>
                    <div class="col-md-2">
                        <div class="">
                            <ul class="global-list d-flex">
                                @foreach ($redes as $rede)
                                    @if ($rede->rede_social_url > '0')
                                        <li>
                                            <a href="{{ $rede->rede_social_url }}">
                                                <i class="{{ $rede->rede_social_icone }} fa fa-2x"></i>
                                            </a>
                                        </li>
                                    @else
                                    @endif
                                @endforeach
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-12 p-5">
                        <div class="row">
                            <div class="col-md-4">
                                1
                            </div>
                            <div class="col-md-4">
                                2
                            </div>
                        </div>
                    </div>
                    <br>
                    <small>Copyright &copy; {{ date('Y') }} Todos os direitos reservados</small>
                    <small>{{ $entidade->endereco }} - {{ $entidade->cidade }}-{{ $entidade->uf }}</small>
                </div>
            </div>
        </div>
    </footer>
    <script src="{{ asset('assets/site/js/layout_2/jquery.min.js') }}"></script>
    <script src="{{ asset('assets/site/js/layout_2/popper.min.js') }}"></script>
    <script src="{{ asset('assets/site/js/layout_2/bootstrap.min.js') }}"></script>
    <script src="{{ asset('assets/site/js/layout_2/slick.min.js') }}"></script>
    <script src="{{ asset('assets/site/js/layout_2/theia-sticky-sidebar.min.js') }}"></script>
    <script src="{{ asset('assets/site/js/layout_2/magnific-popup.min.js') }}"></script>
    <script src="{{ asset('assets/site/js/layout_2/carouFredSel.js') }}"></script>
    <script src="{{ asset('assets/site/js/layout_2/validate.js') }}"></script>
    <script src="{{ asset('assets/site/js/layout_2/main.js') }}"></script>
</body>

</html>
