{% extends "layout.html" %}

{% block title %}OptiWarm - {{ title }}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1>
        <i class="fas fa-cogs mr-2"></i>{{ title }}
    </h1>
    <div class="btn-group">
        <a href="{{ url_for('settings.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left mr-2"></i>Back to Settings
        </a>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <form method="post">
            {{ form.csrf_token }}
            
            <h5 class="card-title">MQTT Configuration</h5>
            <div class="form-row">
                <div class="form-group col-md-6">
                    <label for="mqtt_addr">MQTT Broker Address</label>
                    {{ form.mqtt_addr(class="form-control", placeholder="Enter MQTT broker address") }}
                    {% if form.mqtt_addr.errors %}
                        <div class="text-danger">
                            {% for error in form.mqtt_addr.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.mqtt_addr.description }}</small>
                </div>
                
                <div class="form-group col-md-6">
                    <label for="mqtt_topic">MQTT Base Topic</label>
                    {{ form.mqtt_topic(class="form-control", placeholder="Enter MQTT base topic") }}
                    {% if form.mqtt_topic.errors %}
                        <div class="text-danger">
                            {% for error in form.mqtt_topic.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.mqtt_topic.description }}</small>
                </div>
            </div>
            
            <div class="form-row">
                <div class="form-group col-md-6">
                    <label for="mqtt_user">MQTT Username</label>
                    {{ form.mqtt_user(class="form-control", placeholder="Enter MQTT username (optional)") }}
                    {% if form.mqtt_user.errors %}
                        <div class="text-danger">
                            {% for error in form.mqtt_user.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.mqtt_user.description }}</small>
                </div>
                
                <div class="form-group col-md-6">
                    <label for="mqtt_password">MQTT Password</label>
                    {{ form.mqtt_password(class="form-control", placeholder="Enter MQTT password (optional)") }}
                    {% if form.mqtt_password.errors %}
                        <div class="text-danger">
                            {% for error in form.mqtt_password.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.mqtt_password.description }}</small>
                </div>
            </div>
            
            <hr>
            <h5 class="card-title">Email Configuration</h5>
            
            <div class="form-row">
                <div class="form-group col-md-6">
                    <label for="email_from">Email From</label>
                    {{ form.email_from(class="form-control", placeholder="Enter sender email address") }}
                    {% if form.email_from.errors %}
                        <div class="text-danger">
                            {% for error in form.email_from.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.email_from.description }}</small>
                </div>
                
                <div class="form-group col-md-6">
                    <label for="email_to">Email To</label>
                    {{ form.email_to(class="form-control", placeholder="Enter recipient email address") }}
                    {% if form.email_to.errors %}
                        <div class="text-danger">
                            {% for error in form.email_to.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.email_to.description }}</small>
                </div>
            </div>
            
            <div class="form-row">
                <div class="form-group col-md-6">
                    <label for="email_srv">Email Server</label>
                    {{ form.email_srv(class="form-control", placeholder="Enter SMTP server") }}
                    {% if form.email_srv.errors %}
                        <div class="text-danger">
                            {% for error in form.email_srv.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.email_srv.description }}</small>
                </div>
                
                <div class="form-group col-md-6">
                    <label for="email_subject">Email Subject</label>
                    {{ form.email_subject(class="form-control", placeholder="Enter default email subject") }}
                    {% if form.email_subject.errors %}
                        <div class="text-danger">
                            {% for error in form.email_subject.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.email_subject.description }}</small>
                </div>
            </div>
            
            <div class="form-row">
                <div class="form-group col-md-6">
                    <label for="email_user">Email Username</label>
                    {{ form.email_user(class="form-control", placeholder="Enter email server username") }}
                    {% if form.email_user.errors %}
                        <div class="text-danger">
                            {% for error in form.email_user.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.email_user.description }}</small>
                </div>
                
                <div class="form-group col-md-6">
                    <label for="email_password">Email Password</label>
                    {{ form.email_password(class="form-control", placeholder="Enter email server password") }}
                    {% if form.email_password.errors %}
                        <div class="text-danger">
                            {% for error in form.email_password.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.email_password.description }}</small>
                </div>
            </div>
            
            <hr>
            <h5 class="card-title">Data Retention Settings</h5>
            
            <div class="form-row">
                <div class="form-group col-md-4">
                    <label for="keep_fuelcost_day">Fuel Cost History (days)</label>
                    {{ form.keep_fuelcost_day(class="form-control") }}
                    {% if form.keep_fuelcost_day.errors %}
                        <div class="text-danger">
                            {% for error in form.keep_fuelcost_day.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.keep_fuelcost_day.description }}</small>
                </div>
                
                <div class="form-group col-md-4">
                    <label for="keep_boilerhistory_day">Boiler History (days)</label>
                    {{ form.keep_boilerhistory_day(class="form-control") }}
                    {% if form.keep_boilerhistory_day.errors %}
                        <div class="text-danger">
                            {% for error in form.keep_boilerhistory_day.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.keep_boilerhistory_day.description }}</small>
                </div>
                
                <div class="form-group col-md-4">
                    <label for="keep_boilerplan_day">Boiler Plan History (days)</label>
                    {{ form.keep_boilerplan_day(class="form-control") }}
                    {% if form.keep_boilerplan_day.errors %}
                        <div class="text-danger">
                            {% for error in form.keep_boilerplan_day.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.keep_boilerplan_day.description }}</small>
                </div>
            </div>
            
            <div class="form-row">
                <div class="form-group col-md-6">
                    <label for="keep_sensor_history_day">Sensor History (days)</label>
                    {{ form.keep_sensor_history_day(class="form-control") }}
                    {% if form.keep_sensor_history_day.errors %}
                        <div class="text-danger">
                            {% for error in form.keep_sensor_history_day.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.keep_sensor_history_day.description }}</small>
                </div>
                
                <div class="form-group col-md-6">
                    <label for="keep_warm_event_day">Warming Event History (days)</label>
                    {{ form.keep_warm_event_day(class="form-control") }}
                    {% if form.keep_warm_event_day.errors %}
                        <div class="text-danger">
                            {% for error in form.keep_warm_event_day.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.keep_warm_event_day.description }}</small>
                </div>
            </div>
            
            <div class="form-group">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save mr-2"></i>Save Configuration
                </button>
                <a href="{{ url_for('settings.index') }}" class="btn btn-secondary">
                    Cancel
                </a>
            </div>
        </form>
    </div>
</div>
{% endblock %}