{% extends "base.html" %}

{% block content %}
<div class="row">
    <div class="col-md-8 offset-md-2">
        <div class="card mb-0">
            <div class="card-header row">
                <div class="col-10">
                    <h3 class="mb-0"><a href="{% url 'gymnast_details_tab' note.gymnast.id 'scores' %}">{{ note.gymnast }}</a> - {{ note.title }}</h3>
                    <p class="card-title text-muted"><b>{{ note.date | date:'j N Y' }}</b></p>
                </div>
                {% if request.user.id == note.coach.id %}
                <div class="col-1 ml-auto text-right">
                    <a href="{% url 'note_update' note.id %}">
                        <span class="tim-icons icon-pencil text-warning"></span>
                    </a>
                </div>
                {% endif %}
            </div>
            <div class="card-body text-justify">
                <p>{{ note.to_markdown | safe }}</p>
                <p class="text-right">{{ note.coach }}</p>
            </div>
        </div>
    </div>
</div>

{% endblock %}