# ფილტრის ფუნქციონალი

ფილტრის გახსნა შეგვიძლია შემდეგი ღილაკიდან:

{% embed url="<https://www.figma.com/file/QTWoxa2OYVayZ04WJ0ZZ9k/QuizWiz?mode=design&node-id=1035-55349&t=sfxXNEO0AZprMgIJ-4&type=design>" %}
ფილტრი
{% endembed %}

{% hint style="info" %}
გაითვალისწინეთ, რომ ქვიზების დაფილტვრა შემიძლია, როგორც უშუალოდ ფილტრიდან, ასევე კატეგორიების სლაიდერიდანაც.
{% endhint %}

ფილტრის საშუალებით შემიძლია ქვიზების დაფილტვრა. ფილტრი შედგება შემდეგი ნაწილებისგან:

{% embed url="<https://www.figma.com/file/QTWoxa2OYVayZ04WJ0ZZ9k/QuizWiz?mode=design&node-id=1057-102141&t=sfxXNEO0AZprMgIJ-4&type=design>" %}
ფილტრი
{% endembed %}

* **Search** - სერჩის საშუალებით, მომხმარებელს უნდა შეეძლოს, უშუალოდ ფილტრში არსებული ინფორმაციის მოფილტვრა.
* **Filter By** - საიდანაც შემიძლია ავირჩიო ფილტრები.
* **Sort By** - აღნიშნული კომპონენტიდან შემიძლია ქვიზების დასორტვა.

<mark style="background-color:yellow;">Filter By:</mark>&#x20;

* **My Quizzes** - აღნიშნული ველი უნდა გამოუჩნდეს მხოლოდ ავტორიზირებულ მომხმარებელს
* **Not Completed** - აღნიშნული ველი უნდა გამოუჩნდეს მხოლოდ ავტორიზირებულ მომხმარებელს
* **Levels** - ძირითადი 6 სირთულის ხარისხი. მომხმარებელს უნდა შეეძლოს ბევრი ლეველის არჩევა.
* **Categories** - ფილტრების კატეგორიები. მომხმარებელს უნდა შეეძლოს ბევრი კატეგორიის არჩევა.

<mark style="background-color:yellow;">Sort By:</mark>

* **A-Z, Z-A** - ანბანის მიხედვით დასორტვა.
* **Most popular** - რომელ ქვიზს ყავს ყველაზე მეტი მომხმარებელი.
* **Newest,Oldest** - ქვიზების დამატების თარიღის მიხედვით მოფილტვრა.

{% hint style="info" %}
გაითვალისწინეთ, რომ <mark style="background-color:yellow;">სორტირების ველში</mark> მომხმარებელს შეუძლია მხოლოდ ერთი ველის მონიშვნა.
{% endhint %}

{% embed url="<https://www.figma.com/file/QTWoxa2OYVayZ04WJ0ZZ9k/QuizWiz?mode=design&node-id=1057-102530&t=sfxXNEO0AZprMgIJ-4&type=design>" %}
ფილტრი
{% endembed %}

ერთი ველის არჩევის შემთხვევაშიც, ფილტრში უნდა გაჩნდეს <mark style="background-color:blue;">Confirm</mark> ღილაკი, რომელზე დაჭერის შემდეგაც, უნდა დაიხუროს ფილტრი და მოიძებნოს შესაბამისი ქვიზები.&#x20;

<mark style="background-color:purple;">Reset all filters</mark> ღილაკზე დაჭერის შემთხვევაში უნდა გასუფთავდეს არჩეული ფილტრები.&#x20;

<mark style="background-color:purple;">X</mark> ღილაკზე დაჭერის შემთხევაში უნდა დაიხუროს ფილტრის მოდალი.
