|
|
<!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 text-center">Simulador de Investimentos</h1> |
|
|
<form method="post" action="/"> |
|
|
<div class="row g-3 mb-3"> |
|
|
<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" min="0" max="100" class="form-control" id="studio_ret" name="studio_ret" required |
|
|
value="{{ request.form.get('studio_ret', '') }}"> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<label for="valorizacao" class="form-label">Valorização Anual Studio (%)</label> |
|
|
<input type="number" step="0.01" min="0" max="100" class="form-control" id="valorizacao" name="valorizacao" required |
|
|
value="{{ request.form.get('valorizacao', '') }}"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="row g-3 mb-3"> |
|
|
<div class="col-md-4"> |
|
|
<label for="franquia_ret" class="form-label">Retorno Anual Franquia (R$)</label> |
|
|
<input type="number" step="0.01" min="0" class="form-control" id="franquia_ret" name="franquia_ret" required |
|
|
value="{{ request.form.get('franquia_ret', '') }}"> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<label for="acoes_ret" class="form-label">Retorno Anual Ações (%)</label> |
|
|
<input type="number" step="0.01" min="0" max="100" class="form-control" id="acoes_ret" name="acoes_ret" required |
|
|
value="{{ request.form.get('acoes_ret', '') }}"> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<label for="renda_fixa" class="form-label">Retorno Anual Renda Fixa (%)</label> |
|
|
<input type="number" step="0.01" min="0" max="100" class="form-control" id="renda_fixa" name="renda_fixa" required |
|
|
value="{{ request.form.get('renda_fixa', '') }}"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mb-4"> |
|
|
<label for="inflacao" class="form-label">Inflação Anual (%)</label> |
|
|
<input type="number" step="0.01" min="0" max="100" class="form-control" id="inflacao" name="inflacao" required |
|
|
value="{{ request.form.get('inflacao', '') }}"> |
|
|
</div> |
|
|
|
|
|
<div class="d-flex gap-2 mb-5"> |
|
|
<button type="submit" class="btn btn-primary">Calcular</button> |
|
|
<button type="submit" formaction="/relatorio" formmethod="post" class="btn btn-outline-secondary">Gerar PDF</button> |
|
|
</div> |
|
|
</form> |
|
|
|
|
|
{% if tabela %} |
|
|
<h2 class="mb-3">Tabela de Projeções</h2> |
|
|
<div class="table-responsive">{{ tabela|safe }}</div> |
|
|
{% endif %} |
|
|
|
|
|
{% if grafico %} |
|
|
<h2 class="mb-3 mt-5">Gráfico de Projeções</h2> |
|
|
<div class="text-center mb-5"> |
|
|
<img src="data:image/png;base64,{{ grafico }}" alt="Gráfico de investimentos" class="img-fluid" style="max-height:400px;" /> |
|
|
</div> |
|
|
{% endif %} |
|
|
|
|
|
{% if analise_final %} |
|
|
<h2 class="mb-3">Análise Final</h2> |
|
|
<div class="border rounded p-3 bg-white"> |
|
|
{{ analise_final|safe }} |
|
|
</div> |
|
|
{% endif %} |
|
|
</div> |
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> |
|
|
</body> |
|
|
</html> |
|
|
|
|
|
|
