{% extends "exams/base.html" %}
{% load static %}

{% block title %}Bulk Uploads{% endblock %}

{% block content %}
<div class="container-fluid">

    <div class="row mb-3">
        <div class="col">
            <h4 class="fw-bold">Bulk Data Uploads</h4>
            <small class="text-muted">
                Fast CSV bulk uploads (LOAD DATA–style)
            </small>
        </div>
    </div>

    {% if messages %}
        {% for message in messages %}
            <div class="alert alert-{{ message.tags }} alert-dismissible fade show">
                {{ message }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        {% endfor %}
    {% endif %}

    <div class="card shadow-sm">
        <div class="card-body p-0">

            <table class="table table-bordered table-striped table-hover mb-0">
                <thead class="table-primary">
                    <tr>
                        <th width="25%">Upload Type</th>
                        <th width="15%">Records in DB</th>
                        <th width="20%">Upload CSV</th>
                        <th width="15%">Sample CSV</th>
                        <th width="25%">Danger Zone</th>
                    </tr>
                </thead>

                <tbody>
                {% for key, val in stats.items %}
                    <tr>
                        <td class="fw-bold text-uppercase">{{ key }}</td>

                        <td>
                            <span class="badge bg-info">
                                {{ val }}
                            </span>
                        </td>

                        <!-- UPLOAD -->
                        <td>



<form method="post" enctype="multipart/form-data" action="{% url 'exams:bulk_upload_handler' key %}">
  {% csrf_token %}

  <label>Exam Type</label>
  <select name="exam_type_id" class="form-control" required>
    <option value="">-- Select Exam Type --</option>
    {% for e in exam_types %}
      <option value="{{ e.id }}">{{ e.name }}</option>
    {% endfor %}
  </select>

  <input type="file" name="csv_file" required>
  <button class="btn btn-primary">Upload</button>
</form>


<!-- <form method="post"
      action="{% url 'exams:bulk_upload_handler' key %}"
      enctype="multipart/form-data"
      class="d-flex gap-2">

    {% csrf_token %}

<div class="input-group input-group-sm">
    <input type="file"
           name="csv_file"
           accept=".csv"
           class="form-control form-control-sm"
           required>

    <button type="submit"
            class="btn btn-success">
        Upload
    </button>
</div>
</form> -->

 
                        </td>

                        <!-- SAMPLE -->
                        <td class="text-center">
                            <a href="{% url 'exams:bulk_upload_sample' key %}"
                               class="btn btn-outline-secondary btn-sm">
                                Download
                            </a>
                        </td>

                        <!-- DELETE -->
                        <td>
                            <form method="post"
                                  action="{% url 'exams:bulk_upload_delete' key %}"
                                  onsubmit="return confirmDelete('{{ key }}', {{ val }});">
                                {% csrf_token %}
                                <button class="btn btn-danger btn-sm">
                                    Delete All
                                </button>
                            </form>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>

            </table>

        </div>
    </div>
</div>

<script>
function confirmDelete(table, count) {
    if (count === 0) {
        alert("Table is already empty.");
        return false;
    }
    return confirm(
        "WARNING!\n\n" +
        "You are about to DELETE ALL records from:\n\n" +
        table.toUpperCase() + "\n\n" +
        "Records: " + count + "\n\n" +
        "This action CANNOT be undone.\n\n" +
        "Do you want to continue?"
    );
}
</script>

{% endblock %}