.-.-.-.-.-

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

{% set paymentSources = craft.commerce.paymentSources.getAllPaymentSourcesByCustomerId(currentUser.id ?? null) %}
{% set availableGateways = craft.commerce.gateways.allCustomerEnabledGateways %}

{% block main %}
  
  <div class="md:flex md:-mx-8">
    <div class="md:w-2/3 md:px-8">
      <h1 class="font-bold text-xl">
        {{- 'How would you like to pay?'|t -}}
      </h1>

{% if availableGateways is empty %}
        <p>{{ 'No payment methods available.'|t }}</p>
      {% endif %}

{% if availableGateways|length %}
        <div class="mt-3">
          <form method="post" action="" class="relative border-b-1 mb-4">
            {{ csrfInput() }}
            {{ actionInput('commerce/cart/update-cart') }}
            {{ redirectInput('shop/checkout/payment') }}
            {{ successMessageInput('Payment options selected.') }}

<div class="mt-3">
              {{ include('shop/checkout/_includes/gateways', {
                availableGateways: availableGateways,
                paymentSources: paymentSources
              }) }}
            </div>

<div class="mt-3">
              {{ include('shop/checkout/_includes/currencies') }}
            </div>

<div class="mt-6 flex justify-end">
              {{ tag('button', {
                type: 'submit',
                name: 'submit',
                class: 'cursor-pointer rounded px-4 py-2 inline-block bg-blue-500 hover:bg-blue-600 text-white hover:text-white',
                text: 'Next'|t
              }) }}
            </div>
          </form>
        </div>
      {% endif %}
    </div>
    <div class="mt-8 md:w-1/3 md:pr-8 md:mt-0">
      {{ include('shop/checkout/_includes/order-summary', {
        showShippingAddress: true,
        showShippingMethod: true
      }) }}
    </div>
  </div>
{% endblock %}

/srv/users/craft4/apps/craft4-newsite-space/templates/home/../shop/checkout/payment-method.twig