{namespace vh=Newland\NeosViewHelpers\ViewHelpers}

<f:layout name="Default" />

<f:section name="Content">
    <div class="tb-grid tb-grid--reverse">
        <aside class="tb-grid__aside">
            <vh:render partial="PointOfInterests/List/Facets" arguments="{_all}" />
        </aside>
        <div class="tb-grid__main">
            <div 
                class="tb-results-container"
                data-toubiz-results
                data-toubiz-results-loading="false">

                <ul 
                    class="tb-results-list"
                    data-toubiz-results-list>

                    <vh:render
                        partial="PointOfInterests/List/ResultList"
                        arguments="{
                            articles: articles,
                            pagination: pagination
                        }" />
                        
                </ul>
                <svg class="tb-results-list__load-spinner" width="44" height="44" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg">
                    <g fill="none" fill-rule="evenodd" stroke-width="2">
                        <circle cx="22" cy="22" r="1">
                            <animate 
                                attributeName="r"
                                begin="0s" dur="1.8s"
                                values="1; 20"
                                calcMode="spline"
                                keyTimes="0; 1"
                                keySplines="0.165, 0.84, 0.44, 1"
                                repeatCount="indefinite" />

                            <animate 
                                attributeName="stroke-opacity"
                                begin="0s" dur="1.8s"
                                values="1; 0"
                                calcMode="spline"
                                keyTimes="0; 1"
                                keySplines="0.3, 0.61, 0.355, 1"
                                repeatCount="indefinite" />

                        </circle>
                        <circle cx="22" cy="22" r="1">
                            <animate 
                                attributeName="r"
                                begin="-0.9s" dur="1.8s"
                                values="1; 20"
                                calcMode="spline"
                                keyTimes="0; 1"
                                keySplines="0.165, 0.84, 0.44, 1"
                                repeatCount="indefinite" />

                            <animate 
                                attributeName="stroke-opacity"
                                begin="-0.9s" dur="1.8s"
                                values="1; 0"
                                calcMode="spline"
                                keyTimes="0; 1"
                                keySplines="0.3, 0.61, 0.355, 1"
                                repeatCount="indefinite" />

                        </circle>
                    </g>
                </svg>
            </div>
        </div>
    </div>
</f:section>
