<Layouts.app flash={@flash} current_scope={@current_scope}>
  <div class="mx-auto max-w-2xl">
    <div class="text-sm font-semibold text-error">{gettext("TAKE IT DOWN")}</div>
    <h1 class="mt-2 text-4xl font-black">
      {gettext("Request removal of intimate visual material")}
    </h1>
    <p class="mt-3 text-base-content/65">
      {gettext(
        "Use this dedicated process when an identifiable person is shown in an intimate image or video shared without consent, including a digital forgery. You may submit for yourself or as an authorised representative."
      )}
    </p>
    <div class="alert alert-error mt-5 text-sm font-semibold">
      {gettext(
        "Do not upload the image or video. Provide only the exact Who Need Help URL where it appears and enough text to identify it safely."
      )}
    </div>

    <.form for={@form} action={~p"/legal/take-it-down"} class="mt-8 space-y-4">
      <.input
        field={@form[:category]}
        type="select"
        label={gettext("Material involved")}
        options={[
          {gettext("Non-consensual intimate image or video"), "non_consensual_intimate_media"},
          {gettext("Sexual material involving a minor"), "child_sexual_abuse_material"}
        ]}
        prompt={gettext("Choose a category")}
        required
      />
      <.input field={@form[:submitter_name]} label={gettext("Your full name")} required />
      <.input
        field={@form[:contact_email]}
        type="email"
        label={gettext("Contact email")}
        value={@contact_email || @form[:contact_email].value}
        readonly={not is_nil(@contact_email)}
        required
      />
      <.input
        field={@form[:relationship]}
        type="select"
        label={gettext("Who are you submitting for?")}
        options={[
          {gettext("Myself"), "self"},
          {gettext("A person I am authorised to represent"), "authorized_representative"}
        ]}
        prompt={gettext("Choose a relationship")}
        required
      />
      <.input
        field={@form[:content_locations]}
        type="textarea"
        label={gettext("Exact content URLs — one per line")}
        required
      />
      <.input
        field={@form[:explanation]}
        type="textarea"
        label={
          gettext(
            "Identify the material without reproducing it and explain why it is non-consensual"
          )
        }
        required
      />
      <.input
        field={@form[:electronic_signature]}
        label={gettext("Electronic signature (type your full name)")}
        required
      />
      <.input
        field={@form[:good_faith]}
        type="checkbox"
        label={
          gettext(
            "I have a good-faith belief that this intimate visual material was shared without consent."
          )
        }
      />
      <.input
        field={@form[:accurate_complete]}
        type="checkbox"
        label={
          gettext(
            "I confirm that the information in this request is accurate and that I am the depicted person or authorised to act for them."
          )
        }
      />
      <.button class="btn btn-error w-full">{gettext("Submit urgent removal request")}</.button>
    </.form>
  </div>
</Layouts.app>
