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

{% block content %}
<ol class="breadcrumb">
  <li class="breadcrumb-item"><a href="/">Home</a></li>
  {% for url, anchor_text in breadcrumbs %}
  {% if url %}
  <li class="breadcrumb-item"><a href="{{ url }}">{{ anchor_text }}</a>
  {% else %}
  <li class="breadcrumb-item active">{{ anchor_text }}</li>
  {% endif %}
  {% endfor %}
</ol>

<div class="d-flex align-items-center mb-1">
    <h2 class="mb-3">Feed{{ paginator.count|pluralize }} ({{ paginator.count }})</h2>

    <div class="ms-auto">
            {% url 'probes:create_feed' as url %}
            {% button 'CREATE' url "Create new Feed" %}
    </div>
</div>

{% if object_list %}
    {% pagination next_url previous_url %}

    <table class="table table-striped align-middle">
        <thead>
        <th>Name</th>
        <th>Created at</th>
        <th>Updated at</th>
        </thead>
        <tbody>
        {% for feed in object_list %}
        <tr class="data-row">
        <td><a href="{% url 'probes:feed' feed.id %}">{{ feed.name }}</a></td>
        <td>{{ feed.created_at }}</td>
        <td>{{ feed.updated_at }}</td>
        </tr>
        {% endfor %}
        </tbody>
    </table>

    {% pagination next_url previous_url %}
{% else %}
    {% url 'probes:create_feed' as link %}
    {% no_entities 'Feeds' link %}
{% endif %}

{% endblock %}