{% extends 'base.html.twig' %}

{% block title %}Hello GalleryController!{% endblock %}

{% block body %}
    <script src='{{ asset('js/jquery.js') }}'></script>
    <script src='{{ asset('js/jquery-migrate.min.js') }}'></script>
    <div id="page_caption" style="padding-top: 25px;   border-bottom: 1px solid #e1e1e1;">

        <div class="page_title_wrapper">
            <div class="page_title_inner">
                <h1>Gallery</h1>
            </div>
            <br class="clear">
        </div>
    </div>

    <div id="ppb_wrapper">
        <div class="standard_wrapper" style="margin-top: 15px;">

{#            <div id="myBtnContainer">#}
{#                <div class="one_fifth ">#}
{#                <button class="btn active  button small info" style=" width: 100%;"> Todos</button>#}
{#                </div>#}
{#                {% for category_gal in list_gal %}#}
{#                <div class="one_fifth ">#}
{#                    <button class="btn button small gal_list_{{category_gal.referenceKey}}" value="{{ category_gal.referenceKey }}" style=" width: 100%;" > {{ category_gal.name }}</button>#}
{#                </div>#}



{#                {% endfor %}#}

{#            </div>#}
        </div>

        <div class="one">

            <div id="15703545281471397543" class="photo_wall_wrapper shortcode ">
                <div class="row">
                    {% for list_photos in list_photos %}
                        {% for img in list_photos.images %}


                            <div class="wall_entry image_list_{{list_photos.referenceKey}}">
                            <div class="wall_thumbnail">
                            <a class="fancy-gallery" href="{{img.filename}}"><img src="{{img.filename}}" alt="{{list_photos.referenceKey}}"/></a>
                            </div>
                            </div>


                        {% endfor %}

                    {% endfor %}
                </div>


            </div>
        </div>






    </div>

{% endblock %}