<Layouts.app flash={@flash} current_scope={@current_scope}>
  <div class="mx-auto max-w-2xl">
    <div class="text-sm font-semibold text-error">{gettext("CONTENT REMOVAL")}</div>
    <h1 class="mt-2 text-4xl font-black">{gettext("Report illegal or harmful content")}</h1>
    <p class="mt-3 text-base-content/65">
      {gettext(
        "Use this electronic notice for specific content on Who Need Help that you believe is illegal or infringes your rights. Ordinary safety reports inside a request or chat remain available to signed-in users."
      )}
    </p>
    <div class="alert alert-info mt-5 text-sm">
      {gettext(
        "Provide exact Who Need Help URLs. Do not upload or paste intimate imagery, identity documents, passwords, access codes, or unnecessary medical information."
      )}
    </div>

    <.form for={@form} action={~p"/legal/content-removal"} class="mt-8 space-y-4">
      <.input
        field={@form[:category]}
        type="select"
        label={gettext("Reason")}
        options={[
          {gettext("Illegal content"), "illegal_content"},
          {gettext("Privacy violation"), "privacy_violation"},
          {gettext("Copyright"), "copyright"},
          {gettext("Impersonation"), "impersonation"},
          {gettext("Non-consensual intimate image or video"), "non_consensual_intimate_media"},
          {gettext("Sexual material involving a minor"), "child_sexual_abuse_material"},
          {gettext("Threat to life or safety"), "threat_to_life_or_safety"},
          {gettext("Other"), "other"}
        ]}
        prompt={gettext("Choose a reason")}
        required
      />
      <.input field={@form[:submitter_name]} label={gettext("Your name or organisation")} />
      <.input
        field={@form[:contact_email]}
        type="email"
        label={gettext("Contact email")}
        value={@contact_email || @form[:contact_email].value}
        readonly={not is_nil(@contact_email)}
      />
      <.input
        field={@form[:relationship]}
        type="select"
        label={gettext("Your relationship to the affected person or rights holder")}
        options={[
          {gettext("I am the affected person or rights holder"), "self"},
          {gettext("I am an authorised representative"), "authorized_representative"},
          {gettext("Other"), "other"}
        ]}
        prompt={gettext("Choose a relationship")}
      />
      <.input
        field={@form[:content_locations]}
        type="textarea"
        label={gettext("Exact content URLs — one per line")}
        required
      />
      <.input
        field={@form[:explanation]}
        type="textarea"
        label={gettext("Why do you believe this content should be removed?")}
        required
      />
      <.input
        field={@form[:legal_basis]}
        type="textarea"
        label={gettext("Law, right, or policy involved, if known")}
      />
      <.input
        field={@form[:electronic_signature]}
        label={gettext("Electronic signature (type your full name)")}
      />
      <.input
        field={@form[:good_faith]}
        type="checkbox"
        label={
          gettext(
            "I believe in good faith that the identified content is illegal or infringes the stated right."
          )
        }
      />
      <.input
        field={@form[:accurate_complete]}
        type="checkbox"
        label={
          gettext(
            "I confirm that this notice is accurate and complete to the best of my knowledge."
          )
        }
      />
      <p class="text-xs text-base-content/55">
        {gettext(
          "Identity and contact fields may be omitted for reports of sexual material involving a minor. Do not include or upload the material itself."
        )}
      </p>
      <.button class="btn btn-error w-full">{gettext("Submit removal notice")}</.button>
    </.form>
  </div>
</Layouts.app>
