<script type="text/x-jsrender" id="match-list-item"> {# Match blok in javascript #} {{ include('pages/partials/match_js_render.html.twig') }}</script><script type="text/x-jsrender" id="no-results"><div class="component component_matches-month no-results"> <div class="row"> <div class="col-md-12 text-center search-no-results"> <h3>Helaas</h3> <p>Er zijn op dit moment op onze website helaas geen wedstrijden beschikbaar die aan jouw zoekcriteria voldoen.</p> </div> </div></div></script><div class="component component_matches-filter" data-component="MatchFilter"> <section id="filters" class="filters"> {{ form_start(form) }} <div class="col d-flex flex-wrap pl-0 pr-0"> <div class="filter match-filter price flex-even"> {{ form_widget(form.price, {'attr': {'class': 'select-select2-hide-search'}}) }} </div> <div class="filter match-filter month flex-even"> {{ form_widget(form.date, {'attr': {'class': 'select-select2-hide-search'}}) }} </div> <div class="filter match-filter opponent flex-even"> {{ form_widget(form.club, {'attr': {'class': 'select-select2'}}) }} </div> <div class="filter match-filter competition flex-even"> {{ form_widget(form.competition, {'attr': {'class': 'select-select2'}}) }} </div> </div> {{ form_end(form) }} </section></div><div class="component component_matches component_matches-grid component_matches-overview"> <div id="match-list"></div> <div class="row is-margin-top-30" id="matches-footer"> <div class="col-12 text-center" id="loader"> <img class="mt-5" src="{{ asset('vendor/contentbox/assetmanager/images/ajax.gif') }}" alt="{{ 'Loading'|trans }}"> </div> <div class="col-12 text-center" id="load-more"> <button class="is-btn is-background-color-accent stroke">Laad <span>meer</span></button> </div> </div></div>