{% extends 'layouts/base.html' %}

{% block title %} Artist: {{ artist.romanized_name }} {% endblock %}

{% block content %}
    <h1>Artist: {{ artist.romanized_name }}</h1>
    <h2>Metadata</h2>
    <table class="table">
        <tbody>
            {% if artist.name %}
            <tr>
                <th scope="row">
                    Name
                </th>
                <td>
                    {{ artist.name }}
                </td>
            </tr>
            {% endif %}
            {% if artist.romanized_name %}
            <tr>
                <th scope="row">
                    Romanized Name
                </th>
                <td>
                    {{ artist.romanized_name }}
                </td>
            </tr>
            {% endif %}
            {% for alias in artist.aliases.all %}
            <tr>
                <th scope="row">
                    Alias
                </th>
                <td>
                    <a href="/artists/{{ alias.id }}">{{ alias.romanized_name }}</a>
                </td>
            </tr>
            {% endfor %}
            {% for category in artist.category.all %}
            <tr>
                <th scope="row">
                    Category
                </th>
                <td>
                    <a href="/taxonomy/categories/{{ category.slug }}">{{ category.name }}</a>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    <h2>About Artist</h2>
    <p>{{ artist.about_artist }}</p>
    <h2>About Music</h2>
    <p>{{ artist.about_music }}</p>
    <h2>Credits</h2>
    {% include 'components/song-table.html' with songs=credit_songs %}
    <h2>Sample works outside Idolmaster</h2>
    {% include 'components/outside-song-table.html' with outside_songs=outside_songs %}
{% endblock %}