{"id":356,"date":"2024-01-26T10:43:15","date_gmt":"2024-01-26T13:43:15","guid":{"rendered":"https:\/\/complementum.ind.br\/denuncia\/?page_id=356"},"modified":"2024-06-28T12:36:39","modified_gmt":"2024-06-28T15:36:39","slug":"enviar-denuncia","status":"publish","type":"page","link":"https:\/\/www.complementum.ind.br\/denuncia\/enviar-denuncia\/","title":{"rendered":"Enviar Den\u00fancia"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"356\" class=\"elementor elementor-356\">\n\t\t\t\t<div class=\"elementor-element elementor-element-114f549e e-flex e-con-boxed e-con e-parent\" data-id=\"114f549e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2190a9ce e-con-full e-flex e-con e-child\" data-id=\"2190a9ce\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51c48042 e-con-full e-flex e-con e-child\" data-id=\"51c48042\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-67bb8046 e-con-full e-flex e-con e-child\" data-id=\"67bb8046\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-620ca64c elementor-widget elementor-widget-heading\" data-id=\"620ca64c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Enviar Den\u00fancia<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-374d318 elementor-widget elementor-widget-html\" data-id=\"374d318\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.1.3\/css\/bootstrap.min.css\"> \r\n    <link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/font-awesome\/4.7.0\/css\/font-awesome.min.css\">\r\n    <style>\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            background-color: #f4f4f4;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        h2 {\r\n            color: #333;\r\n        }\r\n\r\n        form {\r\n            max-width: 750px;\r\n            margin: 20px auto;\r\n            background-color: #fff;\r\n            padding: 20px;\r\n            border-radius: 8px;\r\n    \r\n        }\r\n\r\n        .form-page label {\r\n            display: block;\r\n            margin-bottom: 8px;\r\n            color: #333;\r\n        }\r\n\r\n        input,\r\n        textarea {\r\n            width: 100%;\r\n            padding: 8px;\r\n            margin-bottom: 16px;\r\n            box-sizing: border-box;\r\n            border: 1px solid #ccc;\r\n            border-radius: 4px;\r\n        }\r\n\r\n\r\n        input[type=\"submit\"] {\r\n            background-color: #1b3065;\r\n            color: #fff;\r\n            padding: 10px 15px;\r\n            border: none;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        input[type=\"submit\"]:hover {\r\n            background-color: #112244;\r\n        }\r\n\r\n        .form-page {\r\n            display: none;\r\n        }\r\n\r\n        .form-page.active {\r\n            display: block;\r\n        }\r\n\r\n        .nav-buttons {\r\n            text-align: right;\r\n            margin-top: 30px\r\n        }\r\n\r\n.nav-buttons button {\r\n    border-color: #33495D !important; \/* Azul petr\u00f3leo com !important para garantir a aplica\u00e7\u00e3o *\/\r\n    color: #33495D !important; \/* Branco para o texto, tamb\u00e9m com !important *\/\r\n    border: 2 !important; \/* Sem borda, aplicando !important *\/\r\n    padding: 10px 15px !important; \/* Ajuste do padding, se necess\u00e1rio, com !important *\/\r\n    border-radius: 4px !important; \/* Raio da borda, tamb\u00e9m com !important *\/\r\n    cursor: pointer !important; \/* Cursor do tipo ponteiro, com !important *\/\r\n}\r\n\r\n.nav-buttons button:hover,\r\n.nav-buttons button:focus,\r\n.nav-buttons button:active {\r\n    background-color: #2c3e50 !important; \/* Um azul petr\u00f3leo mais escuro para o estado hover, com !important *\/\r\n    color: #fff !important; \/* Branco para o texto, tamb\u00e9m com !important *\/\r\n}\r\n\r\n#botaoEnviar {\r\n    background-color: #33495D !important; \/* Azul petr\u00f3leo *\/\r\n    color: #FFF !important; \/* Branco para o texto *\/\r\n    border: none !important; \/* Sem borda *\/\r\n    padding: 10px 15px !important; \/* Ajuste do padding *\/\r\n    border-radius: 4px !important; \/* Raio da borda *\/\r\n    cursor: pointer !important; \/* Cursor do tipo ponteiro *\/\r\n}\r\n\r\n#botaoEnviar:hover,\r\n#botaoEnviar:focus,\r\n#botaoEnviar:active {\r\n    background-color: #2c3e50 !important; \/* Um azul petr\u00f3leo mais escuro para os estados hover, focus, e active *\/\r\n    color: #FFF !important;\r\n}\r\n\r\n\r\n#botaoEnviar:disabled {\r\n    background-color: #cccccc !important; \/* Cor de fundo para o estado desabilitado *\/\r\n    color: #666666 !important; \/* Cor do texto para o estado desabilitado *\/\r\n    cursor: not-allowed !important; \/* Cursor do tipo proibido *\/\r\n}\r\n\r\n#botaoEnviar:not(:disabled):hover,\r\n#botaoEnviar:not(:disabled):focus,\r\n#botaoEnviar:not(:disabled):active {\r\n    background-color: #2c3e50 !important; \/* Um azul petr\u00f3leo mais escuro para os estados hover, focus e active *\/\r\n    color: #FFF !important;\r\n}\r\n\r\n\r\n\r\n        .alert-message {\r\n        color: #FFF; \/* Cor do texto *\/\r\n        background-color: #33495D; \/* Cor de fundo *\/\r\n        border-color: #33495D; \/* Cor da borda *\/\r\n        padding: 15px;\r\n        margin-bottom: 20px;\r\n        border: 1px solid transparent;\r\n        border-radius: 4px;\r\n        position: fixed;\r\n        bottom: 20px; \/* Posi\u00e7\u00e3o na parte inferior *\/\r\n        left: 50%; \/* Centralizado horizontalmente *\/\r\n        transform: translateX(-50%);\r\n        z-index: 1000;\r\n        width: auto;\r\n        max-width: 80%;\r\n        box-shadow: 0 2px 4px rgba(0,0,0,0.2); \/* Sombra para destacar *\/\r\n        text-align: center;\r\n        animation: fadeInOut 3.5s;\r\n    }\r\n\r\n    @keyframes fadeInOut {\r\n        0%, 100% { opacity: 0; transform: translate(-50%, 30px); }\r\n        10%, 90% { opacity: 1; transform: translate(-50%, 0); }\r\n    }\r\n    \r\n    @keyframes fadeIn {\r\n    from { opacity: 0; }\r\n    to { opacity: 1; }\r\n}\r\n\r\n.fade-in {\r\n    animation: fadeIn 1s;\r\n}\r\n\r\n        \r\n        \/* Estilos para dispositivos m\u00f3veis *\/\r\n@media (max-width: 768px) {\r\n    .nav-buttons {\r\n        display: flex;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .nav-buttons button, \r\n    .nav-buttons input[type=\"submit\"] {\r\n        flex: 1; \/* Faz com que cada bot\u00e3o ocupe igual espa\u00e7o *\/\r\n        margin: 5px; \/* Espa\u00e7o entre os bot\u00f5es *\/\r\n        padding: 8px 10px; \/* Reduzindo o padding *\/\r\n        font-size: 14px; \/* Diminuindo a fonte *\/\r\n    }\r\n\r\n    .final-buttons {\r\n        justify-content: space-between;\r\n    }\r\n    \r\n     \/* Estilos para dispositivos m\u00f3veis *\/\r\n    @media (max-width: 768px) {\r\n        .custom-control-inline {\r\n            display: block;\r\n        }\r\n\r\n        .custom-control {\r\n            margin-right: 0;\r\n        }\r\n\r\n        .nav-buttons button, \r\n        .nav-buttons input[type=\"submit\"] {\r\n            width: 100%;\r\n            margin: 5px 0; \/* Espa\u00e7o entre os bot\u00f5es *\/\r\n        }\r\n\r\n        \/* Adapta\u00e7\u00f5es para outros elementos do formul\u00e1rio conforme necess\u00e1rio *\/\r\n    }\r\n\r\n    <\/style>\r\n    <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery.mask\/1.14.16\/jquery.mask.min.js\"><\/script>\r\n<script>\r\n    function disableSubmitButton() {\r\n        document.getElementById('botaoEnviar').disabled = true;\r\n        document.getElementById('meuFormulario').submit();\r\n    }\r\n<\/script>\r\n\r\n<\/head>\r\n\r\n<body>\r\n    <form id=\"meuFormulario\" onsubmit=\"return validarFormulario();\" action=\"https:\/\/complementum.ind.br\/scripts\/processar_formulario.php\" method=\"post\" enctype=\"multipart\/form-data\">\r\n\r\n\r\n<div class=\"form-page active\" id=\"page1\">\r\n    <label><b>Indique sua rela\u00e7\u00e3o com a Complementum:<\/b><\/label><br>\r\n    <div>\r\n<div class=\"custom-control custom-radio custom-control-inline\">\r\n    <input name=\"relacao\" id=\"relacao_colaborador\" type=\"radio\" class=\"custom-control-input\" value=\"Colaborador\" onclick=\"hideEspecifiqueField()\" required> \r\n    <label for=\"relacao_colaborador\" class=\"custom-control-label\">Colaborador<\/label>\r\n<\/div>\r\n<div class=\"custom-control custom-radio custom-control-inline\">\r\n    <input name=\"relacao\" id=\"relacao_fornecedor\" type=\"radio\" class=\"custom-control-input\" value=\"Fornecedor\" onclick=\"hideEspecifiqueField()\" required> \r\n    <label for=\"relacao_fornecedor\" class=\"custom-control-label\">Fornecedor<\/label>\r\n<\/div>\r\n<div class=\"custom-control custom-radio custom-control-inline\">\r\n    <input name=\"relacao\" id=\"relacao_terceiro\" type=\"radio\" class=\"custom-control-input\" value=\"Terceiro\" onclick=\"hideEspecifiqueField()\" required> \r\n    <label for=\"relacao_terceiro\" class=\"custom-control-label\">Terceiro<\/label>\r\n<\/div>\r\n<div class=\"custom-control custom-radio custom-control-inline\">\r\n    <input name=\"relacao\" id=\"relacao_consumidor\" type=\"radio\" class=\"custom-control-input\" value=\"Consumidor\" onclick=\"hideEspecifiqueField()\" required> \r\n    <label for=\"relacao_consumidor\" class=\"custom-control-label\">Consumidor<\/label>\r\n<\/div>\r\n<div class=\"custom-control custom-radio custom-control-inline\" required>\r\n    <input name=\"relacao\" id=\"relacao_revendedor\" type=\"radio\" class=\"custom-control-input\" value=\"Revendedor\" onclick=\"hideEspecifiqueField()\"> \r\n    <label for=\"relacao_revendedor\" class=\"custom-control-label\">Revendedor<\/label>\r\n<\/div>\r\n<div class=\"custom-control custom-radio custom-control-inline\" required>\r\n    <input name=\"relacao\" id=\"relacao_outro\" type=\"radio\" class=\"custom-control-input\" value=\"Outro\" onclick=\"showEspecifiqueField()\"> \r\n    <label for=\"relacao_outro\" class=\"custom-control-label\">Outro<\/label>\r\n<\/div><br>\r\n<!-- Campo de texto \"Especifique\" -->\r\n  <div id=\"especifiqueField\" style=\"display: none;\">\r\n    <br><label for=\"especifique_relacao\">Especifique:<\/label>\r\n  <input type=\"text\" name=\"especifique_relacao\">\r\n  <!-- Texto adicional -->\r\n  <p style=\"font-size: smaller;\">\r\n    O preenchimento desse campo \u00e9 opcional.\r\n  <\/p>\r\n  <\/div>\r\n\r\n<script>\r\n    function showEspecifiqueField() {\r\n        var outroRadio = document.getElementById('relacao_outro');\r\n        var especifiqueField = document.getElementById('especifiqueField');\r\n\r\n        if (outroRadio.checked) {\r\n            especifiqueField.style.display = 'block';\r\n        } else {\r\n            especifiqueField.style.display = 'none';\r\n        }\r\n    }\r\n\r\n    function hideEspecifiqueField() {\r\n        var especifiqueField = document.getElementById('especifiqueField');\r\n        especifiqueField.style.display = 'none';\r\n    }\r\n<\/script>\r\n<\/div>\r\n    <div class=\"nav-buttons\">\r\n        <br><button type=\"button\" onclick=\"nextPage(2)\">Pr\u00f3xima P\u00e1gina<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n        <!-- P\u00e1gina 2: Voc\u00ea deseja se identificar? -->\r\n        <div class=\"form-page\" id=\"page2\">\r\n                <label><b>Voc\u00ea deseja se identificar?<\/b><\/label><br>\r\n<div>\r\n  <div class=\"custom-control custom-radio custom-control-inline\">\r\n    <input name=\"identificar\" id=\"identificar_0\" type=\"radio\" class=\"custom-control-input\" value=\"Sim\" onclick=\"showIdentificacaoCampos()\"> \r\n    <label for=\"identificar_0\" class=\"custom-control-label\">Sim<\/label>\r\n  <\/div>\r\n  <div class=\"custom-control custom-radio custom-control-inline\">\r\n    <input name=\"identificar\" id=\"identificar_1\" type=\"radio\" class=\"custom-control-input\" value=\"N\u00e3o\" onclick=\"hideIdentificacaoCampos()\"> \r\n    <label for=\"identificar_1\" class=\"custom-control-label\">N\u00e3o<\/label>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Campos a serem exibidos -->\r\n<div id=\"camposIdentificacao\" style=\"display: none;\"><br>\r\n    <!-- Nome -->\r\n    <div class=\"form-group\">\r\n        <label for=\"nome\">Nome:<\/label>\r\n        <input type=\"text\" id=\"nome\" name=\"nome\">\r\n    <\/div>\r\n\r\n    <!-- Email -->\r\n    <div class=\"form-group\">\r\n        <label for=\"email\">E-mail:<\/label>\r\n        <input type=\"email\" id=\"email\" name=\"email\">\r\n    <\/div>\r\n\r\n    <!-- Telefone -->\r\n    <div class=\"form-group\">\r\n        <label for=\"telefone\">Telefone:<\/label>\r\n        <input type=\"tel\" id=\"telefone\" name=\"telefone\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n$(document).ready(function(){\r\n  $('#telefone').mask('(00) 00000-0000');\r\n});\r\n<\/script>\r\n<script>\r\n    function showPage(pageNumber) {\r\n        \/\/ Esconde todas as p\u00e1ginas\r\n        var pages = document.querySelectorAll('.form-page');\r\n        pages.forEach(function (page) {\r\n            page.classList.remove('active');\r\n        });\r\n\r\n        \/\/ Exibe a p\u00e1gina desejada\r\n        var desiredPage = document.getElementById('page' + pageNumber);\r\n        if (desiredPage) {\r\n            desiredPage.classList.add('active');\r\n        }\r\n\r\n        \/\/ Verifica se a op\u00e7\u00e3o \"SIM\" foi selecionada e torna os campos obrigat\u00f3rios\r\n        if (pageNumber === 2) {\r\n            var identificarSim = document.getElementById('identificar_sim');\r\n            if (identificarSim && identificarSim.checked) {\r\n                document.getElementById('nome').setAttribute('required', 'required');\r\n                document.getElementById('email').setAttribute('required', 'required');\r\n                document.getElementById('telefone').setAttribute('required', 'required');\r\n            }\r\n        }\r\n    }\r\n<\/script>\r\n\r\n\r\n<!-- Texto adicional -->\r\n<div style=\"font-size: smaller; margin-top: 10px;\">\r\n  <p>\r\n    Voc\u00ea tem a op\u00e7\u00e3o de compartilhar um relato an\u00f4nimo ou revelar sua identidade. \r\n    Caso opte por se identificar, esteja ciente de que estar\u00e1 dispon\u00edvel para poss\u00edveis contatos a fim de esclarecer d\u00favidas. Ao se identificar voc\u00ea declara que est\u00e1 de acordo com a nossa <a href=\"https:\/\/lgpd.complementum.ind.br\/Politica_de_Privacidade.pdf\" target=\"_blank\">Pol\u00edtica de Privacidade<\/a>.\r\n Por outro lado, ao escolher o anonimato, seus dados pessoais ser\u00e3o mantidos em sigilo, e a comunica\u00e7\u00e3o ocorrer\u00e1 exclusivamente por meio do Canal de Den\u00fancias.\r\n    \u00c9 importante destacar que este canal \u00e9 seguro e confi\u00e1vel.\r\n  <\/p>\r\n<\/div>\r\n\r\n<script>\r\n  function showIdentificacaoCampos() {\r\n    var camposIdentificacao = document.getElementById('camposIdentificacao');\r\n    camposIdentificacao.style.display = 'block';\r\n    document.getElementById('nome').setAttribute('required', '');\r\n    document.getElementById('email').setAttribute('required', '');\r\n    document.getElementById('telefone').setAttribute('required', '');\r\n}\r\n\r\nfunction hideIdentificacaoCampos() {\r\n    var camposIdentificacao = document.getElementById('camposIdentificacao');\r\n    camposIdentificacao.style.display = 'none';\r\n    document.getElementById('nome').removeAttribute('required');\r\n    document.getElementById('email').removeAttribute('required');\r\n    document.getElementById('telefone').removeAttribute('required');\r\n}\r\n\r\n<\/script>\r\n\r\n            <div class=\"nav-buttons\">\r\n                <button type=\"button\" onclick=\"nextPage(3)\">Pr\u00f3xima P\u00e1gina<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- P\u00e1gina 3: Onde aconteceu o ocorrido, data e local -->\r\n        <div class=\"form-page\" id=\"page3\">\r\n\r\n    <label for=\"local_ocorrencia\"><b>Indique o local onde ocorreu o fato:<\/b><\/label>\r\n    <input type=\"text\" id=\"local_ocorrencia\" name=\"local_ocorrencia\" required>\r\n\r\n    <label for=\"data_ocorrencia\"><b>Data:<\/b><\/label>\r\n    <input type=\"date\" id=\"data_ocorrencia\" name=\"data_ocorrencia\" required>\r\n\r\n    <label for=\"pessoas_envolvidas\"><b>Pessoas Envolvidas:<\/b><\/label>\r\n    <input type=\"text\" id=\"pessoas_envolvidas\" name=\"pessoas_envolvidas\" required>\r\n            \r\n    <div class=\"nav-buttons\">\r\n        <button type=\"button\" onclick=\"nextPage(4)\">Pr\u00f3xima P\u00e1gina<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n        <!-- P\u00e1gina 4: Qual o tipo de Den\u00fancia e Descreva detalhadamente o ocorrido -->\r\n        <div class=\"form-page\" id=\"page4\">\r\n            <label><b>Qual o tipo de Den\u00fancia?<\/b><\/label><br>\r\n    <div>\r\n        <div class=\"custom-control custom-radio\">\r\n            <input name=\"tipo_denuncia\" id=\"tipo_denuncia_0\" type=\"radio\" class=\"custom-control-input\" value=\"Ass\u00e9dio moral\"> \r\n            <label for=\"tipo_denuncia_0\" class=\"custom-control-label\">Ass\u00e9dio moral<\/label>\r\n        <\/div>\r\n        <div class=\"custom-control custom-radio\">\r\n            <input name=\"tipo_denuncia\" id=\"tipo_denuncia_1\" type=\"radio\" class=\"custom-control-input\" value=\"Ass\u00e9dio sexual\"> \r\n            <label for=\"tipo_denuncia_1\" class=\"custom-control-label\">Ass\u00e9dio sexual<\/label>\r\n        <\/div>\r\n        <div class=\"custom-control custom-radio\">\r\n            <input name=\"tipo_denuncia\" id=\"tipo_denuncia_2\" type=\"radio\" class=\"custom-control-input\" value=\"Corrup\u00e7\u00e3o\"> \r\n            <label for=\"tipo_denuncia_2\" class=\"custom-control-label\">Corrup\u00e7\u00e3o<\/label>\r\n        <\/div>\r\n        <div class=\"custom-control custom-radio\">\r\n            <input name=\"tipo_denuncia\" id=\"tipo_denuncia_3\" type=\"radio\" class=\"custom-control-input\" value=\"Fraude\"> \r\n            <label for=\"tipo_denuncia_3\" class=\"custom-control-label\">Fraude<\/label>\r\n        <\/div>\r\n        <div class=\"custom-control custom-radio\">\r\n            <input name=\"tipo_denuncia\" id=\"tipo_denuncia_4\" type=\"radio\" class=\"custom-control-input\" value=\"M\u00e1 conduta\"> \r\n            <label for=\"tipo_denuncia_4\" class=\"custom-control-label\">M\u00e1 conduta<\/label>\r\n        <\/div>\r\n        <div class=\"custom-control custom-radio\">\r\n            <input name=\"tipo_denuncia\" id=\"tipo_denuncia_5\" type=\"radio\" class=\"custom-control-input\" value=\"Roubo\/Furto\"> \r\n            <label for=\"tipo_denuncia_5\" class=\"custom-control-label\">Roubo\/Furto<\/label>\r\n        <\/div>\r\n        <div class=\"custom-control custom-radio\">\r\n            <input name=\"tipo_denuncia\" id=\"tipo_denuncia_6\" type=\"radio\" class=\"custom-control-input\" value=\"Conflito de interesse\"> \r\n            <label for=\"tipo_denuncia_6\" class=\"custom-control-label\">Conflito de interesse<\/label>\r\n        <\/div>\r\n        <div class=\"custom-control custom-radio\">\r\n            <input name=\"tipo_denuncia\" id=\"tipo_denuncia_7\" type=\"radio\" class=\"custom-control-input\" value=\"Preconceito ou discrimina\u00e7\u00e3o\"> \r\n            <label for=\"tipo_denuncia_7\" class=\"custom-control-label\">Preconceito ou discrimina\u00e7\u00e3o<\/label>\r\n        <\/div>\r\n        <div class=\"custom-control custom-radio\">\r\n            <input name=\"tipo_denuncia\" id=\"tipo_denuncia_8\" type=\"radio\" class=\"custom-control-input\" value=\"Descumprimento de procedimentos ou pol\u00edticas internas\"> \r\n            <label for=\"tipo_denuncia_8\" class=\"custom-control-label\">Descumprimento de procedimentos ou pol\u00edticas internas<\/label>\r\n        <\/div>\r\n        <div class=\"custom-control custom-radio\">\r\n            <input name=\"tipo_denuncia\" id=\"tipo_denuncia_9\" type=\"radio\" class=\"custom-control-input\" value=\"Outros\" onclick=\"toggleMencionarCampo(true)\"> \r\n            <label for=\"tipo_denuncia_9\" class=\"custom-control-label\">Outro(s)<\/label>\r\n        <\/div>\r\n\r\n  <!-- Campo de texto \"Mencionar\" -->\r\n  <div id=\"mencionarCampo\" style=\"display: none;\">\r\n    <br><label for=\"mencionar_denuncia\">Mencionar:<\/label>\r\n  <input type=\"text\" name=\"mencionar_denuncia\">\r\n    <p style=\"font-size: smaller;\">\r\n    O preenchimento desse campo \u00e9 opcional.\r\n  <\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n  function toggleMencionarCampo(show) {\r\n    var mencionarCampo = document.getElementById('mencionarCampo');\r\n    mencionarCampo.style.display = show ? 'block' : 'none';\r\n  }\r\n<\/script>\r\n\r\n            <br>\r\n            <label class=\"radio-group\"><b>Descreva detalhadamente o ocorrido:<\/b><\/label>\r\n            <textarea name=\"descricao\" rows=\"4\" cols=\"50\" required><\/textarea>\r\n\r\n            \r\n            <br>\r\n            <div class=\"nav-buttons\">\r\n                <button type=\"button\" onclick=\"nextPage(5)\">Pr\u00f3xima P\u00e1gina<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- P\u00e1gina 5: Voc\u00ea j\u00e1 conversou com algu\u00e9m sobre esta situa\u00e7\u00e3o? e Voc\u00ea possui evid\u00eancias? -->\r\n        <div class=\"form-page\" id=\"page5\">\r\n            <label><b>Voc\u00ea j\u00e1 conversou com algu\u00e9m sobre esta situa\u00e7\u00e3o?<\/b><\/label> \r\n<div>\r\n  <div class=\"custom-control custom-radio custom-control-inline\">\r\n    <input name=\"conversou\" id=\"conversou_0\" type=\"radio\" class=\"custom-control-input\" value=\"Sim\" onclick=\"toggleComQuemQuandoCampos(true)\"> \r\n    <label for=\"conversou_0\" class=\"custom-control-label\">Sim<\/label>\r\n  <\/div>\r\n  <div class=\"custom-control custom-radio custom-control-inline\">\r\n    <input name=\"conversou\" id=\"conversou_1\" type=\"radio\" class=\"custom-control-input\" value=\"N\u00e3o\" onclick=\"toggleComQuemQuandoCampos(false)\"> \r\n    <label for=\"conversou_1\" class=\"custom-control-label\">N\u00e3o<\/label>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Campo de texto \"Com quem\" -->\r\n<div id=\"comQuemCampo\" style=\"display: none;\"><br>\r\n  <label for=\"com_quem\">Com quem?<\/label>\r\n  <input type=\"text\" name=\"com_quem\" size=\"50\">\r\n  <p style=\"font-size: smaller;\">\r\n    O preenchimento desse campo \u00e9 opcional.\r\n  <\/p>\r\n<\/div>\r\n\r\n<div id=\"quandoCampo\" style=\"display: none;\"><br>\r\n  <label for=\"quando\">Quando?<\/label>\r\n  <textarea name=\"quando\" rows=\"2\" cols=\"50\"><\/textarea>\r\n  <p style=\"font-size: smaller;\">\r\n    O preenchimento desse campo \u00e9 opcional.\r\n  <\/p>\r\n<\/div>\r\n\r\n<script>\r\n  function toggleComQuemQuandoCampos(show) {\r\n    var comQuemCampo = document.getElementById('comQuemCampo');\r\n    var quandoCampo = document.getElementById('quandoCampo');\r\n    comQuemCampo.style.display = quandoCampo.style.display = show ? 'block' : 'none';\r\n  }\r\n<\/script>\r\n\r\n\r\n\r\n            <br>\r\n            <label><b>Voc\u00ea possui evid\u00eancias?<\/b><\/label> \r\n<div>\r\n  <div class=\"custom-control custom-radio custom-control-inline\">\r\n    <input name=\"evidencias\" id=\"evidencias_0\" type=\"radio\" class=\"custom-control-input\" value=\"sim\" onclick=\"toggleCampoEvidencias(true)\"> \r\n    <label for=\"evidencias_0\" class=\"custom-control-label\">Sim<\/label>\r\n  <\/div>\r\n  <div class=\"custom-control custom-radio custom-control-inline\">\r\n    <input name=\"evidencias\" id=\"evidencias_1\" type=\"radio\" class=\"custom-control-input\" value=\"nao\" onclick=\"toggleCampoEvidencias(false)\"> \r\n    <label for=\"evidencias_1\" class=\"custom-control-label\">N\u00e3o<\/label>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Campo de upload de evid\u00eancias -->\r\n<div id=\"campoEvidencias\" style=\"display: none;\"><br>\r\n  <label for=\"arquivos\">Anexe as evid\u00eancias:<\/label>\r\n  <input name=\"evidencias\" type=\"file\" name=\"arquivos[]\" multiple>\r\n    <p style=\"font-size: smaller;\">\r\n    O preenchimento desse campo \u00e9 opcional.\r\n  <\/p>\r\n<\/div>\r\n\r\n<script>\r\n  function toggleCampoEvidencias(show) {\r\n    var campoEvidencias = document.getElementById('campoEvidencias');\r\n    campoEvidencias.style.display = show ? 'block' : 'none';\r\n  }\r\n<\/script>\r\n            <br><br>\r\n            <div class=\"nav-buttons\">\r\n    <input type=\"submit\" id=\"botaoEnviar\" value=\"Enviar\" onclick=\"disableSubmitButton()\">\r\n\r\n    <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/form>\r\n    \r\n<script>\r\n    var currentPage = 1;\r\n\r\n    \/\/ Fun\u00e7\u00e3o showAlert\r\n    function showAlert(message) {\r\n        var alertBox = document.createElement('div');\r\n        alertBox.className = 'alert-message';\r\n        alertBox.textContent = message;\r\n\r\n        var form = document.querySelector('form');\r\n        form.parentNode.insertBefore(alertBox, form.nextSibling);\r\n\r\n        setTimeout(function() {\r\n            form.parentNode.removeChild(alertBox);\r\n        }, 3500); \/\/ A mensagem desaparece ap\u00f3s 3,5 segundos\r\n    }\r\n\r\n    \/\/ Fun\u00e7\u00e3o para verificar campos obrigat\u00f3rios\r\n    function checkRequiredFields(pageNumber) {\r\n        var requiredFields = document.querySelectorAll('#page' + pageNumber + ' input[required], #page' + pageNumber + ' textarea[required]');\r\n        for (var i = 0; i < requiredFields.length; i++) {\r\n            if (!requiredFields[i].value) {\r\n                showAlert('Por favor, preencha todos os campos obrigat\u00f3rios.');\r\n                return false;\r\n            }\r\n        }\r\n        return true;\r\n    }\r\n\r\n    function isRadioSelected(name) {\r\n        var radios = document.getElementsByName(name);\r\n        for (var i = 0; i < radios.length; i++) {\r\n            if (radios[i].checked) {\r\n                return true;\r\n            }\r\n        }\r\n        return false;\r\n    }\r\n\r\n    function nextPage(nextPageNumber) {\r\n        \/\/ Verifica se todos os campos obrigat\u00f3rios est\u00e3o preenchidos na p\u00e1gina atual\r\n        if (!checkRequiredFields(currentPage)) {\r\n            return;\r\n        }\r\n        \r\n        if (currentPage === 1 && !isRadioSelected('relacao')) {\r\n            showAlert('Por favor, preencha todos os campos obrigat\u00f3rios.');\r\n            return;\r\n        }\r\n        \r\n        if (currentPage === 2 && !isRadioSelected('identificar')) {\r\n            showAlert('Por favor, preencha todos os campos obrigat\u00f3rios.');\r\n            return;\r\n        }\r\n\r\n        if (currentPage === 3) {\r\n            var dataOcorrencia = document.getElementById('data_ocorrencia').value;\r\n            var localOcorrencia = document.getElementById('local_ocorrencia').value;\r\n            var pessoasEnvolvidas = document.getElementById('pessoas_envolvidas').value;\r\n            if (!dataOcorrencia || !localOcorrencia || !pessoasEnvolvidas) {\r\n                 showAlert('Por favor, preencha todos os campos obrigat\u00f3rios.');\r\n                 return;\r\n            }\r\n        }\r\n        \r\n        if (currentPage === 4 && !isRadioSelected('tipo_denuncia')) {\r\n            showAlert('Por favor, preencha todos os campos obrigat\u00f3rios.');\r\n            return;\r\n        }\r\n\r\n        if (currentPage === 5) {\r\n            if (!isRadioSelected('conversou') || !isRadioSelected('evidencias')) {\r\n                showAlert('Por favor, preencha todos os campos obrigat\u00f3rios.');\r\n                return;\r\n            }\r\n        }\r\n        \r\n        \/\/ Navega\u00e7\u00e3o para a pr\u00f3xima p\u00e1gina\r\n        document.getElementById('page' + currentPage).classList.remove('active');\r\n        currentPage = nextPageNumber;\r\n        document.getElementById('page' + currentPage).classList.add('active');\r\n    }\r\n\r\n    function prevPage(prevPageNumber) {\r\n        document.getElementById('page' + currentPage).classList.remove('active');\r\n        currentPage = prevPageNumber;\r\n        document.getElementById('page' + currentPage).classList.add('active');\r\n    }\r\n\r\n    function toggleEspecifiqueCampo(show) {\r\n        var especifiqueCampo = document.getElementById('especifiqueField1');\r\n        especifiqueCampo.style.display = show ? 'block' : 'none';\r\n    }\r\n    \r\n    function verificarCampos() {\r\n        var conversouPreenchido = Array.from(document.querySelectorAll('input[name=\"conversou\"]')).some(r => r.checked);\r\n        var evidenciasPreenchido = Array.from(document.querySelectorAll('input[name=\"evidencias\"]')).some(r => r.checked);\r\n\r\n        \/\/ Verifique outros campos do formul\u00e1rio conforme necess\u00e1rio\r\n\r\n        var todosPreenchidos = conversouPreenchido && evidenciasPreenchido; \/\/ Adicione verifica\u00e7\u00f5es adicionais aqui\r\n\r\n        document.getElementById('botaoEnviar').disabled = !todosPreenchidos;\r\n    }\r\n\r\n    \/\/ Adicione event listeners para chamar verificarCampos quando os campos do formul\u00e1rio mudarem\r\n    document.querySelectorAll('input[name=\"conversou\"], input[name=\"evidencias\"]').forEach(function(input) {\r\n        input.addEventListener('change', verificarCampos);\r\n    });\r\n\r\n    \/\/ Chame verificarCampos inicialmente para definir o estado correto do bot\u00e3o\r\n    verificarCampos();\r\n\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        \/\/ Outras fun\u00e7\u00f5es a serem executadas quando a p\u00e1gina for carregada...\r\n    });\r\n\r\n    document.querySelectorAll('input[name=\"ocorrido\"]').forEach(function(elem) {\r\n        elem.addEventListener('change', function() {\r\n            var isRemoteSelected = document.getElementById('ocorrido_2').checked;\r\n            var localContainer = document.getElementById('localContainer');\r\n            var localField = document.getElementById('local_ocorrencia');\r\n            if (isRemoteSelected) {\r\n                localContainer.style.display = 'none';\r\n                localField.removeAttribute('required');\r\n            } else {\r\n                localContainer.style.display = 'block';\r\n                localField.setAttribute('required', '');\r\n            }\r\n        });\r\n    });\r\n\r\n    window.onload = function() {\r\n        var dataAtual = new Date();\r\n        var dia = String(dataAtual.getDate()).padStart(2, '0');\r\n        var mes = String(dataAtual.getMonth() + 1).padStart(2, '0'); \/\/ Janeiro \u00e9 0!\r\n        var ano = dataAtual.getFullYear();\r\n        var dataMaxima = ano + '-' + mes + '-' + dia;\r\n        document.getElementById('data_ocorrencia').setAttribute('max', dataMaxima);\r\n    };\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e43dce e-con-full e-flex e-con e-child\" data-id=\"8e43dce\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd59be9 elementor-widget elementor-widget-button\" data-id=\"fd59be9\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-xs\" href=\"https:\/\/complementum.ind.br\/denuncia\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-backspace\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M576 64H205.26A63.97 63.97 0 0 0 160 82.75L9.37 233.37c-12.5 12.5-12.5 32.76 0 45.25L160 429.25c12 12 28.28 18.75 45.25 18.75H576c35.35 0 64-28.65 64-64V128c0-35.35-28.65-64-64-64zm-84.69 254.06c6.25 6.25 6.25 16.38 0 22.63l-22.62 22.62c-6.25 6.25-16.38 6.25-22.63 0L384 301.25l-62.06 62.06c-6.25 6.25-16.38 6.25-22.63 0l-22.62-22.62c-6.25-6.25-6.25-16.38 0-22.63L338.75 256l-62.06-62.06c-6.25-6.25-6.25-16.38 0-22.63l22.62-22.62c6.25-6.25 16.38-6.25 22.63 0L384 210.75l62.06-62.06c6.25-6.25 16.38-6.25 22.63 0l22.62 22.62c6.25 6.25 6.25 16.38 0 22.63L429.25 256l62.06 62.06z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Voltar<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72d83538 e-con-full e-flex e-con e-child\" data-id=\"72d83538\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Enviar Den\u00fancia Indique sua rela\u00e7\u00e3o com a Complementum: Colaborador Fornecedor Terceiro Consumidor Revendedor Outro Especifique: O preenchimento desse campo \u00e9 opcional. Pr\u00f3xima P\u00e1gina Voc\u00ea deseja se identificar? Sim N\u00e3o Nome: E-mail: Telefone: Voc\u00ea tem a op\u00e7\u00e3o de compartilhar um relato an\u00f4nimo ou revelar sua identidade. Caso opte por se identificar, esteja ciente de que estar\u00e1 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-356","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.complementum.ind.br\/denuncia\/wp-json\/wp\/v2\/pages\/356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.complementum.ind.br\/denuncia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.complementum.ind.br\/denuncia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.complementum.ind.br\/denuncia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.complementum.ind.br\/denuncia\/wp-json\/wp\/v2\/comments?post=356"}],"version-history":[{"count":388,"href":"https:\/\/www.complementum.ind.br\/denuncia\/wp-json\/wp\/v2\/pages\/356\/revisions"}],"predecessor-version":[{"id":1793,"href":"https:\/\/www.complementum.ind.br\/denuncia\/wp-json\/wp\/v2\/pages\/356\/revisions\/1793"}],"wp:attachment":[{"href":"https:\/\/www.complementum.ind.br\/denuncia\/wp-json\/wp\/v2\/media?parent=356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}