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

{% block title %}Import Log Detail{% endblock %}

{% block content %}
    <h2 class="mb-4">Import Log Detail</h2>
    <div class="card mb-4">
        <div class="card-body">
            <h5 class="card-title">Import on {{ log.timestamp }}</h5>
            <p><strong>File Name:</strong> {{ log.file_name }}</p>
            <p><strong>Total Records:</strong> {{ log.total_records }}</p>
            <p><strong>Imported Records:</strong> {{ log.imported_records }}</p>
            <p><strong>Failed Records:</strong> {{ log.failed_records }}</p>
        </div>
    </div>

    {% if failed_records %}
        <h3>Failed Records</h3>
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>Row Data</th>
                    <th>Error</th>
                </tr>
            </thead>
            <tbody>
                {% for record in failed_records %}
                    <tr>
                        <td><pre>{{ record.row|pprint }}</pre></td>
                        <td>{{ record.error }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}

    <a href="{% url 'import_logs' %}" class="btn btn-secondary">Back to Import Logs</a>
{% endblock %}