I am building a web application that allows users to search a gym chain's class timetables. This gym has multiple branches, in multiple states and cities. The inputs to the class timetable search are:
Location - user can select multiple gym branches (there are over 100 in total) to search for - they can be in any state and city
Class type - can select multiple class types (only around 10 class types) e.g. Body Pump or Spin
Day of week - can search as many days of the week, default selection is all days
I would like to restrict the number of gym clubs the user can select to maybe 5 - I don't want to have a case where my application is searching hundreds of timetables.
The part I am most struggling with is the location selection - I don't want to have one long page of checkboxes and I want the user to know which clubs they have selected so far.