{% extends "layout.html" %}
{% block title %}Billing Limits{% endblock %}
{% block content %}
<h1>Billing Project Limits</h1>
<div class='flex-col' style="overflow: auto;">
  <table class="data-table" id="billing_limits">
    <thead>
    <tr>
      <th>Billing Project</th>
      <th>Accrued Cost</th>
      <th>Limit</th>
    </tr>
    </thead>
    <tbody>
    {% for row in billing_projects %}
    <tr>
      <td>{{ row['billing_project'] }}</td>
      <td>{{ row['accrued_cost'] }}</td>
      {% if is_developer %}
      <td>
        <form action="{{ base_path }}/billing_limits/{{ row['billing_project'] }}/edit" method="POST">
          <input type="hidden" name="_csrf" value="{{ csrf_token }}">
          <input type="text" required name="limit" value="{{ row['limit'] }}">
          <button>
            Edit
          </button>
        </form>
      </td>
      {% else %}
      <td>{{ row['limit'] }}</td>
      {% endif %}
    </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}