|
|
<!DOCTYPE html> |
|
|
<html lang="pt-BR"> |
|
|
<head> |
|
|
<meta charset="UTF-8" /> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
|
|
<title>Simulador de Investimentos</title> |
|
|
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" /> |
|
|
</head> |
|
|
<body class="bg-light"> |
|
|
<div class="container py-4"> |
|
|
<h1 class="mb-4">Simulador de Investimentos - 5 anos</h1> |
|
|
|
|
|
<form method="POST" class="row g-3 mb-5"> |
|
|
<div class="col-md-4"> |
|
|
<label for="capital" class="form-label">Capital Inicial (R$)</label> |
|
|
<input type="number" step="0.01" min="0" class="form-control" id="capital" name="capital" required |
|
|
value="{{ capital if capital else '' }}" /> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<label for="studio_ret" class="form-label">Retorno mensal Studio (%)</label> |
|
|
<input type="number" step="0.01" class="form-control" id="studio_ret" name="studio_ret" required |
|
|
value="{{ request.form.studio_ret if request.form.studio_ret else '' }}" /> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<label for="valorizacao" class="form-label">Valorização anual Studio (%)</label> |
|
|
<input type="number" step="0.01" class="form-control" id="valorizacao" name="valorizacao" required |
|
|
value="{{ request.form.valorizacao if request.form.valorizacao else '' }}" /> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<label for="franquia_ret" class="form-label">Retorno anual Franquia (R$)</label> |
|
|
<input type="number" step="0.01" class="form-control" id="franquia_ret" name="franquia_ret" required |
|
|
value="{{ request.form.franquia_ret if request.form.franquia_ret else '' }}" /> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<label for="acoes_ret" class="form-label">Retorno anual Ações (%)</label> |
|
|
<input type="number" step="0.01" class="form-control" id="acoes_ret" name="acoes_ret" required |
|
|
value="{{ request.form.acoes_ret if request.form.acoes_ret else '' }}" /> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<label for="renda_fixa" class="form-label">Retorno anual Renda Fixa (%)</label> |
|
|
<input type="number" step="0.01" class="form-control" id="renda_fixa" name="renda_fixa" required |
|
|
value="{{ request.form.renda_fixa if request.form.renda_fixa else '' }}" /> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<label for="inflacao" class="form-label">Inflação anual (%)</label> |
|
|
<input type="number" step="0.01" class="form-control" id="inflacao" name="inflacao" required |
|
|
value="{{ request.form.inflacao if request.form.inflacao else '' }}" /> |
|
|
</div> |
|
|
|
|
|
<div class="col-12"> |
|
|
<button type="submit" class="btn btn-primary">Calcular</button> |
|
|
</div> |
|
|
</form> |
|
|
|
|
|
{% if tabela %} |
|
|
<h2>Tabela de Projeção</h2> |
|
|
<div class="table-responsive mb-4"> |
|
|
{{ tabela | safe }} |
|
|
</div> |
|
|
{% endif %} |
|
|
|
|
|
{% if grafico %} |
|
|
<h2>Gráfico de Projeção</h2> |
|
|
<img src="data:image/png;base64,{{ grafico }}" alt="Gráfico de Investimentos" class="img-fluid mb-4" /> |
|
|
{% endif %} |
|
|
|
|
|
{% if analise_final %} |
|
|
<h2>Análise Final da IA</h2> |
|
|
<div class="border p-3 bg-white rounded mb-4" style="white-space: pre-wrap;"> |
|
|
{{ analise_final | safe }} |
|
|
</div> |
|
|
{% endif %} |
|
|
</div> |
|
|
</body> |
|
|
</html> |
|
|
|
|
|
|
