{% extends "base.html" %}

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

    <h2 class="mb-4">Subcontractor vs Client Comparison</h2>

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

        <form method="POST">
            <!-- SELECT SUBCONTRACTOR -->
            <label class="form-label fw-semibold">Select Subcontractor</label>
            <select name="subcontractor_id" id="subcontractor_id" class="form-select mb-3" required>
                <option value="">-- Select Subcontractor --</option>

                {% for sc in subcontractors %}
                <option value="{{ sc.id }}">{{ sc.subcontractor_name }}</option>
                {% endfor %}
            </select>

            <button class="btn btn-primary w-100">Generate Report</button>
        </form>

    </div>
</div>
{% endblock %}