{% extends 'base_app.html' %}

{% block content %}

<h3 class="mb-4">📤 Upload Medical Report</h3>

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

    <!-- Messages -->
    {% if messages %}
        {% for message in messages %}
            <div class="alert alert-success">
                {{ message }}
            </div>
        {% endfor %}
    {% endif %}

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

        <div class="row">

            <!-- Title -->
            <div class="col-md-6 mb-3">
                <label class="form-label">Report Title</label>
                <input type="text" name="title" class="form-control" required>
            </div>

            <!-- Report Type Dropdown -->
            <div class="col-md-6 mb-3">
                <label class="form-label">Report Type</label>
                <select name="report_type" class="form-control" required>
                    <option value="">Select Report Type</option>
                    <option value="MRI">Prescription</option>
                    <option value="ECG">ECG</option>
                    <option value="Blood Test">Blood Test</option>
                    <option value="X-Ray">X-Ray</option>
                    <option value="MRI">MRI</option>
                    <option value="Other">Other</option>
                </select>
            </div>

            <!-- File Upload -->
            <div class="col-md-12 mb-3">
                <label class="form-label">Upload File</label>
                <input type="file" name="file" class="form-control" required>
            </div>

        </div>

        <button type="submit" class="btn btn-primary">
            Upload Report
        </button>

    </form>

</div>

{% endblock %}