{% extends spa_base or "base.html"%}
{% block title %}App Update - Admin{% endblock %}
{% block extra_head %}
<style>
    .admin-page { max-width: 700px; }
    .form-group { margin-bottom: 20px; }
    .form-label { display: block; color: var(--text-primary); font-weight: 600; font-size: 0.9em; margin-bottom: 6px; }
    .form-control {
        width: 100%; padding: 12px 16px; background: var(--bg-surface); border: 1px solid var(--border);
        color: var(--text-primary); border-radius: var(--radius-md); font-size: 0.9em; outline: none;
    }
    .form-control:focus { border-color: var(--text-secondary); }
    .form-control::placeholder { color: var(--text-muted); }
    textarea.form-control { resize: vertical; font-family: inherit; line-height: 1.5; }
    .form-help { display: block; color: var(--text-muted); font-size: 0.8em; margin-top: 4px; }
    .form-check { display: flex; align-items: center; gap: 10px; cursor: pointer; color: var(--text-primary); font-size: 0.9em; }
    .form-check input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--primary); }
</style>
{% endblock %}
{% block content %}
<div class="admin-page">
    <div class="section-header">
        <h2>📲 Atualizacao do App</h2>
        <a href="{{ url_for('admin_panel') }}" class="btn btn-sm btn-outline">← Painel</a>
    </div>

    <p style="color:var(--text-muted); margin-bottom:24px;">
        Configure a versao mais recente do app. O sistema verificara automaticamente
        se ha atualizacao quando o usuario abrir o aplicativo.
    </p>

    <form method="POST">
        <div class="form-group">
            <label class="form-label">Versao Atual do App</label>
            <input type="text" name="app_version" class="form-control" value="{{ settings.get('app_version', '1.0') }}" placeholder="1.0">
            <small class="form-help">Formato: X.Y (ex: 1.3, 2.0)</small>
        </div>

        <div class="form-group">
            <label class="form-label">Tamanho do APK</label>
            <input type="text" name="apk_size" class="form-control" value="{{ settings.get('apk_size', '4.3 MB') }}" placeholder="4.3 MB">
        </div>

        <div class="form-group">
            <label class="form-label">Data de Lancamento</label>
            <input type="text" name="app_release_date" class="form-control" value="{{ settings.get('app_release_date', '') }}" placeholder="2026-07-07 18:00">
            <small class="form-help">Data e hora do lancamento (exibido na pagina de download).</small>
        </div>

        <div class="form-group">
            <label class="form-label">URL de Download</label>
            <input type="text" name="app_update_url" class="form-control" value="{{ settings.get('app_update_url', '') }}" placeholder="Deixe em branco para usar o APK padrao">
            <small class="form-help">URL personalizada para download do APK (opcional).</small>
        </div>

        <div class="form-group">
            <label class="form-check">
                <input type="checkbox" name="app_update_required" {% if settings.get('app_update_required') %}checked{% endif %}>
                <span>Atualizacao <strong>OBRIGATORIA</strong></span>
            </label>
            <small class="form-help">Se marcado, o usuario sera forcado a atualizar para usar o app.</small>
        </div>

        <div class="form-group">
            <label class="form-label">Novidades / Changelog</label>
            <textarea name="app_update_changelog" class="form-control" rows="8" placeholder="Liste as novidades desta versao...">{{ settings.get('app_update_changelog', '') }}</textarea>
        </div>

        <button type="submit" class="btn">Salvar Configuracoes</button>
    </form>
</div>
{% endblock %}