Search changes

[royappa]

1. Default search results will show empty. To see any results, the user has to select State, City, Keywords, or some combination according to the rules below.
2. Remove the google "Location" search box
3. Change the State dropdown to a single-select UI component
   • It should show the selected state (i.e., just like a normal HTML select)
   • If only State is selected, show all results from that State
   • Allow the user to clear the state by selecting blank (from top of list)
4. Change the City to a component like the current Keywords ("Search for Services)" component, where the user can type words and it will show a list of matching cities from our database.
   • We will not use the Region field
   • If the State is selected, then the matching should be done for Cities in that State only, otherwise, search ALL cities
   • The results should show all items matching that City
   • Use the exact component that we use right now for Keywords box ("Search for Services")
   • Once the City is selected, auto-set the State to the City chosen
   • If there are multiple cities of the same name, add their state in parentheses after their name. (There won't be two cities in the same state that have the same name, unless the data is bad - which you don't have to handle)
5. Keywords ("Search for Services") changes
   • Change placeholder to just "Search"
   • Disable until the user has selected a City and State
   • n the Keywords, do NOT show results in a dropdown. It is too confusing. Instead, add a Search button to the right of the box. The user has to hit Enter (on keyboard) or click Search button.
   • Match for services using the current logic but filter for results that are within the distance (Units and Radius) that are specified in Admin -> Settings -> Map.

[CleberTrichez]

done & site updated.