{% extends "layouts/base-electric.html" %}

{% load static %}

{% load string_helper %}

{% block title %}
    Tags
{% endblock title %}


{% block content %}

    {% include "includes/navigation-transparent.html" %}
    
    <div class="container-fluid"> 
        <div class="e-container-border e-container-radius row m-0 mb-3" tabindex="1">
            <div class="e-container e-container-radius p-4 overflow-x-hidden">
                <h1 class="text-center">Tags</h1>
                
                <hr>

                <div class="mt-2 text-center">
                    {% for tag in tags %}
                         <a class="badge bg-primary text-decoration-none" href="{% url 'sites:tag' tag.tag_slug %}">{{ tag|capfirst }}</a>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>

{% endblock content %}
