|
<!DOCTYPE html> |
|
<html lang="pt-br"> |
|
<head> |
|
<meta charset="UTF-8" /> |
|
<title>Simulador de Investimentos</title> |
|
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" /> |
|
<style> |
|
body { |
|
margin: 20px; |
|
background: #f9f9f9; |
|
} |
|
.container { |
|
max-width: 900px; |
|
background: white; |
|
padding: 20px 30px; |
|
border-radius: 8px; |
|
box-shadow: 0 0 15px #ddd; |
|
} |
|
h1 { |
|
margin-bottom: 25px; |
|
color: #2E7D32; |
|
} |
|
.btn-pdf { |
|
background-color: #2E7D32; |
|
color: white; |
|
} |
|
.btn-pdf:hover { |
|
background-color: #1B4D24; |
|
color: white; |
|
} |
|
footer { |
|
margin-top: 40px; |
|
font-size: 0.9em; |
|
color: #666; |
|
text-align: center; |
|
} |
|
</style> |
|
</head> |
|
<body> |
|
<div class="container"> |
|
<h1>Simulador de Investimentos Imobiliários</h1> |
|
<form method="POST" action="/"> |
|
<div class="row g-3"> |
|
<div class="col-md-6"> |
|
<label for="capital" class="form-label">Capital Inicial (R$):</label> |
|
<input type="number" class="form-control" id="capital" name="capital" required step="0.01" min="1" value="{{ capital or 100000 }}" /> |
|
</div> |
|
<div class="col-md-6"> |
|
<label for="studio_ret" class="form-label">Retorno Mensal Studio (%):</label> |
|
<input type="number" class="form-control" id="studio_ret" name="studio_ret" required step="0.01" value="{{ studio_ret or 1.0 }}" /> |
|
</div> |
|
<div class="col-md-6"> |
|
<label for="valorizacao" class="form-label">Valorização Anual Studio (%):</label> |
|
<input type="number" class="form-control" id="valorizacao" name="valorizacao" required step="0.01" value="{{ valorizacao or 5.0 }}" /> |
|
</div> |
|
<div class="col-md-6"> |
|
<label for="franquia_ret" class="form-label">Retorno Anual Franquia (R$):</label> |
|
<input type="number" class="form-control" id="franquia_ret" name="franquia_ret" required step="0.01" value="{{ franquia_ret or 5000 }}" /> |
|
</div> |
|
<div class="col-md-6"> |
|
<label for="acoes_ret" class="form-label">Retorno Anual Ações (%):</label> |
|
<input type="number" class="form-control" id="acoes_ret" name="acoes_ret" required step="0.01" value="{{ acoes_ret or 8.0 }}" /> |
|
</div> |
|
<div class="col-md-6"> |
|
<label for="renda_fixa" class="form-label">Retorno Anual Renda Fixa (%):</label> |
|
<input type="number" class="form-control" id="renda_fixa" name="renda_fixa" required step="0.01" value="{{ renda_fixa or 6.0 }}" /> |
|
</div> |
|
<div class="col-md-6"> |
|
<label for="inflacao" class="form-label">Inflação Anual Estimada (%):</label> |
|
<input type="number" class="form-control" id="inflacao" name="inflacao" required step="0.01" value="{{ inflacao or 4.0 }}" /> |
|
</div> |
|
</div> |
|
<div class="mt-4 d-flex gap-3"> |
|
<button type="submit" class="btn btn-success">Calcular</button> |
|
|
|
{% if capital %} |
|
<form method="POST" action="/download_pdf" style="display:inline;"> |
|
<input type="hidden" name="capital" value="{{ capital }}"> |
|
<input type="hidden" name="studio_ret" value="{{ studio_ret }}"> |
|
<input type="hidden" name="valorizacao" value="{{ valorizacao }}"> |
|
<input type="hidden" name="franquia_ret" value="{{ franquia_ret }}"> |
|
<input type="hidden" name="acoes_ret" value="{{ acoes_ret }}"> |
|
<input type="hidden" name="renda_fixa" value="{{ renda_fixa }}"> |
|
<input type="hidden" name="inflacao" value="{{ inflacao }}"> |
|
<button type="submit" class="btn btn-pdf">Gerar PDF</button> |
|
</form> |
|
{% endif %} |
|
</div> |
|
</form> |
|
|
|
{% if tabela %} |
|
<hr class="my-4" /> |
|
<h3>Evolução dos Investimentos - 5 anos</h3> |
|
<div class="table-responsive"> |
|
{{ tabela | safe }} |
|
</div> |
|
<div class="mt-4"> |
|
<h4>Análise Final:</h4> |
|
<p>{{ analise_final | safe }}</p> |
|
<p><strong>Investimento com maior retorno:</strong> {{ investimento_mais_valorizado }} ({{ valor_mais_alto | round(2) | string | replace(".", ",") }})</p> |
|
</div> |
|
{% endif %} |
|
</div> |
|
<footer> |
|
Desenvolvido por Rafael Persano - Simulador Financeiro |
|
</footer> |
|
</body> |
|
</html> |
|
|
|
|