{% extends 'base.html' %}


{% block content %}

<div class="section">
    <div class="container">

        <h2 class="title is-2">Achievement: {{data.name}}</h2>
        <h4 class="subtitle is-4">by <a href="{{url_for('get_user', id=data.achieved_by)}}">{{ data.achieved_by }} </a></h4>

        <div class="menu">
            <p></p>
            <ul>
                <li>
                    {% if endorsed -%}
                    <a href="{{url_for('unendorse_achievement', id=data.id)}}" class="has-text-danger">Unendorse</a>
                    {% else -%}
                    <a href="{{url_for('endorse_achievement', id=data.id)}}" class="has-text-success">Endorse</a>
                    {% endif -%}
                </li>
            </ul>

            <p class="menu-label">Endorsed by</p>
            <ul class="menu-list">
                {% for endorser in data.endorsed_by -%}
                <li>
                    <a href="{{url_for('get_user', id=endorser.id)}}">{{ endorser.id }} </a>
                </li>
                {% endfor -%}
            </ul>
        </div>
    </div>
</div>

{% endblock %}