{% extends "layout.html" %}

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

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1>
        <i class="fas fa-layer-group mr-2"></i>{% if is_new %}New Zone{% else %}Edit {{ zone.name }}{% endif %}
    </h1>
    <div class="btn-group">
        {% if is_new %}
            <a href="{{ url_for('zones.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left mr-2"></i>Back to Zones
            </a>
        {% else %}
            <a href="{{ url_for('zones.show', id=zone.zoneid) }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left mr-2"></i>Back to Zone
            </a>
        {% endif %}
    </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 zone 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="locationid">Location</label>
                    {{ form.locationid(class="form-control") }}
                    {% if form.locationid.errors %}
                        <div class="text-danger">
                            {% for error in form.locationid.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.locationid.description }}</small>
                </div>
            </div>
            
            <div class="form-row">
                <div class="form-group col-md-6">
                    <label for="placetypeid">Place Type</label>
                    {{ form.placetypeid(class="form-control") }}
                    {% if form.placetypeid.errors %}
                        <div class="text-danger">
                            {% for error in form.placetypeid.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.placetypeid.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 zone") }}
                    {% 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="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-4">
                    <label for="nominal_valume">Nominal Volume (M³)</label>
                    {{ form.nominal_valume(class="form-control", placeholder="Volume in cubic meters") }}
                    {% if form.nominal_valume.errors %}
                        <div class="text-danger">
                            {% for error in form.nominal_valume.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.nominal_valume.description }}</small>
                </div>
                
                <div class="form-group col-md-4">
                    <div class="custom-control custom-switch mt-4">
                        {{ form.sensor_average(class="custom-control-input", id="sensor_average") }}
                        <label class="custom-control-label" for="sensor_average">Sensor Average Value</label>
                    </div>
                    {% if form.sensor_average.errors %}
                        <div class="text-danger">
                            {% for error in form.sensor_average.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.sensor_average.description }}</small>
                </div>

                <div class="form-group col-md-4">
                    <div class="custom-control custom-switch mt-4">
                        {{ form.active(class="custom-control-input", id="active") }}
                        <label class="custom-control-label" for="active">Active</label>
                    </div>
                    {% if form.active.errors %}
                        <div class="text-danger">
                            {% for error in form.active.errors %}
                                {{ error }}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <small class="form-text text-muted">{{ form.active.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 Zone{% else %}Update Zone{% endif %}
                </button>
                {% if is_new %}
                    <a href="{{ url_for('zones.index') }}" class="btn btn-secondary">
                        Cancel
                    </a>
                {% else %}
                    <a href="{{ url_for('zones.show', id=zone.zoneid) }}" class="btn btn-secondary">
                        Cancel
                    </a>
                {% endif %}
            </div>
        </form>
    </div>
</div>
{% endblock %}