MatchLiveTv/backend/app/views/public/team_pages/index.html.erb

<% content_for :title, "Squadre su Match Live TV — Dirette e replay sport giovanili" %>
<% content_for :meta_description, "Scopri le squadre sportive giovanili che trasmettono su Match Live TV. Cerca per nome, filtra per sport, trova dirette in corso e archivi replay." %>
<% content_for :canonical_url, seo_absolute_url(public_team_pages_path(filter_params_for_canonical)) %>

<div class="wrap team-directory">
  <h1>Squadre su Match Live TV</h1>
  <p class="results-hint">
    Società e squadre con dirette, replay pubblici o partite in programma.
    Cerca la tua squadra e apri la pagina per seguire calendario e archivio.
  </p>

  <%= form_with url: public_team_pages_path, method: :get, local: true, class: "team-directory-filters" do %>
    <div class="search-form team-directory-filters__search">
      <input
        type="search"
        name="q"
        value="<%= @query %>"
        placeholder="Nome squadra, società, città o palestra…"
        aria-label="Cerca squadra"
        autocomplete="off"
      />
      <button type="submit" class="btn btn-primary">Cerca</button>
    </div>

    <div class="team-directory-filters__row">
      <div class="team-directory-filters__field">
        <label for="sport" class="team-directory-filters__label">Sport</label>
        <select name="sport" id="sport" class="team-directory-filters__select" onchange="this.form.requestSubmit()">
          <option value="">Tutti gli sport</option>
          <% @sport_options.each do |sport| %>
            <option value="<%= sport[:key] %>"<%= " selected" if @sport == sport[:key] %>><%= sport[:label] %></option>
          <% end %>
        </select>
      </div>

      <div class="team-directory-filters__field team-directory-filters__field--chips">
        <span class="team-directory-filters__label" id="team-filter-chips-label">Mostra</span>
        <div class="team-directory-chips" role="group" aria-labelledby="team-filter-chips-label">
          <label class="filter-chip<%= " is-active" if @live_filter %>">
            <%= check_box_tag :live, "1", @live_filter, id: "filter_live", class: "filter-chip__input", onchange: "this.form.requestSubmit()" %>
            <span class="filter-chip__face" aria-hidden="true">
              <span class="filter-chip__dot filter-chip__dot--live"></span>
              In diretta
            </span>
          </label>
          <label class="filter-chip<%= " is-active" if @replays_filter %>">
            <%= check_box_tag :replays, "1", @replays_filter, id: "filter_replays", class: "filter-chip__input", onchange: "this.form.requestSubmit()" %>
            <span class="filter-chip__face" aria-hidden="true">
              <span class="filter-chip__icon">▶</span>
              Con replay
            </span>
          </label>
        </div>
      </div>

      <% if @query.present? || @sport.present? || @live_filter || @replays_filter %>
        <div class="team-directory-filters__actions">
          <span class="team-directory-filters__label team-directory-filters__label--spacer" aria-hidden="true">&nbsp;</span>
          <%= link_to "Azzera", public_team_pages_path, class: "btn btn-secondary team-directory-filters__reset" %>
        </div>
      <% end %>
    </div>
  <% end %>

  <% if @query.present? || @sport.present? || @live_filter || @replays_filter %>
    <p class="results-hint">
      <%= @entries.size %> squadre trovate
      <% if @query.present? %> per «<%= h @query %>»<% end %>
      <% if @sport.present? %> · <%= Sports::Catalog.find_optional(@sport)&.dig(:label) || @sport %><% end %>
    </p>
  <% else %>
    <p class="results-hint"><%= @entries.size %> squadre attive</p>
  <% end %>

  <% if @entries.any? %>
    <div class="team-directory-grid">
      <% @entries.each do |entry| %>
        <% team = entry.team %>
        <% club = team.club %>
        <% logo = team.effective_logo_url.presence || club.effective_logo_url %>
        <%= link_to public_team_page_path(team.slug), class: "team-directory-card" do %>
          <div class="team-directory-card__media">
            <% if team.team_photo_url.present? %>
              <%= image_tag team.team_photo_url, alt: "", class: "team-directory-card__photo", loading: "lazy" %>
            <% elsif logo.present? %>
              <%= image_tag logo, alt: "", class: "team-directory-card__photo team-directory-card__photo--logo", loading: "lazy" %>
            <% else %>
              <div class="team-directory-card__photo team-directory-card__photo--fallback" aria-hidden="true">
                <%= team.name.first(2).upcase %>
              </div>
            <% end %>
          </div>
          <div class="team-directory-card__body">
            <p class="team-directory-card__club"><%= club.name %></p>
            <h2 class="team-directory-card__name"><%= team.name %></h2>
            <p class="team-directory-card__meta"><%= team.sport_label %></p>
            <div class="team-directory-card__badges">
              <% if entry.live_now %>
                <span class="badge badge-on-air">In diretta</span>
              <% end %>
              <% if entry.upcoming_count.positive? %>
                <span class="badge badge-scheduled"><%= entry.upcoming_count %> in programma</span>
              <% end %>
              <% if entry.replay_count.positive? %>
                <span class="badge badge-wait"><%= entry.replay_count %> replay</span>
              <% end %>
            </div>
          </div>
        <% end %>
      <% end %>
    </div>
  <% else %>
    <div class="empty-state">
      <% if @query.present? || @sport.present? || @live_filter || @replays_filter %>
        <p><strong>Nessuna squadra trovata</strong> con i filtri selezionati.</p>
        <p><%= link_to "Mostra tutte le squadre attive", public_team_pages_path, class: "btn btn-secondary" %></p>
      <% else %>
        <p><strong>Nessuna squadra attiva al momento.</strong></p>
        <p>Quando una società avvierà dirette o pubblicherà replay, comparirà qui.</p>
        <%= link_to "Vai alle dirette live", public_live_index_path, class: "btn btn-secondary", style: "margin-top:12px;display:inline-block" %>
      <% end %>
    </div>
  <% end %>

  <p class="team-directory-footer muted">
    <%= link_to "Dirette in corso", public_live_index_path %> ·
    <%= link_to "Archivio replay", public_replay_index_path %>
  </p>
</div>