{% extends 'base.html.twig' %}
{% block title %}{{ 'meta.speakers.title'|trans }}{% endblock %}
{% block description %}{{ 'meta.speakers.description'|trans }}{% endblock %}
{% block body_attr %} class="head_mar0"{% endblock %}
{% block body %}
{% set searchCategory = app.request.get('category') %}
{% set search = app.request.get('search') %}
{% set orderBy = app.request.get('order_by')|default('rating') %}
<div class="max_wrap">
<div class="sidebar">
<h1 style="display: none;">Онлайн курсы</h1>
<h2 class="title categ_title"><span>{{ block('title') }}</span></h2>
<div class="sub_categ">
<h4 class="sub_categ_title">{{ 'title.categories'|trans }}</h4>
<a href="#" class="toggle_menu show_action" data-id="#categ">{{ 'title.categories'|trans }} <i
class="fas fa-chevron-down"></i></a>
<ul id="categ">
<li{% if (app.request.get('category') is empty) %} class="active_menu"{% endif %}>
<a href="{{ path('speaker.list', {'order_by': orderBy}) }}">{{ 'label.all_categories'|trans }}</a>
</li>
{% for category in categories %}
<li{% if (category.id == app.request.get('category')) %} class="active_menu"{% endif %}>
<a href="{{ path('speaker.list', {'category': category.id, 'order_by': orderBy}) }}">{{ category }}</a>
</li>
{% endfor %}
</ul>
</div>
</div>
<div class="content_column">
<div class="settings_panel">
<form action="{{ path('speaker.search.json') }}" method="get" class="search_all_speakers">
<input type="hidden" name="category" value="{{ searchCategory }}">
<input class='category_input' type="text" placeholder="{{ 'label.search'|trans }}" name="search"
value="{{ search }}" autocomplete="off"/>
<input type="hidden" name="order_by" value="{{ orderBy }}">
<button type="submit"></button>
</form>
<div class="dropdown">
<a class="dropdown_toggle show_action"
data-id="#sort">{{ ('label.order_by_' ~ orderBy)|trans }} <i
class="fas fa-chevron-down"></i></a>
<ul class="dropdown_menu" id="sort">
<li>
<a href="{{ path('speaker.list', {'category': searchCategory, 'search': search, 'order_by': 'rating'}) }}">
{{ 'label.order_by_rating'|trans }}
</a>
</li>
<li>
<a href="{{ path('speaker.list', {'category': searchCategory, 'search': search, 'order_by': 'date'}) }}">
{{ 'label.order_by_date'|trans }}
</a>
</li>
<li>
<a href="{{ path('speaker.list', {'category': searchCategory, 'search': search, 'order_by': 'count'}) }}">
{{ 'label.order_by_count'|trans }}
</a>
</li>
</ul>
</div>
</div>
{% for category in categories %}
{% if (category.id == app.request.get('category')) %} <h2>{{ category }}</h2> {% endif %}
{% endfor %}
<div class="card_list" id="speakers_container" data-loading="{{ ('<label class="label_loading">' ~ 'label.loading'|trans ~ '</label>')|e('html') }}"></div>
</div>
</div>
{% endblock %}
{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('speaker') }}
{% endblock %}