{% load static %}
{% load pi_fyad_tags %}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'pi_fyad/css/pi_fyad.css' %}">
{% endblock %}

{% block content %}
<div class="container-fluid pi-fyad">
    <div class="row">
        <div class="col-12">
            <h2 class="mb-3">
                <i class="fas fa-industry me-2"></i>PI Manager
                <small class="text-muted ms-2">v{% pi_fyad_version %}</small>
            </h2>
            <ul class="nav nav-tabs mb-3">
                <li class="nav-item">
                    <a class="nav-link {% if request.resolver_match.url_name == 'dashboard' %}active{% endif %}"
                       href="{% url 'pi_fyad:dashboard' %}">
                        <i class="fas fa-tachometer-alt me-1"></i>Dashboard
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if 'template' in request.resolver_match.url_name %}active{% endif %}"
                       href="{% url 'pi_fyad:template_list' %}">
                        <i class="fas fa-clipboard-list me-1"></i>Templates
                    </a>
                </li>
            </ul>
            {% block pi_content %}{% endblock %}
        </div>
    </div>
</div>

{% block extra_javascript %}
<script src="{% static 'pi_fyad/js/pi_fyad.js' %}"></script>
{% endblock %}
{% endblock %}