{% load i18n %}

<div class="opcalendar-nav d-flex align-items-center w-100">
    <a class="btn btn-info opcalendar-nav-btn" href="{% url 'opcalendar:calendar' %}?{{ prev_month }}" title="{% trans 'Previous Month' %}">
        <i class="fas fa-backward"></i><span class="opcalendar-nav-label"> {% trans "Previous Month" %}</span>
    </a>
    <h4 class="opcalendar-nav-title flex-grow-1 text-center m-0">{% trans "Operation Calendar" %}</h4>
    <a class="btn btn-info opcalendar-nav-btn" href="{% url 'opcalendar:calendar' %}?{{ next_month }}" title="{% trans 'Next Month' %}">
        <span class="opcalendar-nav-label">{% trans "Next Month" %} </span><i class="fas fa-forward"></i>
    </a>
</div>