{% extends "base.html" %}
{% block content %}
<h2 class="text-xl font-semibold mb-4">
    {% if equipement %}Modifier{% else %}Ajouter{% endif %} un équipement
</h2>

<form method="POST" class="space-y-4 bg-white p-4 rounded shadow max-w-xl">
    {% csrf_token %}
    <div class="input-style-1">
        <div class="row">
            <div class="col-lg-6">
                <input type="text" name="dt" placeholder="DT" value="{{ equipement.dt|default:'' }}" class="w-full border p-2 rounded">
            </div>
            <div class="col-lg-6">
                <input type="text" name="site" placeholder="Site" value="{{ equipement.site|default:'' }}" class="w-full border p-2 rounded">
            </div>
        </div>
    </div>
    <div class="input-style-1">
        <div class="row">
            <div class="col-lg-6">
                <input type="text" name="lieu" placeholder="Lieu" value="{{ equipement.lieu|default:'' }}" class="w-full border p-2 rounded">
            </div>
            <div class="col-lg-6">
                <input type="text" name="description" placeholder="Description" value="{{ equipement.description|default:'' }}" class="w-full border p-2 rounded">
            </div>
        </div>
    </div>
    <div class="input-style-1">
        <div class="row">
            <div class="col-lg-6">
                <input type="text" name="marque" placeholder="Marque" value="{{ equipement.marque|default:'' }}" class="w-full border p-2 rounded">
            </div>
            <div class="col-lg-6">
                <input type="number" step="0.01" name="capacite_tonne" placeholder="Capacité (tonne)" value="{{ equipement.capacite_tonne|default:'' }}" class="w-full border p-2 rounded">
            </div>
        </div>
    </div>
    <div>
        <div class="row">
            <div class="col-lg-6 input-style-1">
                <input type="text" name="type_appareil" placeholder="Type d'appareil" value="{{ equipement.type_appareil|default:'' }}" class="w-full border p-2 rounded">
            </div>
            <div class="col-lg-6">
                <label class="flex items-center space-x-2">
                    <input type="checkbox" class="form-check-input" name="criticite" {% if equipement.criticite %}checked{% endif %}>
                    <span>Critique</span>
                </label>
            </div>
        </div>
    </div>
    <div class="input-style-1">
        <div class="row">
            <div class="col-lg-6">
                <input type="text" name="frequence_verification" placeholder="Fréquence de vérification" value="{{ equipement.frequence_verification|default:'' }}" class="w-full border p-2 rounded">
            </div>
            <div class="col-lg-6">
                <label>Date dernière vérification :</label>
                <input type="date" name="date_derniere_verification" value="{{ equipement.date_derniere_verification|default_if_none:'' }}" class="w-full border p-2 rounded">
            </div>
        </div>
    </div>
    <div class="input-style-1">
        <div class="row">
            <div class="col-lg-6">
                <label>Date prochaine vérification :</label>
                <input type="date" name="date_prochaine_verification" value="{{ equipement.date_prochaine_verification|default_if_none:'' }}" class="w-full border p-2 rounded">
            </div>
        </div>
    </div>

    <button class="btn btn-primary text-white px-4 py-2 rounded" type="submit">
        Enregistrer
    </button>
</form>
{% endblock %}