{% extends "base.html" %}
{% block title %}{% if intervention %}Modifier{% else %}Nouvelle{% endif %} intervention — GarageManager{% endblock %}
{% block content %}

<a href="/interventions" class="back-link"><i class="fas fa-arrow-left"></i> Retour aux interventions</a>

<div class="page-header">
    <h1 class="page-title">
        <i class="fas fa-{% if intervention %}edit{% else %}plus-circle{% endif %} text-electric" style="margin-right:0.5rem"></i>
        {% if intervention %}Modifier l'intervention{% else %}Nouvelle intervention{% endif %}
    </h1>
</div>

<div class="card" style="max-width:680px">
    <form method="post" style="display:flex;flex-direction:column;gap:1.25rem">

        <div>
            <label>Véhicule *</label>
            <select name="vehicule_id" required>
                <option value="">— Sélectionner un véhicule —</option>
                {% for v in vehicules %}
                <option value="{{ v.id }}" {% if (intervention and intervention.vehicule_id == v.id) or preselect_vehicule == v.id %}selected{% endif %}>{{ v.label }}</option>
                {% endfor %}
            </select>
        </div>

        <div>
            <label>Description *</label>
            <textarea name="description" rows="2" required placeholder="Ex: Vidange + filtre à huile, Changement courroie de distribution…">{{ intervention.description if intervention else '' }}</textarea>
        </div>

        <div class="grid grid-2">
            <div>
                <label>Date de l'intervention</label>
                <input name="date_intervention" type="date" value="{{ intervention.date_intervention if intervention and intervention.date_intervention else '' }}">
            </div>
            <div>
                <label>Kilométrage (km)</label>
                <input name="kilometrage_intervention" type="number" value="{{ intervention.kilometrage_intervention if intervention and intervention.kilometrage_intervention else '' }}" placeholder="85000" class="mono">
            </div>
        </div>

        <div class="grid grid-2">
            <div>
                <label>Main d'œuvre (€)</label>
                <input name="cout_main_oeuvre" type="number" step="0.01" min="0" value="{{ intervention.cout_main_oeuvre if intervention else '0' }}" class="mono">
            </div>
            <div>
                <label>Technicien / Garage</label>
                <input name="technicien" value="{{ intervention.technicien if intervention else '' }}" placeholder="Nom du garage, soi-même…">
            </div>
        </div>

        <div>
            <label>Notes</label>
            <textarea name="notes" rows="3" placeholder="Observations, prochaine révision, problèmes restants…">{{ intervention.notes if intervention else '' }}</textarea>
        </div>

        <div style="display:flex;gap:0.75rem;padding-top:0.5rem;border-top:1px solid var(--border)">
            <button type="submit" class="btn-primary">
                <i class="fas fa-save"></i> Enregistrer
            </button>
            <a href="/interventions" class="btn-secondary">Annuler</a>
        </div>
    </form>
</div>

{% endblock %}