{% trans_default_domain 'shop_video' %}
{% extends 'base_home.html.twig' %}
{% block title %}{{ 'grid.title'|trans }}{% endblock %}
{% block content %}
{% form_theme searchForm 'form_theme_outlined.html.twig' %}
<div class="nk-content pt-5 min-vh-100 pb-3">
<div class="container">
<div class="row mb-3 mb-md-5">
<div class="col-12">
<div class="text-center shop-video-list">
<h1 class="fw-bolder">{{ 'grid.headline'|trans }}</h1>
<h3 class="mb-5 fw-normal">{{ 'grid.subheadline'|trans }}</h3>
</div>
</div>
</div>
<div class="row mb-5 d-none">
<div class="col-md-12">
{{ form_start(searchForm, {attr: {'data-fetch': path('shop_video_counts')}}) }}
<template id="option-template">{{ 'search.choice' | trans({'{ choice }': '%choice%', '{ count }': '%count%'}, 'frontend') }}</template>
<div class="row mb-3">
<div class="col-12 col-md-3">
{{ form_row(searchForm.category) }}
</div>
<div class="col-12 col-md-3">
{{ form_row(searchForm.dress_code) }}
</div>
<div class="col-12 col-md-3">
{{ form_row(searchForm.character) }}
</div>
<div class="col-12 col-md-3">
<button class="btn btn-primary btn-xl mr-1 d-flex justify-center w-100">
<span class="w-auto js-result-count" data-button-text-singular="{{ 'video_list.results_button_singular'|trans }}" data-button-text-plural="{{ 'video_list.results_button_plural'|trans }}">{{ 'video_list.results_button_initial' | trans }}</span>
</button>
</div>
</div>
{{ form_end(searchForm) }}
</div>
</div>
{% include 'shop_video/Block/shop_video_gridList.html.twig' with {entities: entities, hasLink: true} %}
<div class="row mb-5">
{% if entities.nbPages > 1 %}
{% include 'partials/pagination.html.twig' with {'entities': entities} %}
{% endif %}
</div>
</div>
</div>
{% endblock %}