{% extends tpl/layout.html %}

{% block title %}{{ $page }}/{{ $last_page }} | {{ $imagename }}{% endblock %}

{% block content %}

<div class="content single">
  <div class="single-image">
    <img src="{{ $imageurl }}" title="{{ $page }}/{{ $last_page }}" />
  </div>
  <a id="link-prev" href="/index.php?d={{ $dir }}&p={{ $prev_page }}&s=1&gs={{ $gallery_slice }}{{ $filter }}">
    <div class="clickable"></div>
  </a>
  <a id="link-home" href="/index.php?d={{ $dir }}&p={{ $gallery_page }}&s={{ $gallery_slice }}{{ $filter }}">
    <div class="clickable clickable-center"></div>
  </a>
  <a id="link-next" href="/index.php?d={{ $dir }}&p={{ $next_page }}&s=1&gs={{ $gallery_slice }}{{ $filter }}">
    <div class="clickable clickable-right"></div>
  </a>
</div>
<div class="footer">
  {% foreach($tags as $tag): %}
  <a href="/index.php?d={{ $dir }}&s={{ $gallery_slice }}&f={{{ $tag }}}"><span class="tag">{{ $tag }}</span></a>
  {% endforeach %}
</div>

{% endblock %}