{% extends "base.html" %}
{% block title %}{{ meter.name }} — Modifier — GMAO{% endblock %}

{% block content %}
<div class="container-fluid">
    <nav aria-label="breadcrumb" class="mb-3">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ url_for('meters.index') }}">Compteurs</a></li>
            <li class="breadcrumb-item"><a href="{{ url_for('meters.detail', meter_id=meter.id) }}">{{ meter.name }}</a></li>
            <li class="breadcrumb-item active">Modifier</li>
        </ol>
    </nav>
    
    <div class="row">
        <div class="col-lg-6">
            <div class="card">
                <div class="card-header">
                    <i class="bi bi-speedometer2 me-1"></i>Modifier le compteur
                </div>
                <div class="card-body">
                    <form method="POST">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                        
                        <div class="mb-3">
                            <label for="equipment_id" class="form-label">Équipement</label>
                            <select class="form-select" id="equipment_id" name="equipment_id">
                                {% for eq in equipments %}
                                <option value="{{ eq.id }}" {% if meter.equipment_id == eq.id %}selected{% endif %}>
                                    {{ eq.name }}
                                    {% if eq.room %}({{ eq.room.name }}){% endif %}
                                </option>
                                {% endfor %}
                            </select>
                        </div>
                        
                        <div class="mb-3">
                            <label for="name" class="form-label">Nom *</label>
                            <input type="text" class="form-control" id="name" name="name" required
                                   value="{{ meter.name }}">
                        </div>
                        
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="meter_type" class="form-label">Type</label>
                                <select class="form-select" id="meter_type" name="meter_type">
                                    <option value="hours" {% if meter.meter_type == 'hours' %}selected{% endif %}>Heures</option>
                                    <option value="cycles" {% if meter.meter_type == 'cycles' %}selected{% endif %}>Cycles</option>
                                    <option value="distance" {% if meter.meter_type == 'distance' %}selected{% endif %}>Distance</option>
                                    <option value="custom" {% if meter.meter_type == 'custom' %}selected{% endif %}>Personnalisé</option>
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label for="unit" class="form-label">Unité</label>
                                <input type="text" class="form-control" id="unit" name="unit"
                                       value="{{ meter.unit }}" placeholder="Ex: h, km, m³">
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="current_value" class="form-label">Valeur actuelle</label>
                            <div class="input-group">
                                <input type="number" step="0.01" class="form-control" id="current_value" name="current_value"
                                       value="{{ meter.current_value }}">
                                <span class="input-group-text">{{ meter.unit }}</span>
                            </div>
                        </div>
                        
                        <hr>
                        <h6 class="mb-3"><i class="bi bi-calendar-check me-1"></i>Intervalle de relevé</h6>
                        
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="reading_interval_days" class="form-label">Tous les (jours)</label>
                                <input type="number" class="form-control" id="reading_interval_days" name="reading_interval_days"
                                       value="{{ meter.reading_interval_days or '' }}" placeholder="Ex: 30">
                                <small class="text-muted">Fréquence de relevé recommandée</small>
                            </div>
                            <div class="col-md-6">
                                <label for="last_reading_date" class="form-label">Dernier relevé</label>
                                <input type="date" class="form-control" id="last_reading_date" name="last_reading_date"
                                       value="{{ meter.last_reading_date.strftime('%Y-%m-%d') if meter.last_reading_date else '' }}">
                            </div>
                        </div>
                        
                        <hr>
                        <h6 class="mb-3"><i class="bi bi-exclamation-triangle me-1"></i>Seuils d'alerte</h6>
                        
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="warning_threshold" class="form-label">Seuil alerte</label>
                                <input type="number" step="0.01" class="form-control" id="warning_threshold" name="warning_threshold"
                                       value="{{ meter.warning_threshold or '' }}">
                            </div>
                            <div class="col-md-6">
                                <label for="critical_threshold" class="form-label">Seuil critique</label>
                                <input type="number" step="0.01" class="form-control" id="critical_threshold" name="critical_threshold"
                                       value="{{ meter.critical_threshold or '' }}">
                            </div>
                        </div>
                        
                        <hr>
                        <h6 class="mb-3"><i class="bi bi-tools me-1"></i>Maintenance préventive</h6>
                        
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="maintenance_interval" class="form-label">Intervalle maintenance</label>
                                <input type="number" step="0.01" class="form-control" id="maintenance_interval" name="maintenance_interval"
                                       value="{{ meter.maintenance_interval or '' }}" placeholder="Ex: 500">
                                <small class="text-muted">Tous les X {{ meter.unit }}</small>
                            </div>
                            <div class="col-md-6">
                                <label for="last_maintenance_value" class="form-label">Valeur dernière maintenance</label>
                                <input type="number" step="0.01" class="form-control" id="last_maintenance_value" name="last_maintenance_value"
                                       value="{{ meter.last_maintenance_value or '' }}">
                            </div>
                        </div>
                        
                        <div class="d-flex gap-2">
                            <button type="submit" class="btn btn-primary">
                                <i class="bi bi-check-lg me-1"></i>Enregistrer
                            </button>
                            <a href="{{ url_for('meters.detail', meter_id=meter.id) }}" class="btn btn-outline-secondary">
                                <i class="bi bi-x-lg me-1"></i>Annuler
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        
        <div class="col-lg-6">
            <div class="card">
                <div class="card-header">
                    <i class="bi bi-info-circle me-1"></i>Informations
                </div>
                <div class="card-body">
                    <h6>Intervalle de relevé</h6>
                    <p class="text-muted small">
                        Définissez la fréquence à laquelle vous souhaitez effectuer les relevés.
                        Le système vous rappellera quand un relevé est attendu.
                    </p>
                    
                    <h6 class="mt-3">Prochain relevé</h6>
                    {% if meter.reading_interval_days and meter.last_reading_date %}
                        {% set next_date = meter.last_reading_date + timedelta(days=meter.reading_interval_days) %}
                        <p class="{% if next_date < today %}text-danger{% else %}text-success{% endif %}">
                            <strong>{{ next_date.strftime('%d/%m/%Y') }}</strong>
                            {% if next_date < today %}
                                <span class="badge bg-danger">En retard</span>
                            {% endif %}
                        </p>
                    {% else %}
                        <p class="text-muted">Non configuré</p>
                    {% endif %}
                    
                    <h6 class="mt-3">Types de compteurs</h6>
                    <ul class="small">
                        <li><strong>Heures</strong> - Compteur d'heures (motrice, groupe électrogène...)</li>
                        <li><strong>Cycles</strong> - Nombre d'ouvertures/fermetures</li>
                        <li><strong>Distance</strong> - Kilométrage (véhicule...)</li>
                        <li><strong>Personnalisé</strong> - Autre unité (m³, litres...)</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}