{% extends "base.html" %}

{% block content %}
<h1>{{po.po_number}}</h1>
<h4>{{po.po_status|capfirst}}</h4>
  <div class="table-responsive">
    <table class="table table-striped table-hover align-middle">
      <thead>
        <tr>
          <th scope="col">Name</th>
          <th scope="col">Quatnity</th>
          <th scope="col">Unit Cost</th>
          <th scope="col">Is Data Uploaded ?</th>
        </tr>
      </thead>
      <tbody>
        {% for item in items %}
        <tr>
          <th scope="row">{{ item.item_model }}</th>
          <th scope="row">{{ item.po_quantity }}</th>
          <th scope="row">{{ item.po_unit_cost }}</th>
          <th scope="row">
            {% if item.item_model.additional_info.uploaded %}
              <i data-feather="check-circle" class="text-success"></i>
            {% else %}
              <a href="{% url 'upload_cars' item.pk %}" class="btn btn-sm btn-phoenix-primary">
                <i data-feather="upload" class="me-2"></i>Upload Data
              </a>
            {% endif %}
          </th>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
{% endblock content %}