File size: 3,719 Bytes
67c8122 836ecac 94e6b77 915c542 a4905c7 0147f30 f0c5ec8 0df9a4e 915c542 f0c5ec8 836ecac 915c542 f0c5ec8 0df9a4e 836ecac f0c5ec8 a4905c7 f0c5ec8 0df9a4e a4905c7 f0c5ec8 a4905c7 f0c5ec8 a4905c7 f0c5ec8 a4905c7 0df9a4e a4905c7 f0c5ec8 94e6b77 f0c5ec8 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 |
<!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>
|