{% extends "crm/base.html" %}

{% block content %}
<div class="container mt-4">
    <h2>Import Prospects from CSV</h2>

    <div class="card">
        <div class="card-body">
            <form method="post" enctype="multipart/form-data">
                {% csrf_token %}

                <div class="mb-3">
                    {{ form.as_p }}
                </div>

                <div class="alert alert-info">
                    <h5>CSV Format Requirements:</h5>
                    <p>The CSV file should contain the following columns in order:</p>
                    <ul>
                        <li>Column 1: Club Code</li>
                        <li>Column 2: Last Name</li>
                        <li>Column 3: First Name</li>
                        <li>Column 4: Email</li>
                        <li>Column 9: ZIP Code</li>
                        <li>Column 10: City</li>
                    </ul>
                </div>

                <button type="submit" class="btn btn-primary">Import CSV</button>
            </form>
        </div>
    </div>
</div>
{% endblock %}