<form class="filters" method="get" action="/evenimente">
  <input type="search" name="q" value="<%= filters.q || '' %>" placeholder="Cauta eveniment, artist, locatie">
  <select name="city">
    <option value="">Toate orasele</option>
    <% cities.forEach((city) => { %>
      <option value="<%= city.slug %>" <%= filters.city === city.slug ? 'selected' : '' %>><%= city.name %></option>
    <% }) %>
  </select>
  <select name="category">
    <option value="">Toate categoriile</option>
    <% categories.forEach((category) => { %>
      <option value="<%= category.slug %>" <%= filters.category === category.slug ? 'selected' : '' %>><%= category.name %></option>
    <% }) %>
  </select>
  <select name="date">
    <option value="">Oricand</option>
    <option value="today" <%= filters.date === 'today' ? 'selected' : '' %>>Astazi</option>
    <option value="weekend" <%= filters.date === 'weekend' ? 'selected' : '' %>>Weekend</option>
    <option value="month" <%= filters.date === 'month' ? 'selected' : '' %>>Luna aceasta</option>
    <option value="future" <%= filters.date === 'future' ? 'selected' : '' %>>Urmatoarele</option>
  </select>
  <input type="number" min="0" step="1" name="minPrice" value="<%= filters.minPrice || '' %>" placeholder="Pret min">
  <input type="number" min="0" step="1" name="maxPrice" value="<%= filters.maxPrice || '' %>" placeholder="Pret max">
  <select name="sort">
    <option value="date" <%= filters.sort === 'date' ? 'selected' : '' %>>Data</option>
    <option value="popular" <%= filters.sort === 'popular' ? 'selected' : '' %>>Popularitate</option>
    <option value="price" <%= filters.sort === 'price' ? 'selected' : '' %>>Pret</option>
    <option value="newest" <%= filters.sort === 'newest' ? 'selected' : '' %>>Nou adaugate</option>
  </select>
  <button type="submit">Filtreaza</button>
</form>
