Find offers page view

[tsivkadi]

As a Student/Tutor, I want to see the page with offers list, so that I can find a proper tutor/student

Preconditions:
A User is logged in on the site.

Acceptance criteria:

1. A Student/Tutor can see a welcoming banner on the top of the page with the CRUD text “Tutors/Students for private lessons”.
   The mockup:
   

2. User can see search and sort toolbar

• User can filter offers by category or/and subject through category and subject dropdown menu
• User can filter offers by author name
• There is filter block in order to filter by other options
• User can choose whether to see students requests or tutors offers through switcher
• User can sort Offers list using sort button . When a user clicks on the sort button then a dropdown appears. A dropdown contains 4 sorting options: sort by Newest (the “Newest” button), sort by Top rated (the “Rating” button), sort by lowest price (the “Price low-high” button), sort by highest price (the “Price high-low” button).
• User can change a view style to list or tile using two clickable buttons. The currently chosen view style is highlighted. The quantity of offers/requests is:
  -- 4 for the List view type
  -- 9 for the Tile view type (3 horizontal and 3 vertical)

3. The page has pagination
   

4. A user can see the Popular categories list below the offers list. The Popular categories list contains 9 category icons (3 horizontal and 3 vertical).