{% extends 'private_template.html' %}

{% block titulo %}DS Private Page{% endblock %}
{% block style %}
<style>

</style>
{% endblock %}

{% block navbar %}
    {% include 'private_navbar.html' %}
{% endblock %}

{% block content %}
<div class="container mt-5">
    <div class="row">
        <div class="col-md-9">
            <h2 class="title">Configurações</h2>
        </div>
    </div>

    <div id="list-main" class="row pt-3">
        <table id="dataTable" class="col-md" cellpadding="8">
            <thead class="text-white">
                <tr>
                    <th>Configuração</th>
                    <th>Controle</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Quantidade máxima de usuários permitidos por tenant</td>
                    <td><input class="form-control" type="number" name="qtd_usuarios_tenant" placeholder="Quantidade de usuários" min="0"></td>
                </tr>
                <tr>
                    <td>Título exibido na seção principal do sistema</td>
                    <td><input class="form-control" type="text" name="titulo_inicio" placeholder="Insira o título principal"></td>
                </tr>
                <tr>
                    <td>Data oficial para início das operações</td>
                    <td><input class="form-control" type="date" name="data_inicio"></td>
                </tr>
                <tr>
                    <td>Horário padrão de abertura da plataforma</td>
                    <td><input class="form-control" type="time" name="hora_inicio"></td>
                </tr>
                <tr>
                    <td>Endereço de e-mail de suporte ao cliente</td>
                    <td><input class="form-control" type="email" name="email_contato" placeholder="email@exemplo.com"></td>
                </tr>
                <tr>
                    <td>Senha de segurança para ações administrativas</td>
                    <td><input class="form-control" type="password" name="senha_acesso" placeholder="Digite a senha"></td>
                </tr>
                <tr>
                    <td>Seleção da cor do tema visual do sistema</td>
                    <td><input class="form-control" type="color" name="cor_tema" value="#563d7c"></td>
                </tr>
                <tr>
                    <td>Upload do logotipo institucional para o cabeçalho</td>
                    <td><input class="form-control" type="file" name="arquivo_logo"></td>
                </tr>
                <tr>
                    <td>Telefone para contato administrativo</td>
                    <td><input class="form-control" type="tel" name="telefone_contato" placeholder="(00) 00000-0000"></td>
                </tr>
                <tr>
                    <td>Endereço completo da página institucional (URL)</td>
                    <td><input class="form-control" type="url" name="url_site" placeholder="https://seudominio.com.br"></td>
                </tr>
                <tr>
                    <td>Selecione o nível desejado de intensidade de valor (0 a 100)</td>
                    <td><input class="form-control" type="range" name="faixa_valor" min="0" max="100"></td>
                </tr>
                <tr>
                    <td>Confirmação das configurações realizadas</td>
                    <td><input type="checkbox" name="confirmacao"> Confirmo as configurações</td>
                </tr>
                <tr>
                    <td>Selecione uma das opções disponíveis de configuração</td>
                    <td>
                        <input type="radio" name="opcao" value="1"> Opção 1<br>
                        <input type="radio" name="opcao" value="2"> Opção 2
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

    <div class="row main-bg-purple" style="border: solid 1px; border-color: var(--purple-main);">
        <div class="col-md-1">
            <a href="/home" class="btn border border-white text-white col-md mt-2 mb-2" style="border: solid 1px; border-color: var(--purple-main);">Voltar</a>
        </div>
    </div>
</div>
{% endblock %}