From 8d33a0ab705d0e138143d62eaa973b7842d74423 Mon Sep 17 00:00:00 2001
From: Luke Holder <luke@pixelandtonic.com>
Date: Wed, 13 Sep 2023 23:29:25 +0800
Subject: [PATCH] update example templates when no card exists

---
 example-templates/dist/shop/plans/index.twig | 9 +++++++++
 example-templates/src/shop/plans/index.twig  | 9 +++++++++
 2 files changed, 18 insertions(+)

diff --git a/example-templates/dist/shop/plans/index.twig b/example-templates/dist/shop/plans/index.twig
index 4fd3a61e0d..d1efea5a56 100644
--- a/example-templates/dist/shop/plans/index.twig
+++ b/example-templates/dist/shop/plans/index.twig
@@ -93,6 +93,8 @@
 
       <div class="flex flex-wrap -mx-2">
         {% for plan in plans %}
+          {% set paymentSources = craft.commerce.paymentSources.getAllPaymentSourcesByCustomerId(currentUser.id, plan.gateway.id) %}
+
           <div class="px-2 w-full sm:w-1/2 lg:w-1/3">
             <div class="bg-gray-100 border-blue-300 border-b-2 p-6 mt-3">
               <form method="post" action="">
@@ -104,6 +106,7 @@
                 <h4 class="font-semibold">
                   {{- plan.name -}}
                 </h4>
+                {% if paymentSources|length %}
                 <div class="mt-3">
                   {% tag 'select' with {
                     name: 'trialDays',
@@ -131,6 +134,12 @@
                       text: 'Subscribe'|t
                     }) }}
                   </div>
+                  {% else %}
+                  <p class="py-4">
+                    {{- 'You do not have any payment sources set up for {gateway}.'|t({ gateway: plan.gateway.name }) -}}
+                  </p>
+                  <a href="/shop/customer/cards" class="cursor-pointer rounded px-4 py-2 inline-block bg-blue-500 hover:bg-blue-600 text-white hover:text-white">Add Card</a>
+                  {%  endif %}
                 </div>
               </form>
             </div>
diff --git a/example-templates/src/shop/plans/index.twig b/example-templates/src/shop/plans/index.twig
index 779b4cc169..8abcfb4492 100755
--- a/example-templates/src/shop/plans/index.twig
+++ b/example-templates/src/shop/plans/index.twig
@@ -93,6 +93,8 @@
 
       <div class="flex flex-wrap -mx-2">
         {% for plan in plans %}
+          {% set paymentSources = craft.commerce.paymentSources.getAllPaymentSourcesByCustomerId(currentUser.id, plan.gateway.id) %}
+
           <div class="px-2 w-full sm:w-1/2 lg:w-1/3">
             <div class="[[classes.box.base]] mt-3">
               <form method="post" action="">
@@ -104,6 +106,7 @@
                 <h4 class="font-semibold">
                   {{- plan.name -}}
                 </h4>
+                {% if paymentSources|length %}
                 <div class="mt-3">
                   {% tag 'select' with {
                     name: 'trialDays',
@@ -131,6 +134,12 @@
                       text: 'Subscribe'|t
                     }) }}
                   </div>
+                  {% else %}
+                  <p class="py-4">
+                    {{- 'You do not have any payment sources set up for {gateway}.'|t({ gateway: plan.gateway.name }) -}}
+                  </p>
+                  <a href="/[[folderName]]/customer/cards" class="[[classes.btn.base]] [[classes.btn.mainColor]]">Add Card</a>
+                  {%  endif %}
                 </div>
               </form>
             </div>