{% extends "base.html" %}
{% load i18n %}
{% block title %}
    {% translate "Dashboard" %} - Eenos
{% endblock %}

{% block content %}

<!-- =========================================================
     PAGE HEADER
========================================================= -->

<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h4 class="mb-1">{% translate "Dashboard" %}</h4>

        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item">
                    <a href="{% url 'dashboard' %}">{% translate "Dashboard" %}</a>
                </li>
                <li class="breadcrumb-item active" aria-current="page">
                    {% translate "Demo" %}
                </li>
            </ol>
        </nav>
    </div>
</div>

<!-- =========================================================
     DEMO CARD
========================================================= -->

<div class="card">
    <div class="card-body">

        <h5 class="card-title mb-2">
            {% translate "Demo Card" %}
        </h5>

        <p class="card-text text-muted mb-4">
            {% translate "This is a sample Eenos v3 Bootstrap 5.3 content card." %}
        </p>

        <button type="button" class="btn btn-primary">
            {% translate "Demo Action" %}
        </button>

    </div>
</div>

{% endblock %}