@extends('site.layouts.layout_1')
@section('content_header')
    <div class="content-section">
        <div class="content-wrapper w-container">
            <div class="masterbreadcrumb">
                <div class="container">
                    <div class="breadcrumb">
                        <a href="/">
                            <span class="breadcrumb__inner">
                                <span class="breadcrumb__title">Página inicial</span>
                            </span>
                        </a>
                        <a>
                            <span class="breadcrumb__inner">
                                <span class="breadcrumb__title">Ouvidoria</span>
                            </span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="w-col w-col-12">
                <div class="post-content-text">
                    <div class="post-description-box">
                        <img width="20%" src="{{asset('assets/site/uploads/img/ouvidoria.png')}}"><br><br>
                    </div>
                    <div class="rich-text-block w-richtext"> A Ouvidoria deve ser entendida como um órgão responsável por
                        apoiar o cidadão nas suas interações com a administração municipal. Ela serve como um meio de
                        comunicação direto entre a população e o governo, proporcionando ao cidadão a oportunidade de
                        expressar suas críticas e sugestões, contribuindo assim para o aprimoramento dos serviços prestados
                        pela gestão municipal.<br> Os manifestantes, que podem ser tanto usuários dos serviços públicos
                        quanto servidores da Prefeitura ou de entidades e organizações vinculadas à Administração Municipal,
                        têm a possibilidade de realizar seis diferentes tipos de solicitações: </div>
                    <div class="post-description-box">
                        <p class="post-description">Relatório de Pedidos</p>
                    </div>
                    <div id="charts" style="min-width: 310px; height: 400px; margin: 0 auto" data-highcharts-chart="0">
                        <div class="highcharts-container" id="highcharts-0"
                            style="position: relative; overflow: hidden; width: 1124px; height: 400px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

                        </div>
                    </div>
                    <div class="post-description-box">
                        <p class="post-description">Como Utilizar</p>
                    </div>
                    <div class="rich-text-block w-richtext">
                        <div class="w-col w-col-4">
                            <div class="inforquadro">
                                <div class="titulo_infor">Denúncia</div>
                                <div class="titulo_infor_sub">Fato que compromete a qualidade da Prestação dos Serviços
                                    Públicos Municipais;</div>
                            </div>
                        </div>
                        <div class="w-col w-col-4">
                            <div class="inforquadro">
                                <div class="titulo_infor">Reclamação</div>
                                <div class="titulo_infor_sub">Manifestação de desagrado ou protesto sobre ação ou omissão
                                    da Administração Pública;</div>
                            </div>
                        </div>
                        <div class="w-col w-col-4">
                            <div class="inforquadro">
                                <div class="titulo_infor">Sugestão</div>
                                <div class="titulo_infor_sub">Apresentação de ideias para o aprimoramento dos processos de
                                    Serviços Prestados pela Prefeitura;</div>
                            </div>
                        </div>
                        <div class="w-col w-col-4">
                            <div class="inforquadro">
                                <div class="titulo_infor">Elogio</div>
                                <div class="titulo_infor_sub">Manifestação de reconhecimento ou satisfação perante os
                                    serviços prestados pela Administração Municipal;</div>
                            </div>
                        </div>
                        <div class="w-col w-col-4">
                            <div class="inforquadro">
                                <div class="titulo_infor">Solicitação</div>
                                <div class="titulo_infor_sub">Manifestação com o objetivo de solicitar algum serviço
                                    público da Administração;</div>
                            </div>
                        </div>
                        <div class="w-col w-col-4">
                            <div class="inforquadro">
                                <div class="titulo_infor">Informação</div>
                                <div class="titulo_infor_sub">Busca de informações sobre o serviço público.</div>
                            </div>
                        </div>
                    </div>
                    <div class="post-description-box">
                        <p class="post-description">Faça sua Manifestação</p>
                    </div>
                    <div class="w-col w-col-3">
                        <div class="inforquadro3">
                            <a href="manifestacao" class="titulo_infor">
                                <i class="fa-regular fa-file-lines fa fa-2x"></i><br>
                                <small>Nova Manifestação</small></a>
                        </div>
                    </div>
                    <div class="w-col w-col-3">
                        <div class="inforquadro3">
                            <a href="consulta" class="titulo_infor">
                                <i class="fa-solid fa-magnifying-glass fa fa-2x"></i><br>
                                <small>Consultar Manifestação</span></a>
                        </div>
                    </div>
                    <div class="w-col w-col-3">
                        <div class="inforquadro3">
                            <a href="relatorio" class="titulo_infor">
                                <i class="fa-solid fa-chart-simple fa fa-2x"></i><br>
                                <small>Relatórios</small></a>
                        </div>
                    </div>

                    <div class="w-col w-col-3">
                        <div class="inforquadro3">
                            <a href="carta-de-servico" class="titulo_infor">
                                <i class="fa-solid fa-envelope-open-text fa fa-2x"></i>
                                <br>
                                <small>Carta de Serviços</small></a>
                        </div>
                    </div>
                    <div class="post-description-box">
                        <h3 class="big">Canais de Acesso</h3>
                    </div>
                    <div class="rich-text-block w-richtext">
                        <div class="w-col w-col-6">
                            <div class="inforquadro2">
                                <div>
                                    <img width="50%" src="{{asset('assets/site/uploads/img/ouvidoria.png')}}"><br><br>
                                </div><br>
                                <div class="titulo_infor_sub">Presencialmente:
                                    {{ $entidade->funcionamento }}<br>
                                    Agendamento: <br>
                                    <br>
                                    <strong
                                        style="background-color: #009933; color: #fff;padding: 5px 15px; border-radius: 21px;">
                                        <i style="font-size: 17px;" class="fa fa-whatsapp" aria-hidden="true"></i>
                                        {{ $entidade->fone }}</strong><br>
                                    <br>
                                    {{ $entidade->entidade }}<br>
                                    {{ $entidade->endereco }} - {{ $entidade->cep }}
                                </div>
                                <a href="ouvidoria" class="botaolink">Acessar Link</a>
                            </div>
                        </div>
                        <div class="w-col w-col-6">
                            <div class="inforquadro2">
                                <div>
                                    <img width="50%" src="{{asset('assets/site/uploads/img/e-sic.png')}}"><br><br>
                                    </div>
                                <div style="line-height:22px; text-align: justify;" class="titulo_infor_sub">O e-SIC (Sistema Eletrônico do
                                    Serviço de Informações ao Cidadão) é uma plataforma digital que permite ao cidadão
                                    solicitar informações públicas aos órgãos e entidades do governo de forma rápida,
                                    prática e transparente. O sistema foi criado para cumprir a Lei de Acesso à Informação
                                    (Lei nº 12.527/2011), que garante o direito do cidadão de obter dados e documentos
                                    públicos, com algumas exceções previstas por lei<br>
                                    <br>
                                    Acompanhe o prazo e receba a resposta da solicitação realizada. Caso prefira fazer ou
                                    entregar a sua solicitação pessoalmente, 
                                    <a target="_blank" href="">faça o download do formulário</a> de requerimento de informações e entregue no endereço
                                    do SIC Físico.
                                </div>
                                <a href="{{route('site.esic')}}" class="botaolink">Acessar Link</a>
                            </div>
                        </div>
                    </div>

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


    <br>
@endsection
