{% extends 'base.html' %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="card mb-4">
            <div class="card-header bg-success text-white">Resultados de la Simulación</div>
            <div class="card-body">
                <h4 class="card-title text-center mb-4">Generación Estimada: {{ energia }} kWh/mes</h4>
                
                <div class="row text-center">
                    <div class="col-md-4">
                        <div class="alert alert-info">
                            <h6>Ahorro Mensual</h6>
                            <h3>${{ ahorro }}</h3>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="alert alert-warning">
                            <h6>Retorno Inversión</h6>
                            <h3>{{ recuperacion }} Años</h3>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="alert alert-success">
                            <h6>CO2 Evitado</h6>
                            <h3>{{ co2 }} kg</h3>
                        </div>
                    </div>
                </div>

                <hr>
                <h5>Guardar Proyecto</h5>
                <form action="/save" method="POST">
                    <input type="hidden" name="id_casa" value="{{ casa.id_casa }}">
                    <input type="hidden" name="id_panel" value="{{ panel.id_panel }}">
                    <input type="hidden" name="cantidad" value="{{ cantidad }}">
                    <input type="hidden" name="energia" value="{{ energia }}">
                    <input type="hidden" name="ahorro" value="{{ ahorro }}">
                    
                    <div class="mb-3">
                        <label for="nombre_cliente" class="form-label">Nombre del Cliente / Proyecto</label>
                        <input type="text" name="nombre_cliente" class="form-control" required value="Proyecto {{ casa.nombre }}">
                    </div>
                    <button type="submit" class="btn btn-primary">Guardar Proyecto</button>
                    <a href="/simular/{{ casa.id_casa }}" class="btn btn-secondary">Volver a Simulación</a>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}