.-.-.-.-.-

{% extends 'shop/_private/layouts' %}

{# @var donation \craft\commerce\elements\Donation #}
{% set donation = craft.commerce.donation %}

{% block main %}
  
  <h1 class="text-3xl block sm:inline">
    {{- 'Donation'|t -}}
  </h1>
  {% if currentUser and currentUser.admin %}<a href="{{cpUrl('commerce/store-settings/donation')}}" class="p-1">✍️</a>{% endif %}

{% if donation and donation.isAvailable %}
    <form method="post" action="" class="pt-2 pb-8">
      {{ csrfInput() }}
      {{ actionInput('commerce/cart/update-cart') }}
      {{ successMessageInput('Donation added.'|t) }}
      {{ redirectInput('shop/cart') }}
      {{ hiddenInput('purchasableId', craft.commerce.donation.id) }}

<div>
        <label for="donation-amount">
          {{- 'Enter a donation amount e.g. 10, 15, 20'|t -}}
        </label>
      </div>
      <div>
        {{ input('text', 'options[donationAmount]', '', {
          id: 'donation-amount',
          placeholder: 10,
          class: 'border border-gray-300 hover:border-gray-500 px-4 py-2 leading-tight rounded'
        }) }}
      </div>
      <div class="mt-3">
        {{ tag('button', {
          type: 'submit',
          class: 'cursor-pointer rounded px-4 py-2 inline-block bg-blue-500 hover:bg-blue-600 text-white hover:text-white',
          text: 'Add donation'|t
        }) }}
      </div>
    </form>
  {% else %}
    <h2 class="text-lg font-semibold text-gray-600 mt-4">
      {{- 'No donation set up.'|t -}}
    </h2>
  {% endif %}
{% endblock %}

/srv/users/craft4/apps/craft4-newsite-space/templates/shop/donations/index.twig