{% extends 'website/base.html' %}
{% load fiber_tags %}

{% block title %}ODP{% endblock %}
{% block bodyclass %}team{% endblock %}

{% block content %}

<div id = 'main-text'>
    <h1>{% show_content 'PM header' %}</h1>
    <h3>{% show_content 'PM header description' %}</h3>
</div>
<div id ='scrolling-gallery'>
    <div class='filter_form'>
        <div class='shadow'>&nbsp;</div>
        <form class='form'>
            <label>Angkatan:</label> {{ form.program }}
            <input type='submit' value = 'Filter'>
        </form>
    </div>
    
    <hr class='shade' />
    <div>&nbsp;</div>
    <a class="prev browse left"></a>
    
    <div class="scrollable">
       <!-- root element for the items -->
       <div class="items">
          {{ gallery_html|safe }}
       </div>
       
    </div>
    <a class="next browse right"></a>
    <div class = 'clear'></div>
</div>
<hr class = 'shade'/>

<div class = 'pagination'>
    Page <span id = 'page'>1</span> of {{ count }}
</div>

{% endblock %}