{% extends "scm/base.html" %}
{% block content %}
<div class="container-fluid tender-page">
  <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-3">
    <div><h3 class="mb-1">Tender / Vendor Bidding / Award</h3><div class="text-muted">Tender Register</div></div>
    <a class="btn btn-primary" href="{% url 'tender_form' %}">+ Create Tender</a>
  </div>
  <div class="tender-panel mb-4"><div class="panel-heading">Approved PR — Ready for Tender</div><div class="panel-body table-responsive">
    <table class="table table-bordered mb-0"><thead><tr><th>PR No.</th><th>Date</th><th>Title</th><th>Requester</th><th>Department</th><th>Action</th></tr></thead><tbody>
    {% for pr in approved_prs %}<tr><td>{{ pr.pr_no }}</td><td>{{ pr.pr_date|date:"d-m-Y" }}</td><td>{{ pr.pr_title }}</td><td>{{ pr.requester }}</td><td>{{ pr.department }}</td><td>{% if pr.tender_exists %}<span class="text-muted">Tender Exists</span>{% else %}<a class="btn btn-sm btn-outline-primary" href="{% url 'tender_form' %}">Create Tender</a>{% endif %}</td></tr>
    {% empty %}<tr><td colspan="6" class="text-center text-muted py-4">No approved PR currently listed.</td></tr>{% endfor %}
    </tbody></table>
  </div></div>
  <div class="tender-panel"><div class="panel-heading">Tender Register</div><div class="panel-body table-responsive">
    <table class="table table-bordered mb-0"><thead><tr><th>Tender No.</th><th>PR No.</th><th>Title</th><th>Initiated By</th><th>Status</th><th>Action</th></tr></thead><tbody>
    {% for t in tenders %}<tr><td>{{ t.tender_no }}</td><td>{{ t.pr.pr_no }}</td><td>{{ t.title }}</td><td>{{ t.initiated_by }}</td><td>{{ t.status }}</td><td><a class="btn btn-sm btn-secondary" href="{% url 'tender_detail' t.id %}">Open</a></td></tr>
    {% empty %}<tr><td colspan="6" class="text-center text-muted py-4">No tender records yet.</td></tr>{% endfor %}
    </tbody></table>
  </div></div>
</div>
<style>
.tender-page{padding-bottom:24px}.tender-panel{background:#dee2e6;border-radius:7px;padding:10px;margin-bottom:16px}
.panel-heading{font-size:18px;font-weight:600;padding:8px 14px 12px;color:#17212b}.panel-body{background:#fff;border-radius:4px;padding:18px}
.tender-panel .table thead th{background:#56636f;color:#fff;white-space:nowrap}.tender-panel td,.tender-panel th{vertical-align:middle}
</style>
{% endblock %}