{% from "_pagination.html" import render_pagination %}

{% macro slides_grid(slides, controller) %}

{{ render_pagination(slides, controller, **kwargs) }}


{% for slide in slides.items %}
    <div class="slide-grid-cell">
        <h4><a href="{{ url_for('show_slide', slide_id=slide.id) }}"><span>{{ slide.slide_name }}</span></a></h4>
        <p>
            {% if slide.renditions.viewer_dzi %}
            <a href="{{ url_for('view_slide', slide_id=slide.id) }}" class="btn btn-info">
                <span class="icon-search icon-white"></span> View
            </a>
            {% endif %}
        </p>
        {% if slide.renditions.macro_small %}
        <p class="slide-macro-container">
            <a href="{{ url_for('show_slide', slide_id=slide.id) }}">
                <img src="{{ url_for_storage(slide.renditions['macro_small']) }}"/>
            </a>
        </p>
        {% endif %}
    </div>
{% endfor %}

<script>
    $(document).ready(function(){
        $(".slide-grid-cell h4").textfill({maxFontPixels: -1});
    });    
</script>

{{ render_pagination(slides, controller, **kwargs) }}

{% endmacro %}