{% 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</h3><div class="text-muted">Workflow 7 — Vendor quotations, evaluation and comparison</div></div>
    <a class="btn btn-secondary" href="{% url 'tender_list' %}">Back to Lead Buyer</a>
  </div>
  <div class="tender-panel"><div class="panel-heading">Open Bidding / Evaluation</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>Department</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.pr.department }}</td><td>{{ t.initiated_by }}</td><td>{{ t.status }}</td><td><a class="btn btn-sm btn-primary" href="{% url 'tender_detail' t.id %}">Open Bidding</a></td></tr>
    {% empty %}<tr><td colspan="7" class="text-center text-muted py-4">No tender currently open for bidding or evaluation.</td></tr>{% endfor %}
    </tbody></table>
  </div></div>
  <div class="alert alert-info mt-3 mb-0">Quotation entry, technical and commercial evaluation, bid comparison, and recommendation preparation are handled in the tender detail screen.</div>
</div>
<style>.tender-page{padding-bottom:24px}.tender-panel{background:#dee2e6;border-radius:7px;padding:10px}.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 %}