{% extends '@admin/base.html.twig' %}

{% block subheader %}
    <div class="badge-titre d-flex justify-content-between align-items-center flex-wrap w-100 mb-3" style="min-height:3.2rem;">
        <div class="d-flex flex-column flex-sm-row align-items-start align-items-sm-center gap-2">
            <span class="crm-badge me-2"><i class="fa fa-file-pdf"></i></span>
            <div>
                <h3 class="m-subheader__title m-0">Conversion PDF vers CSV</h3>
                <small class="text-muted">Preparez un CSV exploitable a partir d un releve PDF transporteur</small>
            </div>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ path('delivery_payment_index') }}" class="btn btn-light border btn-sm">
                <i class="fa fa-arrow-left me-1"></i> Retour
            </a>
        </div>
    </div>
{% endblock %}

{% block breadcrumb %}{% endblock %}

{% block bodycontent %}
    <div class="contentMargin">
        <div class="row g-3">
            <div class="col-lg-5">
                <div class="card shadow-sm fade-in">
                    <div class="card-body">
                        <div class="alert alert-info mb-4">
                            Cette conversion est prevue pour les PDF texte avec tableau detectables. Les PDF scans, les mises en page tres differentes ou les fichiers sans references exploitables seront rejetes.
                        </div>

                        {{ form_start(form, {attr: {enctype: 'multipart/form-data'}}) }}
                            <div class="mb-3">
                                {{ form_label(form.file) }}
                                {{ form_widget(form.file, {'attr': {'class': 'form-control'}}) }}
                                {{ form_errors(form.file) }}
                                <div class="small text-muted mt-1">
                                    Le CSV genere utilisera le separateur <strong>;</strong>. La conversion exige un tableau exploitable contenant au minimum une colonne de reference detectee.
                                </div>
                            </div>

                            <div class="d-flex justify-content-end gap-2">
                                <a href="{{ path('delivery_payment_index') }}" class="btn btn-light border">Annuler</a>
                                <button type="submit" class="btn btn-dark">
                                    <i class="fa fa-file-export me-1"></i> Convertir en CSV
                                </button>
                            </div>
                        {{ form_end(form) }}
                    </div>
                </div>
            </div>

            <div class="col-lg-7">
                <div class="card shadow-sm fade-in h-100">
                    <div class="card-body">
                        <h5 class="mb-3">Apercu</h5>

                        {% if result %}
                            <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-3">
                                <div class="small text-muted">
                                    <strong>{{ result.rowsCount }}</strong> ligne(s) detectee(s)
                                </div>
                            </div>

                            {% if importForm is defined %}
                                <div class="card border mb-3">
                                    <div class="card-body">
                                        <h6 class="mb-3">Importer directement ce paiement</h6>
                                        {{ form_start(importForm) }}
                                            <div class="row g-3">
                                                <div class="col-md-6">
                                                    {{ form_label(importForm.delivery) }}
                                                    {{ form_widget(importForm.delivery, {'attr': {'class': 'form-control select2'}}) }}
                                                    {{ form_errors(importForm.delivery) }}
                                                </div>
                                                <div class="col-md-6">
                                                    {{ form_label(importForm.documentDate) }}
                                                    {{ form_widget(importForm.documentDate, {'attr': {'class': 'form-control'}}) }}
                                                    {{ form_errors(importForm.documentDate) }}
                                                </div>
                                                <div class="col-12">
                                                    {{ form_label(importForm.note) }}
                                                    {{ form_widget(importForm.note, {'attr': {'class': 'form-control', 'rows': 2}}) }}
                                                    {{ form_errors(importForm.note) }}
                                                </div>
                                            </div>

                                            <div class="d-flex justify-content-end gap-2 mt-3">
                                                <a href="{{ asset(result.publicPath) }}" class="btn btn-success" target="_blank">
                                                    <i class="fa fa-download me-1"></i> Telecharger le CSV
                                                </a>
                                                <button type="submit" class="btn btn-dark">
                                                    <i class="fa fa-file-import me-1"></i> Importer directement
                                                </button>
                                            </div>
                                        {{ form_end(importForm) }}
                                    </div>
                                </div>
                            {% endif %}

                            <div class="table-responsive">
                                <table class="table table-sm table-bordered table-striped align-middle">
                                    <tbody>
                                    {% for row in result.previewRows %}
                                        <tr>
                                            {% for cell in row %}
                                                <td>{{ cell }}</td>
                                            {% endfor %}
                                        </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        {% else %}
                            <div class="text-muted small">
                                Chargez un PDF puis lancez la conversion pour afficher un apercu et telecharger le CSV genere.
                            </div>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}