{% for conge in conges %}
    <div class="modal fade" id="modifierCongeModal{{ conge.id }}" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <form method="post">
                    {% csrf_token %}
                    <input type="hidden" name="conge_id" value="{{ conge.id }}">
                    <div class="modal-header bg-orange-dark"> 
                        <h5 class="modal-title">Modifier la demande de congé</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                    <div class="mb-2">
                        <label>Type de congé</label>
                        <select name="type" class="form-select">
                            <option value="Conge Annuel" {% if conge.type == "Conge Annuel" %}selected{% endif %}>Conge Annuel</option>
                            <option value="Maladie" {% if conge.type == "Maladie" %}selected{% endif %}>Maladie</option>
                            <option value="Conge maternité" {% if conge.type == "Conge maternité" %}selected{% endif %}>Conge Maternité</option>
                            <option value="Conge de Mariage" {% if conge.type == "Conge de Mariage" %}selected{% endif %}>Conge Mariage</option>
                            <option value="conge de naissance" {% if conge.type == "conge de naissance" %}selected{% endif %}>Conge de Naissance</option>
                            <option value="conge de deces dun proche" {% if conge.type == "conge de deces dun proche" %}selected{% endif %}>Conge de décès d'un proche</option>
                            <option value="conge de mariage dun proche" {% if conge.type == "conge de mariage dun proche" %}selected{% endif %}>Conge de mariage d'un proche</option>
                            <option value="conge pour evenements familiaux" {% if conge.type == "conge pour evenements familiaux" %}selected{% endif %}>Conge pour événements familiaux</option>
                            <option value="Autre" {% if conge.type == "Autre" %}selected{% endif %}>Autre</option>
                        </select>
                        </div>
                        <div class="mb-2">
                            <label>Nombre de jours</label>
                            <input type="number" name="nombre_jours" class="form-control" value="{{ conge.nombre_jours }}">
                        </div>
                        <div class="mb-2">
                            <label>Date début</label>
                            <input type="date" name="date_debut" class="form-control" value="{{ conge.date_debut|date:'Y-m-d' }}">
                        </div>
                        <div class="mb-2">
                            <label>Date fin</label>
                            <input type="date" name="date_fin" class="form-control" value="{{ conge.date_fin|date:'Y-m-d' }}">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                        <button type="submit" class="btn bg-orange-dark">Enregistrer</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
{% endfor %}