Double Opt-In Lightbox

// src/components/template-components/double-opt-in-lightbox/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /template-components/double-opt-in-lightbox
additionalProperties: false

// src/components/template-components/double-opt-in-lightbox/double-opt-in-lightbox.html.twig

{#
  WARNING:
  this template must only be included once in the page template
  see @templates/page/page.html.twig
#}

{% include "@elements/lightbox/lightbox.html.twig" with {
  id: "doi",
  class: "js-DoubleOptInLightbox DoubleOptInLightbox",
  data_attributes: [
    {key: "success-title", value: "Unterschrift wurde bestätigt!"},
    {key: "success-copy", value: "Vielen Dank fürs Mitmachen. Wollen Sie noch mehr tun?"},
    {key: "error-title", value: "Unterschrift konnte nicht bestätigt werden."},
    {key: "error-copy", value: "Sie haben versucht einen Bestätigungslink zu benutzen, den es entweder nicht gibt oder der nicht mehr gültig ist."}
  ],
  title: "title",
  copy: "copy",
  footer: "Sie spenden bereits? Dann bedanken wir uns erneut ganz herzlich bei Ihnen!",
  link: {label: "– Unterstützen Sie Greenpeace jetzt auch mit ihrer Spende!", url: "#"},
  hide_opener: true,
  clickable_overlay: true
} only %}