{% extends "base.html" %}

{% block content %}
<h2 class="mb-4">File Import</h2>

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

    <form method="POST" enctype="multipart/form-data">

        <!-- 1. SELECT SUBCONTRACTOR -->
        <label class="form-label">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>

        <!-- 2. FILE TYPE (MODEL NAME) -->
        <label class="form-label">Select File Type</label>
        <select name="file_type" id="file_type" class="form-select mb-3" required>
            <option value="">-- Select File Type --</option>
            <option value="">Subcontractor Sheet</option>
            <option value="trench_excavation">Trench Excavation (Tr.Ex)</option>
            <option value="manhole_excavation">Manhole Excavation (Mh.Ex)</option>
            <option value="manhole_domestic_chamber">Manhole & Domestic Chambers Construction (MH & DC)</option>
            <option value="">Laying Sheet</option>
        </select>

        <!-- 3. FILE UPLOAD -->
        <label class="form-label">Choose File</label>
        <input type="file" name="file" class="form-control mb-3" required>

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

</div>
{% endblock %}