{% extends tpl/layout.html %}

{% block title %}Gallery{% endblock %}

{% block content %}
<div class="content">
<div class="page-header">
  <div class="search">
    <form action="index.php" method="get">
      Suchen: <input type="text" name="f" />
      <input type="submit" />
      <input type="hidden" name="d" value="{{ $dir }}">
      <input type="hidden" name="s" value="{{ $slice }}">
    </form>
  </div>
</div>
{% foreach($images as $image): %}
<div class="multi-image">
  <a href="index.php?d={{ $dir }}&s=1&gs={{ $slice }}&p={{ $image['i'] }}{{ $filter }}">
    <img src="{{ $image['t'] }}" alt="{{ $image['n'] }}"/>
  </a>
</div>
{% endforeach %}
<div class="footer page-footer">
    <a id="link-first" href="/index.php?d={{ $dir }}&p=1&s={{ $slice }}{{ $filter }}">1</a>
    <a id="link-prev" href="/index.php?d={{ $dir }}&p={{ $prev_page }}&s={{ $slice }}{{ $filter }}">&lt;&lt;</a>
    <span class="info">{{ $page }}</span>
    <a id="link-next" href="/index.php?d={{ $dir }}&p={{ $next_page }}&s={{ $slice }}{{ $filter }}">&gt;&gt;</a>
    <a id="link-last" href="/index.php?d={{ $dir }}&p={{ $last_page }}&s={{ $slice }}{{ $filter }}">{{ $last_page }}</a>
</div>
</div>
{% endblock %}