<% content_for :title, "Replay — Match Live TV" %>
<% content_for :meta_description, "Archivio replay delle dirette sportive su Match Live TV. Cerca per società, squadra o avversario." %>

<div class="wrap replay-index">
  <%= link_to "← Dirette live", public_live_index_path, class: "back-link" %>

  <h1>Live passate</h1>
  <p class="results-hint">Replay pubblici delle società sportive — riguarda le partite già trasmesse.</p>

  <%= form_with url: public_replay_index_path, method: :get, local: true, class: "search-form" do %>
    <% if params[:club_id].present? %>
      <%= hidden_field_tag :club_id, params[:club_id] %>
    <% end %>
    <input
      type="search"
      name="q"
      value="<%= @query %>"
      placeholder="Es. Tigers Volley, avversario, società, luogo…"
      aria-label="Cerca replay"
      autocomplete="off"
    />
    <button type="submit" class="btn btn-primary">Cerca</button>
    <% if @query.present? || params[:club_id].present? %>
      <%= link_to "Azzera", public_replay_index_path, class: "btn btn-secondary" %>
    <% end %>
  <% end %>

  <% if @clubs.many? %>
    <%= form_with url: public_replay_index_path, method: :get, local: true, class: "replay-filter-form" do %>
      <% if @query.present? %>
        <%= hidden_field_tag :q, @query %>
      <% end %>
      <label for="club_id" class="muted">Società</label>
      <select name="club_id" id="club_id" class="input" onchange="this.form.submit()">
        <option value="">Tutte le società</option>
        <% @clubs.each do |club| %>
          <option value="<%= club.id %>"<%= " selected" if params[:club_id].to_s == club.id.to_s %>><%= club.name %></option>
        <% end %>
      </select>
    <% end %>
  <% end %>

  <% if @query.present? %>
    <p class="results-hint">
      Risultati per «<%= h @query %>»<% if @filter_club %> · <%= @filter_club.name %><% end %>:
      <%= @recordings.size %> replay
    </p>
  <% end %>

  <% if @recordings.any? %>
    <div class="replay-grid">
      <% @recordings.each do |rec| %>
        <% match = rec.stream_session.match %>
        <%= link_to public_replay_path(rec.stream_session_id), class: "replay-card" do %>
          <div class="replay-card__media">
            <% if rec.thumbnail_url %>
              <img src="<%= rec.thumbnail_url %>" alt="" class="replay-card__thumb" loading="lazy" width="320" height="180">
            <% else %>
              <div class="replay-card__thumb replay-card__thumb--placeholder" aria-hidden="true">
                <span class="replay-card__placeholder-icon">▶</span>
              </div>
            <% end %>
            <span class="replay-card__duration"><%= rec.duration_label %></span>
            <span class="replay-card__play" aria-hidden="true">▶</span>
          </div>
          <div class="replay-card__body">
            <strong class="replay-card__title"><%= rec.title_or_default %></strong>
            <p class="replay-card__meta">
              <%= match.team.club.name %> · <%= l_local(rec.recorded_at_or_fallback) %>
            </p>
            <p class="replay-card__meta replay-card__meta--sub">
              <%= rec.views_label %>
            </p>
          </div>
        <% end %>
      <% end %>
    </div>
  <% else %>
    <div class="empty-state">
      <% if @query.present? || params[:club_id].present? %>
        <p><strong>Nessun replay trovato</strong> con i filtri selezionati.</p>
        <p><%= link_to "Mostra tutti i replay pubblici", public_replay_index_path, class: "btn btn-secondary" %></p>
      <% else %>
        <p><strong>Nessun replay pubblico al momento.</strong></p>
        <p>Quando una società rende pubblica una registrazione, 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 %>
</div>
