{% 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">Awards Winner</h3><div class="text-muted">Workflow 8 — Award recommendation and approval</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">Award Queue &amp; Award History</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>Recommended Vendor</th><th>Recommended By</th><th>Status</th><th>Decision By</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>{% if t.recommended_bid_id %}{% for b in t.bids.all %}{% if b.id == t.recommended_bid_id %}{{ b.vendor_name }}{% endif %}{% endfor %}{% else %}—{% endif %}</td><td>{{ t.recommended_by|default:"—" }}</td><td>{{ t.status }}</td><td>{{ t.president_name|default:"—" }}</td><td><a class="btn btn-sm btn-primary" href="{% url 'tender_detail' t.id %}">{% if t.status == 'PENDING PRESIDENT' %}Review Award{% else %}View{% endif %}</a></td></tr>
    {% empty %}<tr><td colspan="8" class="text-center text-muted py-4">No award recommendations or award history yet.</td></tr>{% endfor %}
    </tbody></table>
  </div></div>
  <div class="alert alert-info mt-3 mb-0">The award decision is recorded in the tender detail screen. Only an approved award should proceed to the existing Purchase Order workflow.</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 %}