{% extends "base.html" %}

{% block content %}
<div class="container mt-4">
    <h2 class="mb-4">Generate Subcontractor Report</h2>

    {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
            {% for category, message in messages %}
                <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
                    {{ message }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            )
            {% endfor %}
        {% endif %}
    {% endwith %}

    <div class="card p-4 shadow-sm">
        <form method="POST">
            <div class="mb-3">
                <label class="form-label fw-semibold">Select Subcontractor</label>
                <select name="subcontractor_id" class="form-select" required>
                    <option value="">-- Select Subcontractor --</option>
                    {% for sc in subcontractors %}
                    <option value="{{ sc.id }}">{{ sc.subcontractor_name }}</option>
                    {% endfor %}
                </select>
            </div>

            <div class="mb-3">
                <label class="form-label fw-semibold">RA Bill Number</label>
                <input type="text" name="ra_bill_no" class="form-control" placeholder="e.g. 01" required>
            </div>

            <button type="submit" class="btn btn-primary w-100">Generate Excel Report</button>
        </form>
    </div>
</div>
{% endblock %}