{% extends "base.html" %}

{% block title %}{{ post_id }}{% endblock %}

{% block container %}container-fluid{% endblock %}

{% block page %}
<div class="grid post">
    <div class="side">
        <b>Tags</b>
        <ul>
            {% for tag in tags %}
            <li><a href="{{ url }}/posts?search={{ tag }}">{{ tag }}</a></li>
            {% endfor %}
        </ul>

        <b>Information</b>
        <ul>
            <li>Score: N/A</li>
            <li>Favourites: N/A</li>
            <li>ID: {{ post_id }}</li>
            <li>Posted: N/A</li>
            <li>Source: N/A</li>
            <li>Resolution: {{ resx }}x{{ resy }}</li>
            <li>File Size: {{ file_size }} bytes</li>
            <li>Hash: {{ hash }}</li>
        </ul>

        <b>Search</b>
        <uL>
            <li><a href="https://inkbunny.net/submissionsviewall.php?&mode=search&text={{ hash }}&md5=yes">Inkbunny MD5 Search</a></li>
        </uL>
    </div>

    <div class="main">
        {% match file_type %}
            {% when FileType::Image %}
                <img src="{{ image_endpoint }}/{{ file_id }}" class="file" />
            {% when FileType::Video %}
            {% when FileType::Unsupported %}
                <h1>UNSUPPORTED FILE</h1>
        {% endmatch %}
        <blockquote>
            {{ description }}
        </blockquote>
    </div>
</div>
{% endblock %}