{% load render_table from django_tables2 %}
{% load i18n %}

<div class="card">
    <div class="card-header text-center">
        <h4>{{ bus.name }}</h4>
    </div>


    <div class="card-body">
        {{ bus.description }}
    </div>

    <div class="card-footer text-center">
        <a class="btn btn-primary btn-sm my-1" href="{% url 'wei:update_bus' pk=bus.pk %}">{% trans "Edit" %}</a>
        <a class="btn btn-primary btn-sm my-1" href="{% url 'wei:add_team' pk=bus.pk %}">{% trans "Add team" %}</a>
    </div>
</div>

<hr>

<div class="card">
    <div class="card-header text-center" style="background-color: #{{ object.color|stringformat:"06X" }}; color: #{{ -16777215|add:object.color|stringformat:"06X"|slice:"1:" }};">
        <h4>{{ object.name }}</h4>
    </div>


    <div class="card-body">
        {{ object.description }}
    </div>

    <div class="card-footer text-center">
        <a class="btn btn-primary btn-sm my-1" href="{% url 'wei:update_bus_team' pk=object.pk %}">{% trans "Edit" %}</a>
    </div>
</div>

<hr>

{% if memberships.data or True %}
    <div class="card">
        <div class="card-header position-relative" id="clubListHeading">
            <a class="btn btn-link stretched-link font-weight-bold">
                <i class="fa fa-bus"></i> {% trans "Teams" %}
            </a>
        </div>
        {% render_table memberships %}
    </div>
{% endif %}