Hugging Face's logo

Spaces:
Persano
/
flowise1
Sleeping

App Files
xet
Community
Persano commited on
Commit
bb8a0f7
·
verified ·
1 Parent(s): 231e3b8

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +63 -54
templates/index.html CHANGED
@@ -2,66 +2,75 @@
2
  <html lang="pt-BR">
3
  <head>
4
  <meta charset="UTF-8" />
5
- <title>Simulador Investimentos</title>
6
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
 
7
  </head>
8
- <body class="p-4">
9
- <h1>Simulador de Investimentos</h1>
 
10
 
11
- <form method="POST" action="/">
12
- <div class="mb-3">
13
- <label>Capital Inicial (R$):</label>
14
- <input type="number" step="0.01" name="capital" class="form-control" required value="{{ capital or '' }}">
15
- </div>
16
- <div class="mb-3">
17
- <label>Retorno Mensal Studio (%):</label>
18
- <input type="number" step="0.01" name="studio_ret" class="form-control" required value="{{ studio_ret or '' }}">
19
- </div>
20
- <div class="mb-3">
21
- <label>Valorização Anual (%):</label>
22
- <input type="number" step="0.01" name="valorizacao" class="form-control" required value="{{ valorizacao or '' }}">
23
- </div>
24
- <div class="mb-3">
25
- <label>Lucro Anual Franquia (R$):</label>
26
- <input type="number" step="0.01" name="franquia_ret" class="form-control" required value="{{ franquia_ret or '' }}">
27
- </div>
28
- <div class="mb-3">
29
- <label>Retorno Anual Ações (%):</label>
30
- <input type="number" step="0.01" name="acoes_ret" class="form-control" required value="{{ acoes_ret or '' }}">
31
- </div>
32
- <div class="mb-3">
33
- <label>Retorno Anual Renda Fixa (%):</label>
34
- <input type="number" step="0.01" name="renda_fixa" class="form-control" required value="{{ renda_fixa or '' }}">
35
- </div>
36
- <div class="mb-3">
37
- <label>Inflação Anual (%):</label>
38
- <input type="number" step="0.01" name="inflacao" class="form-control" required value="{{ inflacao or '' }}">
39
- </div>
40
- <button type="submit" class="btn btn-primary">Calcular</button>
41
- </form>
 
 
 
 
 
42
 
43
- {% if tabela %}
44
- <hr>
45
- <h2>Análise dos Investimentos</h2>
46
- <p>{{ analise_final|safe }}</p>
47
 
48
- <img src="data:image/png;base64,{{ grafico }}" alt="Gráfico" class="img-fluid mb-3" />
 
 
 
 
 
49
 
50
- <h3>Tabela de Resultados</h3>
51
- {{ tabela|safe }}
 
 
52
 
53
- <form method="POST" action="/download_pdf">
54
- <!-- Enviar mesmos dados para gerar PDF -->
55
- <input type="hidden" name="capital" value="{{ capital }}">
56
- <input type="hidden" name="studio_ret" value="{{ studio_ret }}">
57
- <input type="hidden" name="valorizacao" value="{{ valorizacao }}">
58
- <input type="hidden" name="franquia_ret" value="{{ franquia_ret }}">
59
- <input type="hidden" name="acoes_ret" value="{{ acoes_ret }}">
60
- <input type="hidden" name="renda_fixa" value="{{ renda_fixa }}">
61
- <input type="hidden" name="inflacao" value="{{ inflacao }}">
62
- <button type="submit" class="btn btn-success mt-3">Baixar Relatório PDF</button>
63
- </form>
64
- {% endif %}
65
  </body>
66
  </html>
67
 
 
2
  <html lang="pt-BR">
3
  <head>
4
  <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>Simulador de Investimentos</title>
7
+ <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" />
8
  </head>
9
+ <body class="bg-light">
10
+ <div class="container py-4">
11
+ <h1 class="mb-4">Simulador de Investimentos - 5 anos</h1>
12
 
13
+ <form method="POST" class="row g-3 mb-5">
14
+ <div class="col-md-4">
15
+ <label for="capital" class="form-label">Capital Inicial (R$)</label>
16
+ <input type="number" step="0.01" min="0" class="form-control" id="capital" name="capital" required
17
+ value="{{ capital if capital else '' }}" />
18
+ </div>
19
+ <div class="col-md-4">
20
+ <label for="studio_ret" class="form-label">Retorno mensal Studio (%)</label>
21
+ <input type="number" step="0.01" class="form-control" id="studio_ret" name="studio_ret" required
22
+ value="{{ request.form.studio_ret if request.form.studio_ret else '' }}" />
23
+ </div>
24
+ <div class="col-md-4">
25
+ <label for="valorizacao" class="form-label">Valorização anual Studio (%)</label>
26
+ <input type="number" step="0.01" class="form-control" id="valorizacao" name="valorizacao" required
27
+ value="{{ request.form.valorizacao if request.form.valorizacao else '' }}" />
28
+ </div>
29
+ <div class="col-md-4">
30
+ <label for="franquia_ret" class="form-label">Retorno anual Franquia (R$)</label>
31
+ <input type="number" step="0.01" class="form-control" id="franquia_ret" name="franquia_ret" required
32
+ value="{{ request.form.franquia_ret if request.form.franquia_ret else '' }}" />
33
+ </div>
34
+ <div class="col-md-4">
35
+ <label for="acoes_ret" class="form-label">Retorno anual Ações (%)</label>
36
+ <input type="number" step="0.01" class="form-control" id="acoes_ret" name="acoes_ret" required
37
+ value="{{ request.form.acoes_ret if request.form.acoes_ret else '' }}" />
38
+ </div>
39
+ <div class="col-md-4">
40
+ <label for="renda_fixa" class="form-label">Retorno anual Renda Fixa (%)</label>
41
+ <input type="number" step="0.01" class="form-control" id="renda_fixa" name="renda_fixa" required
42
+ value="{{ request.form.renda_fixa if request.form.renda_fixa else '' }}" />
43
+ </div>
44
+ <div class="col-md-4">
45
+ <label for="inflacao" class="form-label">Inflação anual (%)</label>
46
+ <input type="number" step="0.01" class="form-control" id="inflacao" name="inflacao" required
47
+ value="{{ request.form.inflacao if request.form.inflacao else '' }}" />
48
+ </div>
49
 
50
+ <div class="col-12">
51
+ <button type="submit" class="btn btn-primary">Calcular</button>
52
+ </div>
53
+ </form>
54
 
55
+ {% if tabela %}
56
+ <h2>Tabela de Projeção</h2>
57
+ <div class="table-responsive mb-4">
58
+ {{ tabela | safe }}
59
+ </div>
60
+ {% endif %}
61
 
62
+ {% if grafico %}
63
+ <h2>Gráfico de Projeção</h2>
64
+ <img src="data:image/png;base64,{{ grafico }}" alt="Gráfico de Investimentos" class="img-fluid mb-4" />
65
+ {% endif %}
66
 
67
+ {% if analise_final %}
68
+ <h2>Análise Final da IA</h2>
69
+ <div class="border p-3 bg-white rounded mb-4" style="white-space: pre-wrap;">
70
+ {{ analise_final | safe }}
71
+ </div>
72
+ {% endif %}
73
+ </div>
 
 
 
 
 
74
  </body>
75
  </html>
76