{% extends "lte/with_sidebar.html" %}

{% block title %}Configurações{% endblock %}

{% block sidebar %}
<nav class="mt-2">
    <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu">
        <li class="nav-item"><a href="{% url 'portal:dashboard' %}" class="nav-link"><i class="nav-icon fas fa-tachometer-alt"></i><p>Painel</p></a></li>
        <li class="nav-item"><a href="{% url 'portal:migrations' %}" class="nav-link"><i class="nav-icon fas fa-database"></i><p>Migrações</p></a></li>
        <li class="nav-item"><a href="{% url 'portal:settings' %}" class="nav-link active"><i class="nav-icon fas fa-sliders-h"></i><p>Configurações</p></a></li>
    </ul>
</nav>
{% endblock %}

{% block content %}
<div class="row">
    <div class="col-lg-6">
        <div class="card">
            <div class="card-header"><h3 class="card-title">Arquivo .env</h3></div>
            <div class="card-body">
                <p class="text-muted small">Alterações exigem reinício do servidor (gunicorn/runserver).</p>
                <form method="post">
                    {% csrf_token %}
                    <input type="hidden" name="form_type" value="env">
                    {% for field in form %}
                    <div class="form-group">
                        <label>{{ field.label }}</label>
                        {{ field }}
                        {% if field.errors %}<div class="text-danger small">{{ field.errors }}</div>{% endif %}
                    </div>
                    {% endfor %}
                    <button type="submit" class="btn btn-primary">Salvar .env</button>
                </form>
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="card">
            <div class="card-header"><h3 class="card-title">Configurações do portal (banco)</h3></div>
            <div class="card-body">
                <form method="post">
                    {% csrf_token %}
                    <input type="hidden" name="form_type" value="portal">
                    {% for field in setting_form %}
                    <div class="form-group">
                        <label>{{ field.label }}</label>
                        {{ field }}
                    </div>
                    {% endfor %}
                    <button type="submit" class="btn btn-outline-primary">Adicionar / salvar</button>
                </form>
                {% if portal_settings %}
                <hr>
                <ul class="list-group list-group-flush">
                    {% for s in portal_settings %}
                    <li class="list-group-item d-flex justify-content-between align-items-start">
                        <div>
                            <strong>{{ s.key }}</strong>
                            <div class="small text-muted">{{ s.description }}</div>
                            <code class="small">{{ s.value|truncatechars:80 }}</code>
                        </div>
                        <form method="post" class="ml-2">
                            {% csrf_token %}
                            <input type="hidden" name="form_type" value="delete_setting">
                            <input type="hidden" name="setting_id" value="{{ s.pk }}">
                            <button class="btn btn-xs btn-outline-danger" type="submit">Remover</button>
                        </form>
                    </li>
                    {% endfor %}
                </ul>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}