{% extends "base.html" %}

{%block head%}
<link rel="stylesheet" href="{{ url_for('static', filename='style/fontello/css/fontello.css') }}"" />
<script src="{{ url_for('static', filename='script/artifacts.js') }}"></script>
{%endblock%}

{%block title%}{{selected_project.info.name}}{%endblock%}

{%block content%}

<div class="content">
    <div class="readme">
        {%- if readme %}
        {{readme|safe}}
        {%-else%}
        <h1>{{selected_project.info.name}}</h1>
        <p>
            Here you can find artifacts for project &quot;{{selected_project.info.name}}&quot;
        </p>
        {%-endif%}
    </div>
</div>


<h1 class="is-size-2">Artifacts</h1>
<hr class="content-divider" />
{%-for artifact in artifacts %}
<div class="artifact-item">
    <div class="artifact-details">
        <div class="artifact-id">
            <p class="is-size-5">#{{artifact.id}}</p>
        </div>
        <div class="artifact-info">
            <div class="artifact-info-content" style="align-items: center">
                <p>Build date: <span class="build-date">{{artifact.date}}</span></p>
                <div class="dropdown-button">
                    <span class="icon-down-open"></span>
                </div>
            </div>
        </div>
    </div>
    <div class="artifact-contents">
        <div class="column content">
            <h2>Downloads</h2>

            <div>
                <table class="table is-hoverable is-striped is-bordered is-narrow">
                    <thead>
                        <tr>
                            <th>Artifact</th>
                            <th>Description</th>
                        </tr>
                    </thead>
                    <tbody>
                        {%-for download_item in artifact.artifacts%}
                        <tr>
                            <td><a class="button is-link" href="{{ url_for('download_item', project_id=selected_project.id, artifact_id=artifact.id, download_item=download_item.file)}}">{{download_item.file}}</a></td>
                            <td>{{download_item.description}}</td>
                        </tr>
                        {%-endfor%}
                    </tbody>
                </table>
            </div>
            {%- if artifact.changelog %}
            <h2>Changelog</h2>
            <p>
                {{artifact.changelog|safe}}
            </p>
            {%- endif %}
        </div>
    </div>

</div>
{%-endfor%}

<script>init();</script>
{%endblock%}