91 lines
2.9 KiB
HTML
91 lines
2.9 KiB
HTML
{% extends "base.html" %}
|
||
{% block content %}
|
||
|
||
<div class="card shadow-sm p-3 p-md-4">
|
||
|
||
<!-- Header -->
|
||
<div class="row mb-3 align-items-center">
|
||
<div class="col-12 col-md-6 ">
|
||
<h4 class="mb-2 mb-md-0 text-center text-md-start">
|
||
Subcontractor List
|
||
</h4>
|
||
</div>
|
||
|
||
<div class="col-12 col-md-3 text-center text-md-end">
|
||
<a href="/subcontractor/add" class="btn btn-success w-100 w-md-auto">
|
||
➕ Add Subcontractor
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="table-responsive">
|
||
<table class="table table-bordered table-striped align-middle text-nowrap">
|
||
<thead class="table-dark">
|
||
<tr>
|
||
<th>ID</th>
|
||
<th>Name</th>
|
||
<th class="d-none d-md-table-cell">Mobile</th>
|
||
<th class="d-none d-lg-table-cell">Email</th>
|
||
<th class="d-none d-lg-table-cell">GST No</th>
|
||
<th class="text-center">Action</th>
|
||
</tr>
|
||
</thead>
|
||
|
||
<tbody>
|
||
{% for s in subcontractors %}
|
||
<tr>
|
||
<td>{{ s.id }}</td>
|
||
|
||
<td class="fw-semibold text-wrap">
|
||
{{ s.subcontractor_name }}
|
||
</td>
|
||
|
||
<td class="d-none d-md-table-cell">
|
||
{{ s.mobile_no }}
|
||
</td>
|
||
|
||
<td class="d-none d-lg-table-cell">
|
||
{{ s.email_id }}
|
||
</td>
|
||
|
||
<td class="d-none d-lg-table-cell">
|
||
{{ s.gst_no }}
|
||
</td>
|
||
|
||
<!-- Action Buttons -->
|
||
<td class="text-center">
|
||
<div class="d-flex flex-column gap-1">
|
||
<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>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
{% endfor %}
|
||
</tbody>
|
||
|
||
<!-- TOTAL ROW -->
|
||
<tfoot>
|
||
<tr class="table-secondary fw-bold">
|
||
<td colspan="2" class="text-end"> Total Subcontractors</td>
|
||
|
||
<td class="d-none d-lg-table-cell">-</td>
|
||
<td class="d-none d-lg-table-cell">-</td>
|
||
<td class="d-none d-lg-table-cell">-</td>
|
||
|
||
<td class="text-center">{{ subcontractors|length }}</td>
|
||
|
||
</tr>
|
||
</tfoot>
|
||
|
||
</table>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
{% endblock %} |