{% load i18n fontawesome_5 humanize %}

<h4>
    {% trans 'Compensation' %}
</h4>
<div class="row">
    <a class="text-decoration-none" href="{% url 'compensation:index' %}">
        <div class="col-sm-5">
            <div class="qs-box d-flex justify-content-center align-items-center">
                {% fa5_icon 'leaf' %}
            </div>
        </div>
    </a>
    <div class="col-sm">
        <div class="col-md mb-2">
            <div>{% trans 'Total' %}</div>
            <div class="class badge badge-pill rlp-gd-outline w-100">{{total_compensation_count|intcomma}}</div>
        </div>
        <div class="col-md">
            <div>{% trans 'Shared with you' %}</div>
            <div class="class badge badge-pill rlp-gd-outline w-100">{{user_compensation_count|intcomma}}</div>
        </div>
    </div>
</div>
<div class="col-md">
    <div class="row my-1">
        <a href="{% url 'compensation:new' %}">
            <button class="btn btn-default">{% fa5_icon 'plus' %} {% trans 'Create' %}</button>
        </a>
    </div>
    <div class="row my-1">
        <a href="{% url 'compensation:index' %}">
            <button class="btn btn-default">{% fa5_icon 'eye' %} {% trans 'Show' %}</button>
        </a>
    </div>
</div>
<hr>