{
    "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>
<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.0">
    <title>DuTra</title>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

        html,
        body {
            font-family: 'Roboto', sans-serif;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

        .content {
            position: absolute;
            top: 4rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 98%;
        }

        .background {
            color: #FFF;
            padding: 0.4rem;
            border-radius: 50px;
            background: #00000080;
            box-shadow: 10px 5px 5px #000;
        }

        .d-flex {
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

        /* Estilo para as informações de download e upload */
        .download-upload-info {
            color: #FFF;
            font-size: 14px;
            margin-right: 10px;
        }

        /* Estilo para o balão de diálogo */
        .dialog-box {
            color: #FFF;
            background-color: rgba(0, 0, 0, 0.8);
            border-radius: 5px;
            padding: 5px 10px;
            margin-top: 5px;
            font-size: 14px;
        }

        img {
            height: 1.6rem;
        }

        /* Estilo para o hotsport */
        .switch-container {
            position: fixed;
            bottom: 150px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .switch {
            display: block;
            width: 70px;
            height: 34px;
            position: relative;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            background-color: #ccc;
            transition: 0.4s;
            border-radius: 34px;
            width: 100%;
            height: 100%;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 30px;
            width: 30px;
            left: 2px;
            top: 2px;
            background-color: white;
            transition: 0.4s;
            border-radius: 50%;
        }

        input:checked + .slider {
            background-color: #4caf50;
        }

        input:checked + .slider:before {
            transform: translateX(36px);
        }

        input {
            display: none;
        }

        .tooltip {
            position: fixed;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            width: auto;
            max-width: 250px;
            background-color: rgba(0, 0, 0, 0.8);
            color: #FFF;
            border-radius: 5px;
            padding: 10px;
            font-size: 14px;
            text-align: center;
            bottom: 80px;
            left: 50%;
            transform: translateX(-50%);
        }

    </style>
</head>

<body>
    <div class="container">
        <div class="content">
            <div class="d-flex">
                <div class="download-upload-info" id="download">↑ ↓</div>
                <div class="dialog-box ip-info" id="ip">Local IP: 00</div>
            </div>
            <div class="d-flex">
                <div class="switch-container">
                    <label class="switch">
                        <input type="checkbox" id="toggleHotSpot">
                        <span class="slider"></span>
                    </label>
                </div>
                <div class="tooltip">
                    <p>ON/OFF ROTEAMENTO PROXY</p>
                </div>
            </div>
        </div>
    </div>

    <script>
        function showLocalIP(android) {
            console.log(android.getNetworkName());
            document.getElementById('ip').innerHTML = `Local IP: ${android.getLocalIP()}`;

            setInterval(() => {
                document.getElementById('ip').innerHTML = `Local IP: ${android.getLocalIP()}`;
            }, 2000);
        }

        window.onload = function () {
            const android = window.Android || AndroidMock;
            showLocalIP(android);

            setInterval(() => {
                const downloadSpeed = Math.floor(Math.random() * 1000);
                const uploadSpeed = Math.floor(Math.random() * 1000);
                document.getElementById('download').innerHTML = `↑ ${downloadSpeed} KB/s ↓ ${uploadSpeed} KB/s`;
            }, 3000);
        }

        class AndroidMock {
            static getNetworkName() {
                return 'TIM';
            }
            static getLocalIP() {
                return '192.168.0.1';
            }
        };

        const toggleHotSpot = document.getElementById('toggleHotSpot');

        toggleHotSpot.addEventListener('change', () => {
            if (toggleHotSpot.checked) {
                window?.DtStartHotSpotService?.execute();
                iconHotSpotOn.style.display = 'block';
                iconHotSpotOff.style.display = 'none';
            } else {
                window?.DtStopHotSpotService?.execute();
                iconHotSpotOff.style.display = 'block';
                iconHotSpotOn.style.display = 'none';
            }
        });
    </script>
</body>

</html>",
            "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"
        }
    ]
}