<div class="block-fire-time w-100">
<div class="block-fire-time-tittle category-tittle mb-2"><p class="mb-1">Подбор свободного времени для записи</p></div>
<div id="fireTimeBlock" class="block-time block-time_fire col">
<div class="toggle-switch-container fire-time">
<div class="toggle-switch">
<div id="fireTimeToogle" class="toggle-label active">Горящее время с доп. скидкой</div>
<div class="toggle-flag"></div>
<div id="defaultTimeToogle" class="toggle-label">Ближайшее свободное время</div>
</div>
</div>
<form id="fireTireFilterForm" class="active">
<div class="category-icon">
<select id="fireOfferCategory" name="fireOfferCategory">
<option class="offerCategory" hidden value="default"></option>
</select>
</div>
<div class="data-icon">
<select id="fireWeekday" name="fireWeekday">
</select>
</div>
<div class="time-icon">
<div class="multiselect">
<select id="fireTime" name="fireTime">
</select>
</div>
</div>
<button type="submit">Найти</button>
<div id="clearButtonFireForm" class="d-none clearButtonFireFormReset">
<button form="fireTireFilterForm" type="reset" data-type="default">Сбросить выбор</button>
</div>
</form>
<form id="tireFilterForm">
<div class="category-icon">
<select id="offerCategory" name="offerCategory">
<option class="offerCategory" hidden value="default"></option>
{% for category in categories %}
<option class="category-time-item" value="{{ category.id }}">{{ category.name }}</option>
{% endfor %}
</select>
</div>
<div class="data-icon">
<select id="weekday" name="weekday">
</select>
</div>
<div class="time-icon">
<div class="multiselect js-multiselect-time">
<select id="time" name="time">
</select>
</div>
</div>
<button type="submit">Найти</button>
<div id="clearButtonForm" class="d-none clearButtonFireFormReset">
<button form="tireFilterForm" type="reset" data-type="default">Сбросить выбор</button>
</div>
</form>
</div>
</div>