<!--Descriptive page name, messages and instructions-->
<h2 class="heading"><%= t(".heading.page_title") %></h2>
<%= error_messages_for :abuse_report %>
<!--/descriptions-->

<!--subnav-->
<h3 class="landmark heading"><%= t("a11y.navigation") %></h3>
<%= render "home/tos_navigation" %>
<!--/subnav-->

<!--main content-->
<h3 class="landmark heading"><%= t(".page_content_landmark") %></h3>
<div class="userstuff">
  <p id="reportwhat"><big><strong>
    <%= t(".purview.about_html",
          tos_link: link_to(t(".purview.tos"), tos_path),
          tos_faq_link: link_to(t(".purview.tos_faq"), tos_faq_path(anchor: "how_to_report"))) %>
  </strong></big></p>

  <p>
    <%= t(".purview.contact_support_html",
          fnok_link: link_to(t(".purview.fnok"), archive_faq_path("fannish-next-of-kin")),
          support_link: link_to(t(".purview.support"), new_feedback_report_path)) %>
  </p>

  <p>
    <%= t(".purview.dmca_takedown_html",
          dmca_abbreviation: tag.abbr(t(".purview.dmca.abbreviated"), title: t(".purview.dmca.full")),
          legal_link: link_to(t(".purview.legal"), dmca_path)) %>
  </p>

  <p id="reportwhy">
    <strong>
      <%= t(".reportable.intro_html",
            pac_link: link_to(t(".reportable.pac"), "https://www.transformativeworks.org/committees/policy-abuse-committee/")) %>
    </strong>
  </p>

  <ul>
    <li><%= t(".reportable.violation_html",
              content_policy_link: link_to(t(".reportable.content_policy"), content_path),
              tos_link: link_to(t(".reportable.tos"), tos_path)) %></li>
    <li><%= t(".reportable.allowed") %></li>
    <li><%= t(".reportable.harassment") %></li>
    <li><%= t(".reportable.hack") %></li>
    <li><%= t(".reportable.suspended_html",
              email_link: link_to(t(".reportable.email"), tos_faq_path(anchor: "complaint_notification"))) %>
    </li>
  </ul>

  <p id="reporthow">
    <strong>
      <%= t(".include.intro") %>
    </strong>
  </p>

  <ul>
    <li><%= t(".include.username_html",
              reported_username_link: link_to(t(".include.reported_username"), tos_faq_path(anchor: "user_unknown"))) %></li>
    <li><%= t(".include.other_content") %></li>
    <li><%= t(".include.quote") %></li>
    <li><%= t(".include.evidence_html",
              sources_link: link_to(t(".include.sources"), tos_faq_path(anchor: "report_infringement"))) %></li>
  </ul>

  <p>
    <%= t(".do_not_spam.paragraph_html",
          split_bold: tag.strong(t(".do_not_spam.split")),
          delay_link: link_to(t(".do_not_spam.delay"), tos_faq_path(anchor: "complaint_resolution"))) %>
  </p>

  <p id="reportlanguage">
    <%= t(".languages.intro_html",
          list_html: to_sentence(@abuse_languages.map { |language| tag.span(language.name, lang: language.short) })) %>
    <strong><%= t(".languages.delay") %></strong>
  </p>
</div>

<%= form_for @abuse_report, class: "post" do |f| %>
  <fieldset>
    <legend><%= t(".form.legend.abuse") %></legend>

    <dl>
      <dt><%= f.label :username, t(".form.name.label") %></dt>
      <dd><%= f.text_field :username %></dd>

      <dt class="required"><%= f.label :email, t(".form.email.label") %></dt>
      <dd class="required">
        <%= f.text_field :email, "aria-describedby" => "email-field-description" %>
        <p class="footnote" id="email-field-description">
          <%= t(".form.email.description") %>
        </p>
      </dd>

      <dt class="required">
        <%= f.label :language, t(".form.language.label") %>
      </dt>
      <dd class="required">
        <%= f.select(:language, language_options_for_select(@abuse_languages, "name"),
              { selected: @abuse_report.language || Language.default.name }) %>
      </dd>

      <dt class="required"><%= f.label :url, t(".form.link.label") %></dt>
      <dd class="required">
        <%= f.text_field :url, size: 60, "aria-describedby" => "url-field-description" %>
        <%= live_validation_for_field("abuse_report_url",
                                      failureMessage: t(".form.link.error")) %>
        <p class="footnote" id="url-field-description">
          <%= t(".form.link.description") %>
        </p>
      </dd>

      <dt class="required">
        <%= f.label :summary, t(".form.summary.label") %>
      </dt>
      <dd class="required">
        <%= f.text_field :summary, class: "observe_textlength", "aria-describedby" => "summary-field-description" %>
        <p class="footnote" id="summary-field-description">
          <%= t(".form.summary.description") %>
        </p>
        <%= generate_countdown_html("abuse_report_summary", ArchiveConfig.FEEDBACK_SUMMARY_MAX_DISPLAYED) %>
        <%= live_validation_for_field("abuse_report_summary",
                                      failureMessage: t(".form.summary.error")) %>
      </dd>

      <dt class="required">
        <%= f.label :comment, t(".form.comment.label") %>
      </dt>
      <dd class="required">
        <p id="comment-field-description">
          <%= t(".form.comment.description_html",
                content_policy_link: link_to(t(".form.comment.content_policy"), content_path),
                tos_link: link_to(t(".form.comment.tos"), tos_path),
                include_link: link_to(t(".form.comment.include"), anchor: "reporthow")) %>
        </p>
        <%= f.text_area :comment, "aria-describedby" => "comment-field-description" %>
        <%= live_validation_for_field("abuse_report_comment",
                                      failureMessage: t(".form.comment.error")) %>
      </dd>
      
      <dt class="landmark"><%= t(".form.landmark.send") %></dt>
      <dd class="submit actions"><%= f.submit t(".form.submit.active") %></dd>
    </dl>
  </fieldset>

<% end %>
<!--/content-->
