MatchLiveTv/backend/app/views/public/contacts/show.html.erb

<% content_for :title, t("pages.contacts.meta_title") %>
<% content_for :meta_description, t("pages.contacts.meta_description") %>
<% content_for :canonical_url, seo_absolute_url(public_contatti_path) %>

<article class="contacts-page">
  <header class="features-hero contacts-hero">
    <div class="wrap">
      <p class="features-hero__eyebrow"><%= t("pages.contacts.eyebrow") %></p>
      <h1><%= t("pages.contacts.title") %></h1>
      <p class="features-hero__lead"><%= t("pages.contacts.lead") %></p>
      <p class="contacts-hero__meta"><%= t("pages.contacts.response_time") %></p>
    </div>
  </header>

  <section class="section wrap" aria-label="<%= t("pages.contacts.title") %>">
    <div class="contacts-channels">
      <article class="feature-card">
        <span class="feature-card__icon" aria-hidden="true"><i class="fa-solid fa-briefcase"></i></span>
        <h2><%= t("pages.contacts.commercial_title") %></h2>
        <p><%= t("pages.contacts.commercial_body") %></p>
        <p class="contacts-channels__email">
          <%= mail_to MatchLiveTv.support_email, MatchLiveTv.support_email %>
        </p>
      </article>

      <article class="feature-card">
        <span class="feature-card__icon feature-card__icon--blue" aria-hidden="true"><i class="fa-solid fa-life-ring"></i></span>
        <h2><%= t("pages.contacts.support_title") %></h2>
        <p>
          <%= raw t(
            "pages.contacts.support_body_html",
            faq_link: link_to(t("pages.contacts.faq_link"), public_faq_path),
            support_link: link_to(t("pages.contacts.support_link"), public_support_path)
          ) %>
        </p>
        <p class="contacts-channels__email">
          <%= mail_to MatchLiveTv.support_email, MatchLiveTv.support_email %>
        </p>
      </article>

      <article class="feature-card">
        <span class="feature-card__icon feature-card__icon--gold" aria-hidden="true"><i class="fa-solid fa-shield-halved"></i></span>
        <h2><%= t("pages.contacts.privacy_title") %></h2>
        <p><%= t("pages.contacts.privacy_body") %></p>
        <p class="contacts-channels__email">
          <%= mail_to MatchLiveTv.privacy_controller_email, MatchLiveTv.privacy_controller_email %>
        </p>
      </article>
    </div>
  </section>

  <section class="section wrap" aria-labelledby="contacts-company-title">
    <div class="features-panel contacts-company">
      <h2 id="contacts-company-title"><%= t("pages.contacts.company_title") %></h2>
      <p class="features-panel__lead"><%= t("pages.contacts.company_lead") %></p>
      <ul class="contacts-company__details">
        <li><strong><%= MatchLiveTv.privacy_controller_name %></strong></li>
        <li><%= t("pages.contacts.label_address") %>: <%= MatchLiveTv.privacy_controller_address %></li>
        <% if MatchLiveTv.privacy_controller_vat.present? %>
          <li><%= t("pages.contacts.label_vat") %>: <%= MatchLiveTv.privacy_controller_vat %></li>
        <% end %>
      </ul>
    </div>
  </section>

  <section class="section wrap" aria-labelledby="contacts-form-title">
    <div class="contacts-form-panel">
      <h2 id="contacts-form-title"><%= t("pages.contacts.form_title") %></h2>
      <p class="contacts-form-panel__lead"><%= t("pages.contacts.form_lead") %></p>

      <%= form_with url: public_contatti_path, method: :post, local: true, class: "contacts-form" do %>
        <div class="contacts-hp" aria-hidden="true">
          <label for="website"><%= t("pages.contacts.honeypot_label") %></label>
          <%= text_field_tag :website, @inquiry[:website], tabindex: -1, autocomplete: "off" %>
        </div>

        <%= label_tag :name, t("pages.contacts.name_label") %>
        <%= text_field_tag :name, @inquiry[:name], required: true, maxlength: 120, autocomplete: "name" %>

        <%= label_tag :email, t("pages.contacts.email_label") %>
        <%= email_field_tag :email, @inquiry[:email], required: true, autocomplete: "email" %>

        <%= label_tag :club_name, t("pages.contacts.club_label") %>
        <%= text_field_tag :club_name, @inquiry[:club_name], maxlength: 160, autocomplete: "organization" %>

        <%= label_tag :topic, t("pages.contacts.topic_label") %>
        <%= select_tag :topic, options_for_select(
              [
                [t("pages.contacts.topic_commercial"), "commercial"],
                [t("pages.contacts.topic_support"), "support"],
                [t("pages.contacts.topic_privacy"), "privacy"]
              ],
              @inquiry[:topic]
            ), required: true %>

        <%= label_tag :message, t("pages.contacts.message_label") %>
        <%= text_area_tag :message, @inquiry[:message], required: true, rows: 6, maxlength: 4000 %>

        <label class="legal-accept">
          <%= check_box_tag :accept_privacy, "1", @inquiry[:accept_privacy] == "1", required: true %>
          <span class="legal-accept-text">
            <%= raw t(
              "pages.contacts.privacy_accept_html",
              privacy_link: link_to(t("pages.contacts.privacy_link"), public_privacy_path, target: "_blank", rel: "noopener")
            ) %>
          </span>
        </label>

        <%= submit_tag t("pages.contacts.submit"), class: "btn btn-primary" %>
      <% end %>
    </div>
  </section>

  <section class="section wrap features-cta" aria-labelledby="contacts-cta-title">
    <div class="features-cta__box">
      <h2 id="contacts-cta-title"><%= t("pages.contacts.cta_title") %></h2>
      <p><%= t("pages.contacts.cta_body") %></p>
      <div class="features-cta__actions">
        <%= link_to t("pages.contacts.cta_faq"), public_faq_path, class: "btn btn-outline" %>
        <%= link_to t("pages.contacts.cta_signup"), public_signup_path, class: "btn btn-primary" %>
      </div>
    </div>
  </section>
</article>