{% extends "auth/auth_base.html" %}

{% block title %}manage tags{% endblock %}

{% block styles %}
    {{ super() }}
    <link rel="stylesheet" href="{{ url_for('static', filename='css/notes/tag.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/tags/manage.css') }}">
{% endblock %}

{% block content %}
<div class="container">
    {% include 'auth/snippets/info.html' %}
    <a class="btn btn-info" href="{{ url_for('tags.new_tag') }}">create new tag</a>
    <table class="table text-center">
        <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">Name</th>
                <th scope="col">Created At</th>
                <th scope="col">Modified At</th>
                <th scope="col">Operation</th>
            </tr>
        </thead>
        <tbody>
            {% for tag in tags %}
                <tr>
                    <th scope="row">{{ loop.index }}</th>
                    <td>{% include "notes/snippets/tag.html" %}</td>
                    <td>{{ tag.created_at }}</td>
                    <td>{{ tag.modified_at }}</td>
                    <td>
                        <a class="btn btn-warning" href="{{ url_for('tags.update', tag_id=tag.id) }}">modifiy</a>
                        <a class="btn btn-danger" href="{{ url_for('tags.delete_confirm', tag_id=tag.id) }}">delete</a>
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}