new

osinaweb/customercore/templates/products/osicard-plans.html

@@ -127,12 +127,18 @@
                         <p class="text-osiblue font-poppinsLight text-2xl font-semibold">$6/month</p>
                     </div>
 
-                    <a href="">
+                    {% if not active_order_item_standard %}
+                    <a  href="{% url 'buynow' osicard_standard.id %}">
                         <button
                             class="w-fit px-9 py-2 bg-secondosiblue border border-secondosiblue text-white uppercase hover:bg-white hover:text-secondosiblue duration-300">Get
                             Started
                         </button>
                     </a>
+                    {% else %}
+                    <button
+                        class="w-fit px-9 py-2 bg-white border border-green-700 text-green-700 uppercase cursor-default">Currently
+                        Subscribed</button>
+                    {% endif %}
 
                     <div class="w-full flex flex-col gap-3 mt-5">
                         <h1 class="text-gray-500 text-[17px] font-light">Features:</h1>
@@ -214,19 +220,25 @@
             </div>
 
             <div
-                class="w-full h-full border border-gray-200 p-9 flex flex-col gap-5 items-center  {% if active_order_item_basic %} bg-black bg-opacity-20 {% endif %}">
+                class="w-full h-full border border-gray-200 p-9 flex flex-col gap-5 items-center  {% if active_order_item_premium %} bg-black bg-opacity-20 {% endif %}">
                 <p class="text-secondosiblue uppercase font-poppinsBold text-2xl text-center">Business</p>
 
                 <div class="w-full flex flex-col justify-center items-center">
                     <p class="text-osiblue font-poppinsLight text-2xl font-semibold">$25/month</p>
                 </div>
 
-                <a href="{% url 'buyfreeosicard' %}">
+                {% if not active_order_item_premium %}
+                    <a  href="{% url 'buynow' osicard_premium.id %}">
+                        <button
+                            class="w-fit px-9 py-2 bg-secondosiblue border border-secondosiblue text-white uppercase hover:bg-white hover:text-secondosiblue duration-300">Get
+                            Started
+                        </button>
+                    </a>
+                {% else %}
                     <button
-                        class="w-fit px-9 py-2 bg-secondosiblue border border-secondosiblue text-white uppercase hover:bg-white hover:text-secondosiblue duration-300">Get
+                    class="w-fit px-9 py-2 bg-white border border-green-700 text-green-700 uppercase cursor-default">Currently
-                        Started
+                    Subscribed</button>
-                    </button>
+                {% endif %}
-                </a>
 
                 <div class="w-full flex flex-col gap-3 mt-5">
                     <h1 class="text-gray-500 text-[17px] font-light">Features:</h1>
@@ -311,19 +323,26 @@
         <!-- PRICING ON MOBILE -->
         <div class="w-full flex l:hidden flex-col gap-10 mt-10">
             <div>
-                <div class="w-full p-9 border border-gray-200 flex flex-col items-center gap-5 rounded-t-md">
+                <div class="w-full p-9 border border-gray-200 flex flex-col items-center gap-5 rounded-t-md {% if active_order_item_basic %} bg-black bg-opacity-20 {% endif %}">
                     <p class="text-secondosiblue uppercase font-poppinsBold text-xl text-center">Basic</p>
 
                     <div class="w-full flex flex-col justify-center items-center">
                         <p class="text-osiblue font-poppinsLight text-xl font-semibold">$0/month</p>
                     </div>
 
-                    <a href="">
+                    {% if not active_order_item_basic %}
+                        <a href="{% url 'buyfreeosicard' %}">
+                            <button
+                                class="w-fit px-9 py-2 bg-secondosiblue border border-secondosiblue text-white uppercase hover:bg-white hover:text-secondosiblue duration-300">Get
+                                Started
+                            </button>
+                        </a>
+                    {% else %}
                         <button
-                            class="w-fit px-9 py-2 bg-secondosiblue border border-secondosiblue text-white uppercase hover:bg-white hover:text-secondosiblue duration-300">Get
+                            class="w-fit px-9 py-2 bg-white border border-green-700 text-green-700 uppercase cursor-default">
-                            Started
+                            Currently Subscribed
                         </button>
-                    </a>
+                    {% endif %}
                 </div>
 
                 <div
@@ -420,12 +439,19 @@
                         <p class="text-osiblue font-poppinsLight text-xl font-semibold">$6/month</p>
                     </div>
 
-                    <a href="">
+                    {% if not active_order_item_standard %}
+                    <a href="{% url 'buynow' osicard_standard.id %}">
                         <button
                             class="w-fit px-9 py-2 bg-secondosiblue border border-secondosiblue text-white uppercase hover:bg-white hover:text-secondosiblue duration-300">Get
                             Started
                         </button>
                     </a>
+                    {% else %}
+                        <button
+                            class="w-fit px-9 py-2 bg-white border border-green-700 text-green-700 uppercase cursor-default">
+                            Currently Subscribed
+                    </a>
+                    {% endif %}
                 </div>
 
                 <div
@@ -518,12 +544,19 @@
                         <p class="text-osiblue font-poppinsLight text-2xl font-semibold">$25/month</p>
                     </div>
 
-                    <a href="">
+                    {% if not active_order_item_premium %}
+                    <a href="{% url 'buynow' osicard_premium.id %}">
                         <button
                             class="w-fit px-9 py-2 bg-secondosiblue border border-secondosiblue text-white uppercase hover:bg-white hover:text-secondosiblue duration-300">Get
                             Started
                         </button>
                     </a>
+                    {% else %}
+                        <button
+                            class="w-fit px-9 py-2 bg-white border border-green-700 text-green-700 uppercase cursor-default">
+                            Currently Subscribed
+                    </a>
+                    {% endif %}
                 </div>
 
                 <div

osinaweb/customercore/views.py

@@ -197,10 +197,21 @@ def osimenu_plans(request, *args, **kwargs):
 def osicard_plans(request, *args, **kwargs):
 
     osicard_basic = Item.objects.filter(title='OSICARD BASIC').first()
+    osicard_standard = Item.objects.filter(title='OSICARD STANDARD').first()
+    osicard_premium= Item.objects.filter(title='OSICARD PREMIUM').first()
     active_order_item_basic = OrderItem.objects.filter(order__customer=request.user.customerprofile, item=osicard_basic, active=True)
+    active_order_item_standard = OrderItem.objects.filter(order__customer=request.user.customerprofile, item=osicard_standard, active=True)
+    active_order_item_premium = OrderItem.objects.filter(order__customer=request.user.customerprofile, item=osicard_premium, active=True)
+    
     
     context = {
         'active_order_item_basic': active_order_item_basic,  
+        'active_order_item_standard': active_order_item_standard,
+        'active_order_item_premium': active_order_item_premium,
+        'osicard_standard': osicard_standard,
+        'osicard_premium': osicard_premium,
+        'active_order_item_premium': active_order_item_premium,
+
     }
 
     return render(request, 'products/osicard-plans.html', context)