{% extends 'base.html' %}
{% load ui_extras %}

{% block content %}
<ol class="breadcrumb">
  <li class="breadcrumb-item"><a href="/">Home</a></li>
  <li class="breadcrumb-item"><a href="{% url 'monolith:index' %}">Monolith</a></li>
  <li class="breadcrumb-item active">Condition{{ object_list|length|pluralize }}</li>
</ol>

<div class="d-flex justify-content-between mb-3">
    <h2 class="m-0">Condition{{ object_list|length|pluralize }} ({{ object_list|length }})</h2>
    <div class="ms-auto">
        {% if perms.monolith.add_condition %}
            {% url 'monolith:create_condition' as url %}
            {% button 'CREATE' url "Create new Monolith Condition" %}
        {% endif %}
    </div>
</div>

<div class="table-responsive mb-3">
    <table class="table table-striped align-middle">
    <thead>
        <th>Name</th>
        <th>Predicate</th>
        <th>Updated at</th>
    </thead>
    <tbody>
        {% for condition in object_list %}
        <tr>
        <td>
            <a href="{{ condition.get_absolute_url }}">{{ condition.name }}</a>
        </td>
        <td><pre>{{ condition.predicate }}</pre></td>
        <td>{{ condition.updated_at|date:"r"|default:"-" }}</td>
        </tr>
        {% endfor %}
    </tbody>
    </table>
</div>
{% endblock %}