{% extends "base.html" %}
{% block content %}

<div class="card shadow-sm p-4">
    <h4 class="mb-3">Subcontractor List</h4>

    <table class="table table-bordered table-striped">
        <thead class="table-dark">
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Mobile</th>
                <th>Email</th>
                <th>GST No</th>
                <th>Action</th>
            </tr>
        </thead>

        <tbody>
            {% for s in subcontractors %}
            <tr>
                <td>{{ s.id }}</td>
                <td>{{ s.subcontractor_name }}</td>
                <td>{{ s.mobile_no }}</td>
                <td>{{ s.email_id }}</td>
                <td>{{ s.gst_no }}</td>
                <td>
                    <a href="/subcontractor/edit/{{ s.id }}" class="btn btn-sm btn-warning">Edit</a>
                    <a href="/subcontractor/delete/{{ s.id }}" class="btn btn-sm btn-danger"
                        onclick="return confirm('Are you sure?')">Delete</a>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}