{% extends 'layouts/base.html' %}
{% block content %}
<br>
<div class="row">
  <div class="col-md-9">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a class="mb-0" href="{{ url_for('home_blueprint.show_ws') }}">Workspaces</a></li>
        <li class="breadcrumb-item active" aria-current="page"><a
            href="{{ url_for('home_blueprint.show_ws_nodes', ws_id=ws_id)}}">Items</a></li>
      </ol>
    </nav>
  </div>
  <div class="col-md-3"><span class="float-end">
      <a class="btn btn-sm btn-primary" href="{{ url_for('home_blueprint.create_ws_node', ws_id=ws_id) }}">{{ ('New
        Item') }}</a>
    </span>
  </div>
</div>

<div class="row">
  <div class="col-12 mb-4">
    <div class="card border-0 shadow">
      <div class="card-header">
        <div class="row align-items-center">
          <div class="col">
            <h2 class="fs-5 fw-bold mb-0">List of Items</h2>
          </div>
          <div class="col text-end">
            <a href="#" class="btn btn-sm btn-primary"></a>
          </div>
        </div>
      </div>
      <div class="table-responsive ">
        <table class="table align-items-center table-striped table-flush">
          <thead>
            <tr>
              <th>{{ ('Owner') }}</th>
              <th>{{ ('title') }}</th>
              <th>{{ ('TTL Amount') }}</th>
              <th>{{ ('created') }}</th>
            </tr>
          </thead>
          <tbody>
            {% for data in ws %}
            {# Checks if book is marked as hidden #}
            {%- if data.hidden %}{% continue %}{% endif %}
            <tr>
              <td>
                <div class="media align-items-left">
                  <a href="#" class="d-flex align-items-center">
                    <img class="me-2 image image-small rounded-circle" alt="Image placeholder"
                      src="/static/assets/img/flags/canada.svg">
                    <div><span class="h6"></span></div>
                  </a>
                  <div class="media-body2"> {{data.owner_name.username }} </div>
                </div>
              </td>
              <td>
                <a class="mb-0 text-sm" href="{{ url_for('home_blueprint.show_ws_nodes_bids', post_id=data.id) }}"><span
                    class="h6"></span>{{data.post_name}}</span></a>
              </td>
              <td>{{"${:,.2f}".format(data.post_budget)}}</td>
              <td>{{data.created_date|format_dt('full')}}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
  {% endblock %}