{% extends "admin/base_site.html" %}
{% load i18n static %}

{% block extrahead %}
{{ block.super }}
<style>
    .form-row {
        margin-bottom: 20px;
    }
    .form-row label {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
    }
    .form-row input[type="date"] {
        padding: 8px;
        width: 300px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    .submit-row {
        margin-top: 30px;
        padding: 10px 0;
    }
    .btn-primary {
        background-color: #417690;
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-size: 14px;
    }
    .btn-primary:hover {
        background-color: #2e5266;
    }
    .help-text {
        color: #666;
        font-size: 12px;
        margin-top: 5px;
    }
</style>
{% endblock %}

{% block content %}
<div id="content-main">
    <form method="post" action="">
        {% csrf_token %}
        
        <fieldset class="module aligned">
            <h2>Exporter les interventions en XLSX</h2>
            
            <div class="form-row">
                <div>
                    <label for="id_start_date">Date de début :</label>
                    <input type="date" name="start_date" id="id_start_date" value="{{ default_start_date }}">
                    <p class="help-text">Date de début de la période d'export (format: YYYY-MM-DD)</p>
                </div>
            </div>
            
            <div class="form-row">
                <div>
                    <label for="id_end_date">Date de fin :</label>
                    <input type="date" name="end_date" id="id_end_date" value="{{ default_end_date }}">
                    <p class="help-text">Date de fin de la période d'export (format: YYYY-MM-DD)</p>
                </div>
            </div>
            
            {% if error %}
            <div class="form-row">
                <p style="color: red; font-weight: bold;">Erreur :</p>
                <pre style="color: red; background: #fff3f3; border: 1px solid #f5c6cb; padding: 10px; white-space: pre-wrap; word-break: break-all; font-size: 12px;">{{ error }}</pre>
            </div>
            {% endif %}
        </fieldset>
        
        <div class="submit-row">
            <button type="submit" class="btn-primary">📥 Télécharger l'export XLSX</button>
            <a href="{% url 'admin:interventions_intervention_changelist' %}" style="margin-left: 10px;">Annuler</a>
        </div>
        
        <p class="help-text" style="margin-top: 20px;">
            <strong>Note :</strong> L'export inclut uniquement les interventions de maintenance corrective avec un créateur défini.
            Si aucune date n'est spécifiée, le mois précédent sera exporté par défaut.
        </p>
    </form>
</div>
{% endblock %}