{# templates/admin/exam_paper/bulk_import.html.twig #}
{% extends base_template %}

{% block title %}Bulk Past Question Repository Ingestion{% endblock %}

{% block navbar %}
    {{ parent() }}
{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-md-5">
            <div class="box box-primary shadow-sm card">
                <div class="box-header with-border card-header pt-4">
                    <h3 class="box-title fw-bold text-gray-800"><i class="fa fa-upload text-primary me-2"></i> Upload Archive Pack</h3>
                </div>
                <div class="box-body card-body p-6">
                    <p class="text-muted fs-7 mb-4">
                        <strong>Instructions:</strong> Pack your past questions into a compressed <code>.zip</code> file. Ensure each filename <strong>starts with a valid course code</strong> (e.g., <code>DCIT302-exam.pdf</code> or <code>BBA 204 Paper.pdf</code>). The parser will automatically isolate the codes and match them to the database.
                    </p>

                    {# {{ form_start(form) }}
                     {{ form_widget(form) }}
                     {{ form_end(form) }}#}

                    {{ form_start(form, {'attr': {'id': 'bulk-import-form'}}) }}
                    {{ form_row(form.institute) }}
                    {{ form_row(form.zipFile) }}
                    {{ form_row(form.academicYear) }}
                    {{ form_row(form.semester) }}

                    <div class="mt-8 pt-4 border-top" style="margin-top: 5px;">
                        {{ form_row(form.submit) }}
                    </div>
                    {{ form_end(form) }}
                    
                    
                    
                </div>
            </div>
        </div>

        {% if results is not null %}
            <div class="col-md-7">
                <div class="box box-success card border">
                    <div class="box-header with-border card-header pt-4">
                        <h3 class="box-title fw-bold text-success"><i class="fa fa-chart-bar me-2"></i> Ingestion Execution Summary</h3>
                    </div>
                    <div class="box-body card-body pt-0">
                        {# Update the execution summary section in templates/admin/exam_paper/bulk_import.html.twig #}
                        <div class="d-flex gap-4 my-4">
                            <div class="p-3 bg-light-success rounded border text-center flex-fill">
                                <h2 class="fw-bolder text-success m-0">{{ results.success }}</h2>
                                <span class="text-muted small fw-bold">Successfully Imported</span>
                            </div>

                            <div class="p-3 bg-light-warning rounded border text-center flex-fill">
                                <h2 class="fw-bolder text-warning m-0">{{ results.duplicates }}</h2>
                                <span class="text-muted small fw-bold">Skipped Duplicates</span>
                            </div>

                            <div class="p-3 bg-light-danger rounded border text-center flex-fill">
                                <h2 class="fw-bolder text-danger m-0">{{ results.skipped }}</h2>
                                <span class="text-muted small fw-bold">Errors/Invalid Name</span>
                            </div>
                        </div>

                        <h5 class="fw-bold mt-4 text-muted small text-uppercase">Processing Output Logs</h5>
                        <div class="bg-dark text-light p-3 rounded font-monospace style-logs mt-2" style="max-height: 250px; overflow-y: auto; font-size: 12px; background: #222;">
                            {% if results.logs is empty %}
                                <span class="text-success">&gt; Execution clean. All files processed successfully.</span>
                            {% else %}
                                {% for log in results.logs %}
                                    <div class="text-warning mb-1">&gt; {{ log }}</div>
                                {% endfor %}
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    
{% endblock %}