{% extends "partials/dashboard-base.html" %}
{% load static %}

{% block content %}
<section class="dashboard-section body-collapse">
    <div class="overlay pt-120">
        <div class="container">
            <div class="main-content">
                <div class="head-area d-flex align-items-center justify-content-between">
                    <h4>Request Account Review</h4>
                </div>

                <div class="content-area text-center">
                    <p>Your account has been put on hold. If you believe this is a mistake, please submit a review request below.</p>

                    <form method="POST" enctype="multipart/form-data">
                        {% csrf_token %}
                        <div class="form-group">
                            <label for="message">Reason for Appeal:</label>
                            <textarea name="message" id="message" class="form-control" rows="4" required></textarea>
                        </div>

                        <div class="form-group">
                            <label for="documents">Upload Supporting Documents (PDF, JPG, PNG):</label>
                            <input type="file" name="documents" id="documents" class="form-control" accept=".pdf,.jpg,.jpeg,.png" multiple required>
                        </div>

                        <button type="submit" class="btn btn-primary mt-3">Submit Request</button>
                    </form>

                    <hr>

                    <p>Need urgent help? Contact support on <a href="https://wa.me/your_whatsapp_number" target="_blank">WhatsApp</a>.</p>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}