<div class="sidebar-block" id="filter-block">
	<form class="filter-block main loading" action="" method="get">
		<div class="block-header">
			Фильтр аниме
			<span class="block-header-link mobile-filter-toggle"><i class="fal fa-times"></i></span>
		</div>
		<div class="filter-body">
            <div class="filter-cell">
				<label>Выбрать жанры</label>
				<select name="status" class="slim-select">
					<option value="-1">Исэкай</option>
					<option value="0">Ангелы</option>
					<option value="1">Безумие</option>
					<option value="2">Вампиры</option>
				</select>
			</div>
			<div class="filter-cell">
				<label>Тип аниме</label>
				<select name="status" class="slim-select">
					<option value="-1">Сериал</option>
					<option value="0">Полнометражный фильм</option>
					<option value="1">Короткометражный фильм</option>
					<option value="2">OVA</option>
				</select>
			</div>
			<div class="filter-cell">
				<label>Статус аниме</label>
				<select name="status" class="slim-select">
					<option value="-1">Не учитывать</option>
					<option value="0">Вышел</option>
					<option value="1">Онгоинг</option>
					<option value="2">Анонс</option>
				</select>
			</div>
			<div class="filter-cell collapse">
				<div>
					<label>Сезон</label>
					<select name="season" class="slim-select">
						<option value="0">Не учитывать</option>
						<option value="1">Зима</option>
						<option value="2">Весна</option>
						<option value="3">Лето</option>
						<option value="4">Осень</option>
					</select>
				</div>
			</div>
			<div class="filter-cell">
				<label>Год</label>
				<div class="filter-year">
					<input name="from_year" placeholder="от" type="text" />
					<input name="to_year" placeholder="до" type="text" />
				</div>
			</div>
			<div class="filter-cell collapse">
				<div>
					<label>
						Количество серий
						<i data-balloon="В онгоингах и анонсах не всегда указано" data-balloon-pos="up">
							<i class="fa fa-sm fa-question-circle"></i>
						</i>
					</label>
					<div class="filter-year">
						<input name="from_num_episodes" placeholder="от" type="text" />
						<input name="to_num_episodes" placeholder="до" type="text" />
					</div>
				</div>
			</div>
			<div class="filter-cell collapse">
				<div>
					<label>Вид перевода</label>
					<select name="selected_translate[]" class="slim-select" multiple data-placeholder="Какие переводы искать">
						<option value="1">Полное дублирование</option>
						<option value="4">Многоголосый</option>
						<option value="5">Одноголосый</option>
						<option value="6">Двухголосый</option>
						<option value="7">Субтитры</option>
						<option value="9">Перевод не нужен</option>
					</select>
				</div>
			</div>
			<div class="filter-cell">
				<label>Возрастной рейтинг</label>
				<select name="selected_age" class="slim-select">
					<option value="0">Не учитывать</option>
					<option value="1">G (для всех возрастов)</option>
					<option value="2">PG (для детей)</option>
					<option value="3">PG-13 (от 13 лет)</option>
					<option value="4">R-17+ (насилие и/или нецензурная лексика)</option>
					<option value="5">R+ (частичная нагота)</option>
				</select>
			</div>
			<div class="filter-cell sort-cell">
				<label>Сортировать по</label>
				<select name="sort" class="slim-select">
					<option value="1">Названию (А-Я)</option>
					<option value="2">Дате выхода</option>
					<option value="3">Рейтингу</option>
					<option value="4">Голосам</option>
					<option value="5">Просмотрам</option>
				</select>
				<div class="sort-order-button">
					<div data-balloon-pos="up-right" data-balloon="По убыванию">
						<input type="hidden" name="sort_order" value="0" />
						<span class="far fa-sort-amount-down"></span>
					</div>
				</div>
			</div>
			<div class="filter-cell collapse">
				<div>
					<label class="checkbox" style="display: inline-block;">
						<input name="is_series" type="checkbox" value="1" />
						<div></div>
						Только с видео
						<i data-balloon="Исключить анонсы и фильмы в прокате" data-balloon-pos="up">
							<i class="fa fa-sm fa-question-circle"></i>
						</i>
					</label>
				</div>
			</div>
			<div class="filter-cell filter-switch-block main">
				<div class="clearfix">
					<div class="design-switch filter-switch">
						<span>Расширенный фильтр</span>
						<div class="switch"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="filter-footer">
			<div class="filter-button list"><i class="fa fa-filter"></i> Искать</div>
			<div class="filter-button random" data-balloon="Случайное аниме по фильтру" data-balloon-pos="up-right">
				<i class="far fa-random"></i>
			</div>
		</div>
	</form>
</div>
