[
    {
        "id": 26680,
        "label": "Nome do app",
        "name": "APP_NAME",
        "value": "BR NET",
        "type": "STRING",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 26681,
        "label": "Logo do app",
        "name": "APP_LOGO",
        "value": "https://i.ibb.co/QdFyHYW/20240124-002123.png",
        "type": "IMAGE",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 26682,
        "label": "Imagem de fundo",
        "name": "APP_BACKGROUND_IMAGE",
        "value": "",
        "type": "IMAGE",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "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": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 3811,
        "label": "Cor de fundo",
        "name": "APP_BACKGROUND_COLOR",
        "value": "#080E16C7",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 3812,
        "label": "Cor do card inicial",
        "name": "APP_CARD_COLOR",
        "value": "#1D242EC9",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 7979,
        "label": "Raio do card inicial",
        "name": "APP_CARD_RADIUS",
        "value": 30,
        "type": "INTEGER",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 7980,
        "label": "Cor do card de status",
        "name": "APP_CARD_STATUS_COLOR",
        "value": "#1D242E73",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 7981,
        "label": "Raio do card de status",
        "name": "APP_CARD_STATUS_RADIUS",
        "value": 25,
        "type": "INTEGER",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 3813,
        "label": "Cor do card de configurações",
        "name": "APP_CARD_CONFIG_COLOR",
        "value": "#1D242E73",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 3814,
        "label": "Cor do fundo dos dialogs",
        "name": "APP_DIALOG_BACKGROUND_COLOR",
        "value": "#0E171EBA",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 11850,
        "label": "Cor do fundo do dialog de log",
        "name": "APP_DIALOG_LOGGER_COLOR",
        "value": "#1D242E73",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 3815,
        "label": "Cor das bordas",
        "name": "APP_BORDER_COLOR",
        "value": "#1D242E73",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 7982,
        "label": "Cor dos inputs",
        "name": "APP_INPUT_COLOR",
        "value": "#000000BA",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 7983,
        "label": "Raio dos inputs",
        "name": "APP_INPUT_RADIUS",
        "value": 30,
        "type": "INTEGER",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 3816,
        "label": "Cor dos textos",
        "name": "APP_TEXT_COLOR",
        "value": "#CBBFDFFF",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 3817,
        "label": "Cor dos botões",
        "name": "APP_BUTTON_COLOR",
        "value": "#1D242ECC",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 7984,
        "label": "Raio dos botões",
        "name": "APP_BUTTON_RADIUS",
        "value": 30,
        "type": "INTEGER",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 3818,
        "label": "Cor dos icones",
        "name": "APP_ICON_COLOR",
        "value": "#CBBFDFC9",
        "type": "COLOR",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 3819,
        "label": "Exibir modo de conexão",
        "name": "APP_SHOW_CONNECTION_MODE",
        "value": "false",
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 22784,
        "label": "Atualizar automaticamente as configurações ao lançar uma atualização.",
        "name": "APP_CONFIG_AUTO_UPDATE",
        "value": false,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 4922,
        "label": "Iniciar o app automaticamente ao reiniciar o dispositivo",
        "name": "APP_AUTO_START",
        "value": false,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 7985,
        "label": "Usar limiter de conexão",
        "name": "APP_CONNECTION_LIMITER",
        "value": false,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 12836,
        "label": "Usar botão de atualizações",
        "name": "APP_BTN_UPDATE_ENABLED",
        "value": true,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 12837,
        "label": "Usar botão de registros",
        "name": "APP_BTN_LOGGER_ENABLED",
        "value": true,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 12838,
        "label": "Usar botão de pagina webview",
        "name": "APP_BTN_PAGE_ENABLED",
        "value": false,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 14425,
        "label": "Ativar dialog de erros",
        "name": "APP_DIALOG_ERROR_ENABLED",
        "value": true,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 14426,
        "label": "Ativar dialog de checkuser",
        "name": "APP_CHECKUSER_DIALOG_ENABLED",
        "value": "false",
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 14427,
        "label": "Ativar toast de sucesso",
        "name": "APP_SUCCESS_TOAST_ENABLED",
        "value": true,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 14428,
        "label": "Ativar toast de erro",
        "name": "APP_ERROR_TOAST_ENABLED",
        "value": true,
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 14429,
        "label": "Usar layout webview",
        "name": "APP_LAYOUT_WEBVIEW_ENABLED",
        "value": "true",
        "type": "BOOLEAN",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 3820,
        "label": "Mensagem",
        "name": "APP_MESSAGE",
        "value": "Bem vindo ao BRNET",
        "type": "TEXT",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 3822,
        "label": "URL de atualização do aplicativo",
        "name": "APP_UPDATE_URL",
        "value": null,
        "type": "URL",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "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": "WELCOME"
        },
        "type": "SELECT",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 14430,
        "label": "LAYOUT WEBVIEW (POR SUA CONTA E RISCO)",
        "name": "APP_LAYOUT_WEBVIEW",
        "value": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>GUARDIAN</title>\r\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css\">\r\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css\" integrity=\"sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" />\r\n    <script src=\"https://cdn.tailwindcss.com\"></script>\r\n    <style>\r\n@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Outfit:wght@100;200;300;400;500;600;700&display=swap');\r\n\r\n:root {\r\n\r\n            /*Editar o modal*/\r\n            --btn-modal: #0000003f;\r\n            --btn-border: 1px solid #09beb586;\r\n            --btn-modal-border: 50px;\r\n            --modal-shadow: #ffffff;\r\n            --modal-bg: #171e2e;\r\n            --modal-icon: #fff;\r\n            --config-color: #0000003f;\r\n            --category-color: #0000003f;\r\n            --text-color: #ffffff; \r\n\r\n            /*Editar Layout*/\r\n            --fundo: #ffffff;\r\n            --topo: #09beb586;\r\n            --icon: #4071FF;            \r\n            --icon-bg: #E5EAFC;\r\n            --config: #F7F7FC;\r\n            --box-border: 1px solid #C0C6DE;\r\n            --box-bg: transparent;\r\n            --box-icon: black;\r\n            --info1: #C0C6DE;\r\n            --info2: #4071FF;\r\n        }\r\n\r\nbody {\r\n    font-family: 'Be Vietnam Pro', sans-serif;\r\n    background: var(--fundo);\r\n    height: 100vh;\r\n    width: 100vw;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.container {\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n    background: var(--topo);\r\n    width: 100vw;\r\n    padding: 0 auto;\r\n\r\n}\r\n\r\nbutton.power-icon {\r\n    font-size: 2.5em;\r\n    box-shadow: 0 20px 25px 0px #4071ff54, 0 2px 0px 0px #4071ff10;\r\n}\r\n\r\n.app-bg-gray-1 {\r\n    background: var(--config);\r\n}\r\n\r\n.app-bg-gray-2 {\r\n    background: var(--icon-bg);\r\n}\r\n\r\n.app-bg-gray-3 {\r\n    background: #fff;\r\n  }\r\n  \r\n  .app-bg-4 {\r\n  \tbackground: linear-gradient(#13cf8e, #13cf8e, #0098ff, #5995fd);\r\n  background-size: 400% 400%;\r\n  animation: gradient 5s ease infinite;\r\n  }\r\n\r\n@keyframes gradient {\r\n  0% {\r\n    background-position: 0% 50%;\r\n  }\r\n  50% {\r\n    background-position: 100% 50%;\r\n  }\r\n  100% {\r\n    background-position: 0% 50%;\r\n  }\r\n}\r\n\r\n.app-bg-blue {\r\n    background: #4071FF;\r\n}\r\n\r\n.app-color-blue {\r\n    color: #4071FF;\r\n}\r\n\r\n.app-color-gray-1 {\r\n    color: #C0C6DE;\r\n}\r\n\r\n.app-rounded {\r\n    border-bottom-left-radius: 50px;\r\n    border-bottom-right-radius: 50px;\r\n}\r\n\r\n\t.status {\r\n    font-size: 1em;\r\n    }\r\n    \r\n    .put {\r\n    \tborder-radius: 60px;\r\n    }\r\n    \r\n    .icon {\r\n    \tfont-size: 0.8em;\r\n        color: var(--box-icon);\r\n    }\r\n\r\n    input {\r\n            width: 100%;\r\n            background: transparent;\r\n            border: none;\r\n            outline: none;\r\n            color: var(--box-typing);\r\n            line-height: 1;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .box {\r\nborder: var(--box-border);\r\nbackground: var(--box-bg);\r\n}\r\n\r\n.tool {\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n}\r\n\r\n.tool-bt {\r\n    background: var(--btn-modal);\r\n    height: 50px;\r\n    width: 150px;\r\n    border: var(--btn-border);\r\n}\r\n\r\n.info {\r\ncolor: var(--info2);\r\n}\r\n\r\n.info1 {\r\ncolor: var(--info1);\r\n}\r\n\r\n .info2 {\r\ncolor: var(--modal-icon);\r\n}\r\n\r\n .info3 {\r\nfont-size: 1.2em;\r\n    color: var(--icon);\r\n}\r\n\r\n.modal {\r\n            backdrop-filter: blur(5px);\r\n            -webkit-backdrop-filter: blur(5px);\r\n        }\r\n\r\n        .modal-content {\r\n            border: none;\r\n            background: var(--modal-bg);\r\n            box-shadow: 0 5px 10px var(--modal-shadow);\r\n            color: var(--text-color);\r\n        }\r\n\r\n        .modal-dialog {\r\n            padding: 0 0.5rem;\r\n        }\r\n\r\n        .bg-category {\r\n            background: var(--category-color);\r\n        }\r\n\r\n        .bg-config {\r\n            background: var(--config-color);\r\n        }\r\n     \r\n        .btn{\r\n  width: 150px;\r\n  background-color: #171e2e;\r\n  outline: none;\r\n  height: 49px;\r\n  border-radius: var(--btn-modal-border);\r\n  text-transform: uppercase;\r\n  font-weight: 600;\r\n  margin: 10px 0;\r\n  cursor: pointer;\r\n  transition: 0.5s;\r\n  border: var(--btn-border);\r\n}\r\n\r\n</style>\r\n</head>\r\n<body class=\"h-screen\">\r\n        <div class=\"container px-6 pt-10 pb-44 app-rounded\">\r\n            <button class=\"app-bg-blue h-12 rounded-2xl py-2 px-5 text-white\" onclick=\"ToolsModal.show()\"><i class=\"bi bi-list-nested mr-2\"></i>Mais</button>\r\n            <button class=\"put w-12 h-12 app-bg-gray-2 rounded-2xl place-items-center p-2\" onclick=\"DtStartAppUpdate.execute()\"><i class=\"info3 bi bi-arrow-repeat\"></i></button>\r\n            <button class=\"put w-12 h-12 app-bg-gray-2 rounded-2xl place-items-center p-2\" onclick=\"loggerModal.show()\"><i class=\"info3 bi bi-file-earmark-text\"></i></button>\r\n          </div>\r\n        <div class=\"flex flex-row items-center justify-center -top-32 relative\">\r\n            <div class=\"w-56 h-56 app-bg-gray-3 rounded-full items-center justify-center flex\">\r\n                <div class=\"w-44 h-44 app-bg-4 rounded-full flex justify-center items-center\">\r\n                    <button class=\"fa-solid fa-power-off bg-white app-color-blue rounded-full p-10 power-icon\" onclick=\"startStopVpn()\"></button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"flex flex-col -top-36 relative\">\r\n            <div class=\"py-3 flex flex-row justify-center items-center\">\r\n                <span class=\"app-color-gray-1 mr-2\">INSIRA SEU LOGIN</span>\r\n                <i class=\"fa-solid fa-check app-color-gray-1\"></i>\r\n            </div>\r\n            \r\n            \r\n                            \r\n            <div class=\"box d-flex gap-2 justify-content-center mb-1 mt-1 flex flex-row items-center px-6 py-2.5 mx-6 rounded-xl app-bg-gray-1 border-2\">\r\n                <i class=\"icon fa fa-cogs\"></i>\r\n                <input type=\"text\" placeholder=\"CONFIG.\" disabled id=\"config\">\r\n                <i class=\"icon fa fa-angle-double-down\"></i>\r\n            </div>       \r\n\r\n            <div class=\"box d-flex gap-2 justify-content-center mb-2 mt-1 items-center px-6 py-2 mx-6 rounded-xl border-slate-150 border-2\">\r\n                <i class=\"icon fa fa-user\"></i>\r\n                <input type=\"text\" placeholder=\"Nome de usuario\" id=\"username\">\r\n            </div>       \r\n\r\n            <div class=\"box d-flex gap-2 justify-content-center items-center px-6 py-2 mx-6 rounded-xl border-slate-150 border-2\">\r\n                <i class=\"icon fa fa-lock\"></i>\r\n                <input type=\"text\" placeholder=\"Senha\" id=\"password\">\r\n                <i class=\"icon fa fa-eye\" onclick=\"password.type==`text`?password.type = `password`:password.type = `text`\"></i>\r\n            </div>\r\n                \r\n            <div class=\"d-flex gap-2 justify-content-center mb-2 mt-1 flex flex-row items-center px-6 py-2 mx-6 rounded-xl border-slate-150 border-2\">\r\n                <i class=\"icon fa fa-lock\"></i>\r\n                <input type=\"text\" placeholder=\"V2ray UUID\" id=\"uuid\">\r\n                <i class=\"icon fa fa-eye\" onclick=\"uuid.type==`text`?uuid.type = `password`:uuid.type = `text`\"></i>        \r\n            </div>\r\n\r\n            <div class=\"flex flex-row items-center justify-center mt-4\">          \r\n                <span class=\"status app-color-blue font-semibold\" id=\"state\">DESCONECTADO</span>\r\n                </div>\r\n                \r\n                <div class=\"flex flex-row items-center justify-center mt-2\">\r\n                <i class=\"info1 fa-solid fa-rss app-color-gray-1 mr-2\"></i>\r\n                <span class=\"info1 font-semibold text-xs mr-2\" id=\"name\">REDE</span>\r\n                <span class=\"info font-semibold text-xs\" id=\"ip\">127.0.0.1</span>\r\n                </div>\r\n                <div class=\"flex flex-row items-center justify-center mt-1\">\r\n                \t<i class=\"info1 fa-solid fa-user app-color-gray-1 mr-2\"></i>\r\n                \t<span class=\"info font-semibold text-xs\" id=\"total\">00</span>\r\n            </div>   \r\n        </div>\r\n    </div>\r\n    <div class=\"modal fade\" id=\"configModal\">\r\n        <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n            <div class=\"modal-content rounded-3 shadow\">\r\n                <div class=\"modal-header border-bottom-0 pb-0\">\r\n                    <h1 class=\"modal-title fs-5\" style=\"color: var(--text-color);\">CONFIGURAÇÕES</h1>\r\n                    <button class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"></button>\r\n                </div>\r\n                <div class=\"modal-body p-1 text-center\">\r\n                    <ul class=\"list-group bg-transparent overflow-y-auto config-body\" style=\"max-height: 600px;\"></ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"modal fade\" id=\"loggerModal\">\r\n        <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n            <div class=\"modal-content rounded-3 shadow\">\r\n                <div class=\"modal-body p-1 text-center\">\r\n                    <ul class=\"list-group bg-transparent overflow-y-auto logger-content\" style=\"max-height: 600px;\">\r\n                    </ul>\r\n                </div>\r\n                <div class=\"modal-footer flex-nowrap p-0\">\r\n                    <button class=\"btn btn-primary w-100 clear-logger\" style=\"background-color:var(--btn-modal);\">LIMPAR</button>\r\n                      <button type=\"button\" class=\"btn btn-primary w-100\" data-bs-dismiss=\"modal\" style=\"background-color: var(--btn-modal);\">FECHAR</button>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"tool webm modal fade\" index=\"-1\" id=\"ToolsModal\">\r\n        <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n                     \r\n \r\n    <div class=\"modal-content\">\r\n      <div class=\"tool modal-header\">\r\n        <h5 class=\"modal-title\" style=\"color:#ffffff;\">FERRAMENTAS</h5>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n        <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtStartCheckUser.execute()\"><i class=\"info2 bi bi-calendar-check mr-2\"></i>VALIDADE</button>\r\n        </div>\r\n        <div class=\"modal-body\">\r\n        <button class=\"tool-bt rounded-2xl text-white\" data-bs-target=\"#speedTestModal\" data-bs-toggle=\"modal\"><i class=\"info2 bi bi-speedometer mr-2\"></i>SPEEDTEST</button>\r\n        <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtStartWebViewActivity.execute('https://pluto.tv')\"><i class=\"info2 bi bi-globe mr-2\"></i>TV & FILMES</button>\r\n        </div>\r\n        <div class=\"modal-body\">\r\n        <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtStartApnActivity.execute()\"><i class=\"info2 bi bi-wifi mr-2\"></i>APN</button>\r\n        <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtIgnoreBatteryOptimizations.execute()\"><i class=\"info2 bi bi-battery-full mr-2\"></i>BATERIA</button>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n        <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtCleanApp.execute()\"><i class=\"info2 bi bi-trash3 mr-2\"></i>LIMPAR</button>\r\n        </div>\r\n      <div class=\"tool modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-primary\" data-bs-dismiss=\"modal\" style=\"background-color: var(--btn-modal);\">FECHAR</button>\r\n        \r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div class=\"modal fade\" id=\"checkUserModal\" index=\"1\">\r\n    <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n        <div class=\"modal-content rounded-3 shadow\">\r\n            <div class=\"modal-header border-bottom-0 pb-0\">\r\n                <h1 class=\"modal-title fs-5 chk-title text-light\"></h1>\r\n                <button class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"></button>\r\n            </div>\r\n            <div class=\"modal-body text-center\">\r\n                <p class=\"fs-5 mb-0 chk-message text-light\"></p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class=\"md modal fade\" id=\"speedTestModal\">\r\n    <div class=\"md modal-dialog modal-dialog-centered\" role=\"document\">\r\n        <div class=\"md modal-content rounded-3 shadow\">\r\n            <div class=\"md modal-header border-bottom-0 py-3\">\r\n                <button class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\r\n                    aria-label=\"Close\"></button>\r\n                    \r\n            </div>\r\n            <div class=\"modal-body ratio rounded-bottom-3\" style=\"height: 600px;\">\r\n                <div class=\"spinner d-flex w-100 h-100 align-items-center justify-content-center\">\r\n                    <div class=\"spinner-border text-light p-5\" role=\"status\">\r\n                        <span class=\"visually-hidden\">Loading...</span>\r\n                    </div>\r\n                </div>\r\n                <iframe class=\"rounded-bottom-3\" id=\"speedFrame\"></iframe>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n    <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js\"></script>\r\n    <script>\r\n        Object.defineProperty(String.prototype, 't', {\r\n            value: function t() {\r\n                return window?.DtTranslateText?.execute('' + this) ?? '' + this\r\n            },\r\n            writable: true,\r\n            configurable: true,\r\n        })\r\n\r\n        const config = document.querySelector('#config')\r\n        config.parentElement.onclick = () => showConfigsModal();\r\n\r\n        const username = document.querySelector('#username')\r\n        username.oninput = e => DtUsername.set(e.target.value)\r\n\r\n        const password = document.querySelector('#password')\r\n        password.oninput = e => DtPassword.set(e.target.value)\r\n\r\n        const uuid = document.querySelector('#uuid')\r\n        uuid.oninput = e => DtUuid.set(e.target.value)\r\n\r\n        const clearLogger = document.querySelector('.clear-logger')\r\n\r\n        const checkUserModal = new bootstrap.Modal(document.querySelector('#checkUserModal'))\r\n        const configModal = new bootstrap.Modal(document.querySelector('#configModal'))\r\n        const loggerModal = new bootstrap.Modal(document.querySelector('#loggerModal'))\r\n        const ToolsModal = new bootstrap.Modal(document.querySelector('#ToolsModal'))\r\n        const speedTestModal = new bootstrap.Modal(document.querySelector('#speedTestModal'))\r\n        \r\n\r\n        const dtConfigClickListener = () => {\r\n            const data = JSON.parse(window?.DtGetDefaultConfig?.execute() || `{ \"auth\": {\"username\": \"\"} }`)\r\n            const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');\r\n\r\n            config.placeholder = data.name ?? 'Escolha um servidor';\r\n            username.parentElement.style.setProperty('display', !data?.auth?.username && !isV2ray ? 'flex' : 'none', 'important')\r\n            password.parentElement.style.setProperty('display', !data?.auth?.password && !isV2ray ? 'flex' : 'none', 'important')\r\n            uuid.parentElement.style.setProperty('display', !data?.auth?.v2ray_uuid && isV2ray ? 'flex' : 'none', 'important')\r\n        }\r\n\r\n        const startStopVpn = e => {\r\n            if (DtGetVpnState.execute() != 'DISCONNECTED') {\r\n                DtExecuteVpnStop.execute()\r\n            } else {\r\n                DtExecuteVpnStart.execute()\r\n            }\r\n        }\r\n\r\n        clearLogger.addEventListener('click', () => DtClearLogs.execute())\r\n\r\n        speedTestModal._element.addEventListener('shown.bs.modal', () => {\r\n            const iframe = document.querySelector('#speedFrame');\r\n            if (!iframe.src) {\r\n                iframe.src = 'http://speedtest.sercomtel.com.br/'\r\n                iframe.addEventListener('load', () => {\r\n                    mp3Modal._element.querySelector('.spinner').classList.add('d-none')\r\n                })\r\n            }\r\n        })\r\n        speedTestModal._element.addEventListener('hide.bs.modal', () => {\r\n            const iframe = document.querySelector('#speedFrame');\r\n            iframe.src = '';\r\n        })\r\n\r\n        const dtVpnStateListener = state => {\r\n            const isRunning = state != 'DISCONNECTED';\r\n            const status = document.querySelector('#state')\r\n\r\n            status.innerHTML = ('LBL_STATE_' + state).t()\r\n\r\n            if (isRunning) {\r\n                username.setAttribute('readonly', 'true')\r\n                password.setAttribute('readonly', 'true')\r\n                status.style.color = '#00ff15'\r\n            } else {\r\n                username.removeAttribute('readonly')\r\n                password.removeAttribute('readonly')\r\n                status.style.color = 'RED'\r\n            }\r\n        }\r\n\r\n        const dtCheckUserStartedListener = () => {\r\n            const data = JSON.parse(window?.DtGetDefaultConfig?.execute() || `{}`)\r\n            const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');\r\n            if (isV2ray || !data.urlCheckUser) return;\r\n\r\n            const html = `\r\n            <div class=\"d-flex justify-content-center\">\r\n                <div class=\"spinner-border p-4\" role=\"status\">\r\n                    <span class=\"visually-hidden\">Loading...</span>\r\n                </div>\r\n            </div>\r\n            `\r\n\r\n            checkUserModal._element.querySelector('.chk-title').textContent = 'CHECK USER'\r\n            checkUserModal._element.querySelector('.chk-message').innerHTML = html;\r\n            checkUserModal.show()\r\n        }\r\n\r\n        const dtCheckUserModelListener = model => {\r\n            const data = JSON.parse(model ?? `{\"username\": \"test\"}`)\r\n            const html = `\r\n                <div class=\"d-flex flex-column text-white\">\r\n                    <span>👤Nome de usuario: ${data.username}</span>\r\n                    <span>📆Expira em: ${data.expiration_date}</span>\r\n                    <span>📆Dias restantes: ${data.expiration_days}</span>\r\n                    <span>🚫Conexoes: ${data.count_connections}|${data.limit_connections}</span>\r\n                </div>\r\n            `\r\n\r\n            checkUserModal._element.querySelector('.chk-title').textContent = ''\r\n            checkUserModal._element.querySelector('.chk-message').innerHTML = html;\r\n            checkUserModal.show()\r\n        }\r\n\r\n        const showConfigsModal = () => {\r\n            const mock = '[{\"sorter\":6,\"color\":\"#6D08041C\",\"name\":\"CONFIG\",\"id\":1393,\"items\":[{\"mode\":\"V2RAY - VLESS\",\"sorter\":4,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG 01\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":11803,\"status\":\"ACTIVE\"},{\"mode\":\"SSH_DIRECT\",\"sorter\":2,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG 02\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":28627,\"status\":\"ACTIVE\"},{\"mode\":\"OVPN_PROXY\",\"sorter\":23,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG 03\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":30001,\"status\":\"ACTIVE\"}]},{\"sorter\":2,\"color\":\"#6D08041C\",\"name\":\"CONFIG 2\",\"id\":1846,\"items\":[{\"mode\":\"SSH_PROXY\",\"sorter\":1,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG 01\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":26295,\"status\":\"ACTIVE\"}]},{\"sorter\":4,\"color\":\"#80000000\",\"name\":\"CONFIG 3\",\"id\":3310,\"items\":[{\"mode\":\"SSH_PROXY\",\"sorter\":1,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG. TEST\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":29997,\"status\":\"ACTIVE\"},{\"mode\":\"OVPN_PROXY\",\"sorter\":1,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG. TEST 2\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":29998,\"status\":\"ACTIVE\"}]}]'\r\n            const data = JSON.parse(window?.DtGetConfigs?.execute() || mock)\r\n\r\n            data.sort((a, b) => a.sorter - b.sorter)\r\n            data.forEach(item => item.items.sort((a, b) => a.sorter - b.sorter))\r\n\r\n            const body = configModal._element.querySelector('.config-body')\r\n            body.innerHTML = ''\r\n\r\n            data.forEach(category => {\r\n                const categoryElement = document.createElement('li')\r\n                categoryElement.className = 'list-group-item bg-transparent border-0 mb-1 rounded-1 px-1'\r\n                categoryElement.style.color = 'var(--text-color)'\r\n                categoryElement.innerHTML = `<span class=\"fw-bold w-100 d-block p-1 rounded-1 mb-1 bg-category\">${category.name}</span>`\r\n\r\n                const configUlElement = document.createElement('ul')\r\n                configUlElement.className = 'list-group overflow-y-auto'\r\n\r\n                category.items.forEach(item => {\r\n                    const configElement = document.createElement('li')\r\n                    configElement.className = 'list-group-item d-flex border-0 bg-config rounded-2 px-1 py-2 mb-1'\r\n                    configElement.style.color = 'var(--text-color)'\r\n                    configElement.innerHTML = `\r\n                            <img src=\"${item.icon}\" width=\"40\" height=\"40\">\r\n                            <div class=\"text-start d-flex flex-column ms-2 w-100 text-truncate\">\r\n                                <span class=\"fw-bold text-uppercase\" style=\"font-size: 0.8rem;\">${item.name}</span>\r\n                                <span class=\"fst-italic fw-bold text-uppercase\" style=\"font-size: 0.7rem;\">${item.description || ''}</span>\r\n                            </div>\r\n                            <div class=\"d-flex flex-column ms-2\">\r\n                                <span class=\"fst-italic fw-bold text-end text-uppercase text-nowrap\" style=\"font-size: 0.8rem;\">${item.mode}</span>\r\n                            </div>\r\n                        </li>\r\n                    `\r\n                    configElement.addEventListener('click', e => {\r\n                        window?.DtSetConfig?.execute(item.id)\r\n                        configModal.hide()\r\n                    })\r\n                    configUlElement.appendChild(configElement)\r\n                })\r\n\r\n                categoryElement.appendChild(configUlElement)\r\n                body.appendChild(categoryElement)\r\n            })\r\n            configModal.show()\r\n        }\r\n\r\n        const dtOnNewLogListener = () => {\r\n            const mock = [];\r\n            for (let i = 0; i < 30; i++) {\r\n                mock.push({ 'TIME': 'MESSAGE ' + i })\r\n            }\r\n\r\n            const log = window?.DtGetLogs?.execute() || JSON.stringify(mock)\r\n            const data = JSON.parse(log)\r\n\r\n            let content = '';\r\n            data.forEach(item => {\r\n                content += '<li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"font-size: 12px; color: var(--text-color);\">';\r\n                content += Object.keys(item)[0] + \" \" + item[Object.keys(item)]\r\n                content += '</li>';\r\n            })\r\n\r\n            loggerModal._element.querySelector('.logger-content').innerHTML = content;\r\n            const listGroup = loggerModal._element.querySelector('.list-group')\r\n            listGroup.scrollTo(0, listGroup.scrollHeight)\r\n        }\r\n\r\n        username.value = window?.DtUsername?.get() ?? ''\r\n        password.value = window?.DtPassword?.get() ?? ''\r\n        uuid.value = window?.DtUuid?.get() ?? ''\r\n\r\n        dtOnNewLogListener()\r\n        dtConfigClickListener()\r\n        dtVpnStateListener(window?.DtGetVpnState?.execute() ?? 'DISCONNECTED')\r\n        \r\n    </script>\r\n    \r\n        <script>\r\n        const config = JSON.parse(DtGetAppConfig.execute());\r\n        const urlCheckUser = new URL(config.urlCheckUser);\r\n        urlCheckUser.protocol = 'http:';\r\n\r\n        const createConnection = () => new WebSocket(urlCheckUser);\r\n        const startActions = socket => {\r\n            socket.send(JSON.stringify({\r\n                action: 'all',\r\n                data: {}\r\n            }));\r\n        }\r\n        const parseResponseData = data => {\r\n            data = JSON.parse(data);\r\n            console.log(data)\r\n\r\n            if (data.total != undefined) {\r\n                const total = data.total;\r\n                document.getElementById('total').innerHTML = String(total).padStart(2, '0');\r\n            }\r\n        }\r\n\r\n        const startSocket = () => {\r\n            const socket = createConnection();\r\n            socket.onopen = e => startActions(socket);\r\n            socket.onmessage = e => parseResponseData(e.data);\r\n        }\r\n\r\n        const setVpnState = state => {\r\n            if (state == 'CONNECTED') startSocket();\r\n        }\r\n        startSocket();\r\n    </script>\r\n     <script>\r\n        class AndroidMock {\r\n            static getLocalIP() {\r\n                return '192.168.0.1';\r\n            }\r\n    \r\n            static getConfig() {\r\n                return JSON.stringify({\r\n                    urlCheckUser: 'URLAQUI'\r\n                });\r\n            }\r\n    \r\n            static getNetworkName() {\r\n                return 'REDE';\r\n            }\r\n    \r\n            static openRadioInfo() {\r\n                console.log('openRadioInfo');\r\n            }\r\n        }\r\n    </script>\r\n    \r\n    <script>\r\n        function showLocalIP(android) {\r\n            console.log(android.getNetworkName());\r\n            document.getElementById('name').innerHTML = ' ' + android.getNetworkName() + ':';\r\n            document.getElementById('ip').innerHTML = android.getLocalIP();\r\n    \r\n            setInterval(() => {\r\n                document.getElementById('name').innerHTML =\r\n                    ' ' + android.getNetworkName() + ':';\r\n                document.getElementById('ip').innerHTML = android.getLocalIP();\r\n            }, 2000)\r\n        }\r\n    \r\n        function showCheckUser(android) {\r\n            const config = JSON.parse(window?.DtGetDefaultConfig?.execute() ?? android.getConfig());\r\n    \r\n            const urlCheckUser = new URL(config.urlCheckUser);\r\n            urlCheckUser.protocol = 'ws:';\r\n            const socket = new WebSocket(urlCheckUser);\r\n            socket.onopen = function (e) {\r\n                socket.send(JSON.stringify({\r\n                    action: 'all',\r\n                    data: {}\r\n                }));\r\n            };\r\n    \r\n            socket.onmessage = function (event) {\r\n                const data = JSON.parse(event.data);\r\n                if (data.total === undefined)\r\n                    return;\r\n    \r\n                const total = data.total;\r\n                document.getElementById('total').innerHTML = ' ' + String(total).padStart(2, '0');\r\n                socket.close();\r\n            };\r\n        }\r\n    \r\n    \r\n    \r\n        window.onload = function () {\r\n            const android = window.Android || AndroidMock;\r\n            showLocalIP(android);\r\n            showCheckUser(android);\r\n        }\r\n    \r\n    </script>\r\n</body>\r\n</html>",
        "type": "HTML",
        "status": "ACTIVE",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 3823,
        "label": "ANDROID WEBVIEW (POR SUA CONTA E RISCO)",
        "name": "APP_SUPPORT_BUTTON",
        "value": "",
        "type": "HTML",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    },
    {
        "id": 3824,
        "label": "PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
        "name": "APP_WEB_VIEW",
        "type": "HTML",
        "value": "",
        "user_id": "SMHZCG6F-AIVO-WHYB-65MS-TZALC6W8P0NU"
    }
]