{% extends "admin/base_site.html" %}

{% block branding %}
    {{ block.super }}
{% endblock %}

{% block usertools %}
    {% if user.is_authenticated %}
        {% if request.user.is_superuser %}
        <style>
            #custom-nav-btns {
                display: flex;
                gap: 6px;
                align-items: center;
                flex-wrap: wrap;
                margin-right: 8px;
            }
            #custom-nav-btns a {
                color: white;
                padding: 5px 10px;
                border-radius: 5px;
                text-decoration: none;
                font-size: 12px;
                white-space: nowrap;
            }
            #custom-nav-btns a.btn-add  { background: #417690; }
            #custom-nav-btns a.btn-green { background: #28a745; }

            /* On small screens — icons only, hide text */
            @media (max-width: 767px) {
                #custom-nav-btns a span.btn-text { display: none; }
                #custom-nav-btns a {
                    padding: 5px 8px;
                    font-size: 15px;
                }
            }
        </style>
        <div id="custom-nav-btns">
            <a href="/admin/store/sale/add/" class="btn-add">
                ➕ <span class="btn-text">Add Sale</span>
            </a>
            <a href="{% url 'profit_dashboard' %}" class="btn-green">
                📊 <span class="btn-text">Sales Summary</span>
            </a>
            <a href="{% url 'lipa_mdogo:lipa_mdogo_summary' %}" class="btn-green">
                💳 <span class="btn-text">Lipa Mdogo</span>
            </a>
            <a href="{% url 'gas_inventory:dashboard' %}" class="btn-green">
                ⛽ <span class="btn-text">Gas Stock</span>
            </a>
        </div>
        {% endif %}
    {% endif %}
    {{ block.super }}
{% endblock %}