{{ if $.Param "donationOptions.enable" }}
<div class="donation__message">
  {{ i18n "donate-message" }}
</div>
<div class="donation">  
  {{ range $name, $path := $.Param "donationOptions" }}
    {{ if (and $path (ne $name "enable")) }}
      {{ if in $name "patreon" }}
        <a href="{{ $path | safeURL }}" title="{{ $name }}" aria-label="{{ $name }}" class="donation__item">
          {{ partial (print "svgs/donation/" $name ".svg") (dict "width" 19 "height" 19) }}
          {{ $name }}
        </a>
      {{ else if in $name "paypal" }}
        <a href="{{ $path | safeURL }}" title="{{ $name }}" aria-label="{{ $name }}" class="donation__item">
          {{ partial (print "svgs/donation/" $name ".svg") (dict "width" 22 "height" 22) }}
          {{ $name }}
        </a>
      {{ else if in $name "bitcoin" }}
        <div class="donation__item donation__dropup">
          {{ partial (print "svgs/donation/" $name ".svg") (dict "width" 22 "height" 22) }}
          {{ $name }}
          <div class="donation__dropup--content">
            {{ $path }}
          </div>
        </div>
      {{ else }}
        <div class="donation__item donation__dropup">
          {{ partial (print "svgs/donation/" $name ".svg") (dict "width" 22 "height" 22) }}
          {{ $name }}
          <div class="donation__dropup--content">
            <img data-src="{{ $path | relURL }}" alt="{{ $name }} QR Code" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload"/>
          </div>        
        </div>        
      {{ end }}
    {{ end }}
  {{ end }}
</div>
{{ end }}