{% extends 'generic/base.html' %}

{% block content %}
<div class="container py-4">
    <div class="row justify-content-center">
        <div class="col-md-8 col-lg-6">
            <div class="card shadow border-success">
                <div class="card-header bg-success text-white">
                    <h3 class="card-title mb-0">Import Successful</h3>
                </div>
                <div class="card-body text-center">
                    <div class="mb-4">
                        <i class="bi bi-check-circle-fill text-success" style="font-size: 4rem;"></i>
                    </div>
                    
                    <h4 class="mb-3">Answers Imported Successfully</h4>
                    
                    <div class="bg-dark p-3 rounded mb-4 text-start">
                        <div class="row mb-2">
                            <div class="col-6 text-muted">Exam:</div>
                            <div class="col-6 fw-bold">{{ eid_str }}</div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-6 text-muted">Candidate/User ID:</div>
                            <div class="col-6 fw-bold">{{ cid_str }}</div>
                        </div>
                        <div class="row mb-2 border-top pt-2">
                            <div class="col-6 text-muted">Created (New):</div>
                            <div class="col-6 fw-bold text-success">{{ created_count }}</div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-6 text-muted">Updated (Overwritten):</div>
                            <div class="col-6 fw-bold text-warning">{{ updated_count }}</div>
                        </div>
                        <div class="row border-top pt-2">
                            <div class="col-6 text-muted">Total Processed:</div>
                            <div class="col-6 fw-bold text-primary">{{ total_count }}</div>
                        </div>
                    </div>
                    
                    <div class="d-grid gap-2">
                        <a href="{% url 'generic:manage_cids' %}" class="btn btn-primary">Go to Candidate Management</a>
                        <a href="{% url 'generic:import_exam_answers' %}" class="btn btn-outline-secondary">Import Another File</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}
