{% extends "pos/base.html" %}
{% block content %}
  <h1>Bills of Materials</h1>
  <p><a href="{% url 'manufacturing:bom_add' %}" class="btn btn-primary">
    + Create New Recipe
  </a></p>
  <table class="table table-striped">
    <thead>
      <tr>
        <th>Finished Product</th>
        <th style="width:1%">Edit</th>
        <th style="width:1%">Delete</th>
      </tr>
    </thead>
    <tbody>
      {% for bom in boms %}
        <tr>
          <td>{{ bom.finished_product.name }}</td>
          <td>
            <a href="{% url 'manufacturing:bom_edit' bom.pk %}"
               class="btn btn-sm btn-outline-secondary">
              Edit
            </a>
          </td>
          <td>
            <form method="post"
                  action="{% url 'manufacturing:bom_delete' bom.pk %}"
                  style="display:inline; background:none; padding:0; margin:0";>
              {% csrf_token %}
            <button type="submit"
                    class="btn btn-sm btn-outline-danger"
                    onclick="return confirm('Delete this recipe?');">
              Delete
            </button>
            </form>
          </td>
        </tr>
      {% empty %}
        <tr><td colspan="3">No recipes defined yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
{% endblock %}