{% extends "layout.html" %}

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

{% block content %}
<div class="jumbotron">
    <h1 class="display-4">About OptiWarm</h1>
    <p class="lead">Optimization of space heating cost</p>
</div>

<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">Our Mission</h4>
                <p class="card-text">
                    OptiWarm aims to optimize heating systems to reduce energy consumption and costs while maintaining
                    comfortable living and working environments. By intelligently managing heating zones and learning from
                    insulation data, we help our users achieve significant energy savings without sacrificing comfort.
                </p>
                
                <h4 class="mt-4">How It Works</h4>
                <p>
                    OptiWarm uses a sophisticated algorithm that takes into account multiple factors:
                </p>
                <ul>
                    <li>Building insulation characteristics</li>
                    <li>External weather conditions</li>
                    <li>Room usage patterns</li>
                    <li>Energy prices and tariffs</li>
                    <li>Optimal heating schedules</li>
                </ul>
                
                <p>
                    By analyzing these factors, OptiWarm creates an optimized heating plan that minimizes energy
                    consumption while maintaining desired temperatures in each zone according to its usage type and schedule.
                </p>
                
                <h4 class="mt-4">Key Features</h4>
                <ul>
                    <li>Multi-location management</li>
                    <li>Zone-based temperature control</li>
                    <li>Place type templates for different room uses</li>
                    <li>Insulation data analysis</li>
                    <li>Cost optimization algorithms</li>
                    <li>MQTT integration for IoT devices</li>
                    <li>Real-time monitoring and alerts</li>
                </ul>
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card mb-4">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0">Technical Information</h5>
            </div>
            <div class="card-body">
                <ul class="list-unstyled">
                    <li><strong>Version:</strong> 1.0.0</li>
                    <li><strong>Backend:</strong> Python Flask</li>
                    <li><strong>Database:</strong> MySQL</li>
                    <li><strong>Frontend:</strong> Bootstrap 4</li>
                    <li><strong>IoT Protocol:</strong> MQTT</li>
                </ul>
                <a href="{{ url_for('settings.index') }}" class="btn btn-sm btn-outline-primary mt-2">
                    <i class="fas fa-cogs mr-1"></i> System Configuration
                </a>
                <a href="{{ url_for('main.boiler_status_demo') }}" class="btn btn-sm btn-outline-success mt-2 ml-2">
                    <i class="fas fa-fire mr-1"></i> Boiler Status Demo
                </a>
            </div>
        </div>
        
        <div class="card">
            <div class="card-header bg-success text-white">
                <h5 class="mb-0">Contact Information</h5>
            </div>
            <div class="card-body">
                <p>For more information or support:</p>
                <ul class="list-unstyled">
                    <li><i class="fas fa-envelope mr-2"></i> support@nolan.lv</li>
                    <li><i class="fas fa-phone mr-2"></i> (+371) 29 533 298</li>
                    <li><i class="fas fa-globe mr-2"></i> optiwarm.nolan.lv</li>
                </ul>
            </div>
        </div>
    </div>
</div>
{% endblock %}