{% extends "/Bases/StandardWebPage.html.twig" %}

{% block content %}
    <div class="InnerContent">
        <h1>{{ "Your Profile"|translate }}</h1>

        <a href="/logout">{{ "Logout"|translate }}</a>

        <div class="DLContainer">
            <h2>{{ "Summary"|translate }}</h2>
            <dl>
                <dt>{{ "User ID"|translate }}</dt>
                <dd>{{ _SESSION_.USER_ID }}</dd>

                <dt>{{ "Username"|translate }}</dt>
                <dd>{{ _SESSION_.USERNAME }}</dd>
            </dl>
        </div>

        <h2>{{ "Your Tunes"|translate }}</h2>
        <table>
            <thead>
            <tr>
                <th>{{ "Title"|translate }}</th>
                <th>{{ "Created At"|translate }}</th>
                <th>{{ "Copyright"|translate }}</th>
            </tr>
            </thead>
            <tbody>
            {% for tuneDetails in YourTunes %}
                <tr>
                    <td><a href="/tune/{{ tuneDetails.ID }}">{{ tuneDetails.Title }}</a></td>
                    <td>{{ tuneDetails.CreatedAt }}</td>
                    <td>{{ tuneDetails.Copyright }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>

        <h2>{{ "Your Dances"|translate }}</h2>
        <table>
            <thead>
            <tr>
                <th>{{ "Title"|translate }}</th>
                <th>{{ "Created At"|translate }}</th>
            </tr>
            </thead>
        </table>
    </div>
{% endblock %}