{% extends 'base.html.twig' %}

{% block title %}Importation Excel{% endblock %}


{% block body %}
<div class="mt-4 text-center"><h1>Importer une affaire</h1></div>
    <!-- Card -->
    <div class="card">
        <div class="card-body">
            <div class="my-5">
                <h2>Importer le fichier Excel</h2>
                
                <div id="import-feedback"></div>
                

                <form action="{{ path('import_excel') }}"
                    class="dropzone"
                    id="excel-upload-dropzone"
                    enctype="multipart/form-data"
                    method="post">
                    <div class="form-group mb-3">
                        <label for="dispo-date">Date de mise à disposition :</label>
                        <input type="text" id="dispo-date" name="dispoDate" class="form-control" placeholder="Choisissez une date">
                    </div>
                    <div class="form-group mb-3">
                        <label for="affaire-select">Ajouter à une affaire existante :</label>
                        <select id="affaire-select" name="affaireId" class="form-control">
                            <option value="">-- Créer une nouvelle affaire --</option>
                            {% for affaire in affaires %}
                                <option value="{{ affaire.id }}">{{ affaire.client }} - {{ affaire.nomChantier }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <button type="button" id="submit-import" class="btn btn-primary mt-3">
                        Importer le fichier Excel
                    </button>
                    <!-- Champ caché pour le token CSRF -->
                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('excel_import') }}">
                </form>
                
            </div>
        </div>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/dropzone@5.9.3/dist/min/dropzone.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/dropzone@5.9.3/dist/min/dropzone.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/dist/l10n/fr.js"></script>


<script type="text/javascript">
        flatpickr("#dispo-date", {
            dateFormat: "d-m-Y",
            locale: "fr" // ← ici
        });

    Dropzone.options.excelUploadDropzone = {
        paramName: "excelFile",
        maxFiles: 1,
        autoProcessQueue: false, // 🔴 Empêche l'envoi automatique
        acceptedFiles: ".xls,.xlsx,.xlsm",
        dictDefaultMessage: "Déposez ici votre fichier Excel ou cliquez pour sélectionner",

        init: function () {
            const dropzone = this;

            document.getElementById('submit-import').addEventListener('click', function () {
                const dispoDate = document.getElementById('dispo-date').value;
                const today = new Date().setHours(0, 0, 0, 0);
                const selected = new Date(dispoDate).setHours(0, 0, 0, 0);

                if (!dispoDate) {
                    alert("Veuillez sélectionner une date de mise à disposition.");
                    return;
                }
                if (selected <= today) {
                    alert("La date doit être ultérieure à aujourd’hui.");
                    return;
                }

                if (dropzone.getAcceptedFiles().length === 0) {
                    alert("Veuillez déposer un fichier Excel.");
                    return;
                }

                dropzone.processQueue(); // ✅ Lancement manuel
            });

            this.on("sending", function (file, xhr, formData) {
                const dispoDate = document.getElementById('dispo-date').value;
                const affaireId = document.getElementById('affaire-select').value;
                formData.append('affaireId', affaireId); // peut être vide
                formData.append('_csrf_token', '{{ csrf_token('excel_import') }}');
                formData.append('dispoDate', dispoDate);
            });

            this.on("success", function (file, response) {
                if (response.success) {
                    window.location.href = "{{ path('app_affaire') }}";
                } else if (response.warning) {
                    if (confirm(response.message)) {
                        const dispoDate = document.getElementById('dispo-date').value;
                        const formData = new FormData();
                        formData.append('excelFile', file);
                        formData.append('force', '1');
                        formData.append('_csrf_token', '{{ csrf_token('excel_import') }}');
                        formData.append('dispoDate', dispoDate);

                        fetch("{{ path('import_excel') }}", {
                            method: 'POST',
                            body: formData
                        })
                        .then(res => res.json())
                        .then(json => {
                            if (json.success) {
                                window.location.href = "{{ path('app_affaire') }}";
                            } else {
                                alert("Erreur : " + (json.error || JSON.stringify(json)));
                                dropzone.removeAllFiles(true);
                            }
                        });
                    } else {
                        alert("Import annulé.");
                        dropzone.removeAllFiles(true);
                    }
                } else {
                    alert("Réponse inattendue : " + JSON.stringify(response));
                    dropzone.removeAllFiles(true);
                }
            });

            this.on("error", function (file, response) {
                if (typeof response === 'string') {
                    alert("Erreur : " + response);
                } else if (response.error) {
                    alert("Erreur : " + response.error);
                } else {
                    alert("Erreur inattendue : " + JSON.stringify(response));
                }
                dropzone.removeAllFiles(true);
            });
        }
    };    
</script>
{% endblock %}