{% extends "template.html" %}
{% load i18n wger_extras django_bootstrap_breadcrumbs %}

{% block template %}



    {% if trainer_identity %}
        <div class="alert alert-info" style="margin-top: 1em;">
            {% blocktranslate with current_user=user|format_username trimmed %}
                You are browsing the site as the user "{{ current_user }}", all actions are
                performed on their data.
            {% endblocktranslate %}
            <form method="post" action="{% url 'core:user:trainer-login' trainer_identity %}" class="d-inline">
                {% csrf_token %}
                <button type="submit" class="btn btn-link alert-link p-0 align-baseline border-0">
                    {% blocktranslate with target=user.userprofile.gym.name trimmed %}
                        Back to "{{ target }}"
                    {% endblocktranslate %}
                </button>
            </form>
        </div>
    {% endif %}



    <div class="row">
        <div class="col-12 col-md-8">
            <h2 id="page-title" class="page-header">
                {% block title %}{% endblock %}
            </h2>
            <hr>
        </div>
        <div class="col-md-4 py-3">
            <div class="btn-group">

                {% block options %}
                {% endblock %}

            </div>
        </div>
    </div>



    <div class="row">
        <div class="col-md-8 order-2 order-sm-1 mt-3" id="main-content">
            {% if messages and not no_messages %}
                {% for message in messages %}
                    <div
                        class="alert {% if message.tags == 'error' %}alert-danger{% elif message.tags == 'warning' %}alert-warning{% elif message.tags == 'info' %}alert-info{% elif message.tags == 'success' %}alert-success{% endif %}">
                        <a href="#" class="close extra-bold" data-bs-dismiss="alert">&times;</a>
                        {{ message }}
                    </div>
                {% endfor %}
            {% endif %}

            {% render_breadcrumbs "django_bootstrap_breadcrumbs/bootstrap4.html" %}

            <div id="content">
                {% block content %}{% endblock %}
            </div>
        </div>
        <div class="col-md-4 order-1 order-sm-2" id="main-sidebar">
            {% block sidebar %}
            {% endblock %}
        </div>
    </div>
{% endblock %}