{% extends "base.html" %}

{% block content %}
<h2>Picture detail</h2>

<div>
    <a href="#preview">Preview</a> | <a href="#details">Details</a> | <a href="#stat">Stat</a> | <a href="#exif">EXIF</a>
</div>

<div id="preview" class="show-on-anchor">
    <h3>Preview</h3>
    {% if picture.raw %}
    RAW display in browser not available
    {% elif "video" in picture.mimetype %}
    <video class="preview" src="{% url 'video' picture.id %}" controls="on"></video>
    {% else %}
    <img class="preview" src="{% url 'image' picture.id %}" />
    {% endif %}
</div>

<div id="details" class="show-on-anchor">
    <h3>Details</h3>
    <ul>
        <li><b>Filename:</b> {{ picture.filename }}</li>
        <li><b>File path:</b> {{ picture.file_path }}</li>
        <li><b>Type:</b> {{ picture.kind }}</li>
        <li><b>Mimetype</b>: {{ picture.mimetype }}</li>
        <li><b>RAW File:</b> {{ picture.raw }}</li>
        <li><b>Creation date:</b> {{ picture.creation_date }}</li>
        <li><b>SHA1 Checksum:</b> {{ picture.checksum }}</li>
    </ul>
</div>

<div id="stat" class="show-on-anchor">
    <h3>Stat (parsed)</h3>
    <ul>
        {% for key, value in picture.get_stat.as_dict.items %}
        <li><b>{{ key }}</b>: {{ value }}</li>
        {% endfor %}
    </ul>
<hr>
<h3>Stat (raw)</h3>
    <ul>
        {% for key, value in picture.get_stat.stat_result.items %}
        <li><b>{{ key }}</b>: {{ value }}</li>
        {% endfor %}
    </ul>
</div>

<div id="exif" class="show-on-anchor">
    <h3>EXIF</h3>
    <ul>
        {% for key, value in exif.items %}
        <li><b>{{ key }}</b>: {{ value }}</li>
        {% endfor %}
    </ul>
</div>

{% endblock %}