{
    "status":200,
    "data":[
        {
            "id":3807,
            "label":"Nome do app",
            "name":"APP_NAME",
            "value": "",
            "type":"STRING",
            "status":"INACTIVE",
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        },
        {
            "id":3808,
            "label":"Logo do app",
            "name":"APP_LOGO",
            "value":"https://i.postimg.cc/13kbQyCR/download-1.png",
            "type":"IMAGE",
            "status":"INACTIVE",
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        },
        {
            "id":3809,
            "label":"Imagem de fundo",
            "name":"APP_BACKGROUND_IMAGE",
            "value":"https://i.imgur.com/dHdZFMb.jpg",
            "type":"IMAGE",
            "status":"ACTIVE",
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        },
        {
            "id":3810,
            "label":"Tipo do fundo do app",
            "name":"APP_BACKGROUND_TYPE",
            "value":{
                "options":[
                    {
                        "label":"Imagem",
                        "value":"IMAGE"
                    },
                    {
                        "label":"Cor",
                        "value":"COLOR"
                    }
                ],
                "selected":"IMAGE"
            },
            "type":"SELECT",
            "status":"ACTIVE",
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        },
        {
            "id":3811,
            "label":"Cor de fundo",
            "name":"APP_BACKGROUND_COLOR",
            "value":"#ffb7b7ff",
            "type":"COLOR",
            "status":"ACTIVE",
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        },
        {
            "id":3812,
            "label":"Cor do card inicial",
            "name":"APP_CARD_COLOR",
            "value":"#00000070",
            "type":"COLOR",
            "status":"ACTIVE",
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        },
        {
            "id":3813,
            "label":"Cor do card de configurações",
            "name":"APP_CARD_CONFIG_COLOR",
            "value":"#0000005b",
            "type":"COLOR",
            "status":"ACTIVE",
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        },
        {
            "id":3814,
            "label":"Cor do fundo dos dialogs",
            "name":"APP_DIALOG_BACKGROUND_COLOR",
            "value":"#70C0C0C0",
            "type":"COLOR",
            "status":"ACTIVE",
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        },
        {
            "id":3815,
            "label":"Cor das bordas",
            "name":"APP_BORDER_COLOR",
            "value":"#ffffff",
            "type":"COLOR",
            "status":"ACTIVE",
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        },
        {
            "id":3816,
            "label":"Cor dos textos",
            "name":"APP_TEXT_COLOR",
            "value":"#FFFFFFFF",
            "type":"COLOR",
            "status":"ACTIVE",
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        },
        {
            "id":3817,
            "label":"Cor dos botões",
            "name":"APP_BUTTON_COLOR",
            "value":"#00ffff70",
            "type":"COLOR",
            "status":"ACTIVE",
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        },
        {
            "id":3818,
            "label":"Cor dos icones",
            "name":"APP_ICON_COLOR",
            "value":"#00ffff70",
            "type":"COLOR",
            "status":"ACTIVE",
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        },
        {
            "id":3819,
            "label":"Exibir modo de conexão",
            "name":"APP_SHOW_CONNECTION_MODE",
            "value":false,
            "type":"BOOLEAN",
            "status":"ACTIVE",
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        },
        {
            "id":4922,
            "label":"Iniciar o app automaticamente ao reiniciar o dispositivo",
            "name":"APP_AUTO_START",
            "value":false,
            "type":"BOOLEAN",
            "status":"ACTIVE",
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        },
        {
            "id":3820,
            "label":"Mensagem",
            "name":"APP_MESSAGE",
            "value":null,
            "type":"TEXT",
            "status":"ACTIVE",
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        },
        {
            "id":3821,
            "label":"Tipo de mensagem",
            "name":"APP_MESSAGE_TYPE",
            "value":{
                "options":[
                    {
                        "label":"Alerta",
                        "value":"ALERT"
                    },
                    {
                        "label":"Informação",
                        "value":"INFO"
                    },
                    {
                        "label":"Boas vindas",
                        "value":"WELCOME"
                    },
                    {
                        "label":"Sem mensagem",
                        "value":"NONE"
                    }
                ],
                "selected":"ALERT"
            },
            "type":"SELECT",
            "status":"ACTIVE",
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        },
        {
            "id":3823,
            "label":"ANDROID WEBVIEW (POR SUA CONTA E RISCO)",
            "name":"APP_SUPPORT_BUTTON",
            "value":"<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>DuTra</title>\n    <style>\n        @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');\n\n        html,\n        body {\n            font-family: 'Roboto', sans-serif;\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .container {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            height: 100vh;\n        }\n\n        .content {\n            position: absolute;\n            top: 4rem;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            width: 98%;\n        }\n\n        .background {\n            color: #FFF;\n            padding: 0.4rem;\n            border-radius: 50px;\n            background: #00000080;\n            box-shadow: 10px 5px 5px #000;\n        }\n\n        .d-flex {\n            display: flex;\n            justify-content: flex-end;\n            align-items: center;\n        }\n\n        /* Estilo para as informações de download */\n        .download-info, .ping-info, .ip-info {\n            color: #FFF;\n            font-size: 14px;\n            margin-right: 10px;\n        }\n\n        /* Estilo para o balão de diálogo */\n        .dialog-box {\n            color: #FFF;\n            background-color: rgba(0, 0, 0, 0.8);\n            border-radius: 5px;\n            padding: 5px 10px;\n            margin-top: 5px;\n            font-size: 14px;\n        }\n\n        img {\n            height: 1.6rem;\n        }\n\n        /*estilo para o hotsport*/\n        .switch-container {\n    position: fixed;\n    bottom: 150px; /* 120 pixels do final */\n    left: 50%; /* Centraliza o interruptor na horizontal */\n    transform: translateX(-50%); /* Corrige a posição centralizada */\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n\n        .switch {\n            display: block;\n            width: 70px; /* Tamanho um pouco maior */\n            height: 34px; /* Tamanho um pouco maior */\n            position: relative;\n        }\n\n        .slider {\n            position: absolute;\n            cursor: pointer;\n            background-color: #ccc;\n            transition: 0.4s;\n            border-radius: 34px; /* Metade da altura */\n            width: 100%;\n            height: 100%;\n        }\n\n        .slider:before {\n            position: absolute;\n            content: \"\";\n            height: 30px; /* Tamanho um pouco maior */\n            width: 30px; /* Tamanho um pouco maior */\n            left: 2px;\n            top: 2px;\n            background-color: white;\n            transition: 0.4s;\n            border-radius: 50%;\n        }\n\n        input:checked + .slider {\n            background-color: #4caf50; /* Verde quando ligado */\n        }\n\n        input:checked + .slider:before {\n            transform: translateX(36px); /* Metade do diâmetro */\n        }\n\n        input {\n            display: none;\n        }\n\n        .tooltip {\n    position: fixed;\n    display: flex; /* Usar flexbox para alinhar itens */\n    align-items: flex-end; /* Alinhar o texto na parte inferior */\n    justify-content: center; /* Centralizar horizontalmente */\n    width: auto;\n    max-width: 250px; /* Largura máxima do balão */\n    background-color: rgba(0, 0, 0, 0.8);\n    color: #FFF;\n    border-radius: 5px;\n    padding: 10px;\n    font-size: 14px;\n    text-align: center;\n    bottom: 80px; /* Distância vertical do fundo (ajuste conforme necessário) */\n    left: 50%; /* Centraliza horizontalmente */\n    transform: translateX(-50%);\n}\n\n\n    </style>\n</head>\n\n<body>\n    <div class=\"container\">\n        <div class=\"content\">\n            <div class=\"d-flex\">\n                <div class=\"dialog-box ip-info\" id=\"ip\">Local IP: 00</div>\n            </div>\n            <div class=\"d-flex\">\n                <div class=\"dialog-box\" id=\"download\">↑ ↓</div>\n                <div class=\"dialog-box\" id=\"ping\">Ping: 0 ms</div>\n                <div class=\"switch-container\">\n                    <label class=\"switch\">\n                        <input type=\"checkbox\" id=\"toggleHotSpot\">\n                        <span class=\"slider\"></span>\n                    </label></div>\n                    <div class=\"tooltip\">\n                        <p>ON/OFF ROTEAMENTO PROXY</p>\n                    </div>\n                    \n            </div>\n        </div>\n    </div>\n    \n    <script>\n        function showLocalIP(android) {\n            console.log(android.getNetworkName());          \n            document.getElementById('ip').innerHTML = `Local IP: ${android.getLocalIP()}`;\n\n            setInterval(() => {\n                document.getElementById('ip').innerHTML = `Local IP: ${android.getLocalIP()}`;\n            }, 2000);\n        }\n\n        window.onload = function () {\n            const android = window.Android || AndroidMock;\n            showLocalIP(android);\n            \n            setInterval(() => {\n                const downloadSpeed = Math.floor(Math.random() * 1000);\n                const uploadSpeed = Math.floor(Math.random() * 1000);\n                document.getElementById('download').innerHTML = `↑ ${downloadSpeed} KB/s ↓ ${uploadSpeed} KB/s`;\n                document.getElementById('ping').innerHTML = `Ping: ${Math.floor(Math.random() * 100)} ms`;\n            }, 3000);\n        }\n\n        class AndroidMock {\n            static getNetworkName() {\n                return 'TIM';\n            }\n            static getLocalIP() {\n                return '192.168.0.1';\n            }          \n        };\n\n        const toggleHotSpot = document.getElementById('toggleHotSpot');\n\n        toggleHotSpot.addEventListener('change', () => {\n            if (toggleHotSpot.checked) {\n                window?.DtStartHotSpotService?.execute();\n                iconHotSpotOn.style.display = 'block';\n                iconHotSpotOff.style.display = 'none';\n            } else {\n                window?.DtStopHotSpotService?.execute();\n                iconHotSpotOff.style.display = 'block';\n                iconHotSpotOn.style.display = 'none';\n            }\n        });\n    </script>\n</body>\n\n</html>\n",
            "type":"HTML",
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        },
        {
            "id":3824,
            "label":"PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
            "name":"APP_WEB_VIEW",
            "type":"HTML",
            "value":null,
            "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
        }
    ]
}