{% extends "layout.html" %}

{% block title %}OptiWarm - {% if is_new %}New Location{% else %}Edit {{ location.name }}{% endif %}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1>
        <i class="fas fa-map-marker-alt mr-2"></i>{% if is_new %}New Location{% else %}Edit {{ location.name }}{% endif %}
    </h1>
    <div class="btn-group">
        <a href="{{ url_for('locations.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left mr-2"></i>Back to Locations
        </a>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <form method="post">
            {{ form.csrf_token }}
            
            <div class="form-row">
                <div class="form-group col-md-6">
                    <label for="name">Name</label>
                    {{ form.name(class="form-control", placeholder="Enter location name") }}
                    {% if form.name.errors %}
                        <div class="text-danger">
                            {% for error in form.name.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.name.description }}</small>
                </div>
                
                <div class="form-group col-md-6">
                    <label for="phone">Phone</label>
                    {{ form.phone(class="form-control", placeholder="Contact phone number") }}
                    {% if form.phone.errors %}
                        <div class="text-danger">
                            {% for error in form.phone.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.phone.description }}</small>
                </div>
            </div>
            
            <div class="form-row">
                <div class="form-group col-md-12">
                    <label for="description">Description</label>
                    {{ form.description(class="form-control", rows=3, placeholder="Description of the location") }}
                    {% if form.description.errors %}
                        <div class="text-danger">
                            {% for error in form.description.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.description.description }}</small>
                </div>
            </div>
            
            <div class="form-row">
                <div class="form-group col-md-6">
                    <label for="cmdb_id">CMDB ID</label>
                    {{ form.cmdb_id(class="form-control", placeholder="ID in external CMDB") }}
                    {% if form.cmdb_id.errors %}
                        <div class="text-danger">
                            {% for error in form.cmdb_id.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.cmdb_id.description }}</small>
                </div>
                
                <div class="form-group col-md-6">
                    <label for="billing_period">Billing Period</label>
                    {{ form.billing_period(class="form-control") }}
                    {% if form.billing_period.errors %}
                        <div class="text-danger">
                            {% for error in form.billing_period.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.billing_period.description }}</small>
                </div>
            </div>
            
            <hr>
            <h5>Technical Configuration</h5>
            
            <div class="form-row">
                <div class="form-group col-md-6">
                    <label for="mqtt_pub_cost">MQTT Cost Topic</label>
                    {{ form.mqtt_pub_cost(class="form-control", placeholder="MQTT topic for publishing cost information") }}
                    {% if form.mqtt_pub_cost.errors %}
                        <div class="text-danger">
                            {% for error in form.mqtt_pub_cost.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.mqtt_pub_cost.description }}</small>
                </div>
                
                <div class="form-group col-md-6">
                    <label for="notification">Notification Settings</label>
                    {{ form.notification(class="form-control", placeholder="Notification configuration for alerts") }}
                    {% if form.notification.errors %}
                        <div class="text-danger">
                            {% for error in form.notification.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.notification.description }}</small>
                </div>
            </div>
            
            <div class="form-row">
                <div class="form-group col-md-6">
                    <label for="weather_update_url">Weather Update URL</label>
                    {{ form.weather_update_url(class="form-control", placeholder="URL for weather updates") }}
                    {% if form.weather_update_url.errors %}
                        <div class="text-danger">
                            {% for error in form.weather_update_url.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.weather_update_url.description }}</small>
                </div>
                
                <div class="form-group col-md-6">
                    <label for="weather_update_period">Weather Update Period (hours)</label>
                    {{ form.weather_update_period(class="form-control", placeholder="Period in hours") }}
                    {% if form.weather_update_period.errors %}
                        <div class="text-danger">
                            {% for error in form.weather_update_period.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.weather_update_period.description }}</small>
                </div>
            </div>
            
            <div class="form-group">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save mr-2"></i>{% if is_new %}Create Location{% else %}Update Location{% endif %}
                </button>
                <a href="{{ url_for('locations.index') }}" class="btn btn-secondary">
                    Cancel
                </a>
            </div>
        </form>
    </div>
</div>
{% endblock %}