From 9aa0c6e9d32c521a7aa886667d61f3f1f48f53d1 Mon Sep 17 00:00:00 2001
From: Hritikkk9 <hritikdhanawade3@gmail.com>
Date: Fri, 26 Jul 2024 13:02:26 +0530
Subject: [PATCH] sub ui updated

---
 .../Customer_API/SubscriptionController.php   |  2 +-
 .../subscriptions/cancel-thank-you.blade.php  | 31 ++++++---
 .../subscriptions/my-subscription.blade.php   | 31 ++++++---
 .../pages/subscriptions/thank-you.blade.php   | 67 ++++++++++++++++---
 4 files changed, 101 insertions(+), 30 deletions(-)

diff --git a/app/Http/Controllers/APIs/Customer_API/SubscriptionController.php b/app/Http/Controllers/APIs/Customer_API/SubscriptionController.php
index 5d22aae..f5bde1d 100644
--- a/app/Http/Controllers/APIs/Customer_API/SubscriptionController.php
+++ b/app/Http/Controllers/APIs/Customer_API/SubscriptionController.php
@@ -34,7 +34,7 @@ class SubscriptionController extends Controller
 
             // dd($token, Session::get('vendorToken'));
             if ($token) {
-                // $user_id = 54;
+                // $user_id = 13;
                 $user_id = $token['sub'];
 
                 $dateTime = now();
diff --git a/resources/views/Admin/pages/subscriptions/cancel-thank-you.blade.php b/resources/views/Admin/pages/subscriptions/cancel-thank-you.blade.php
index 8e8c3c6..632130d 100644
--- a/resources/views/Admin/pages/subscriptions/cancel-thank-you.blade.php
+++ b/resources/views/Admin/pages/subscriptions/cancel-thank-you.blade.php
@@ -13,12 +13,26 @@
     <title>Cancel Subscription</title>
 </head>
 <style>
-   @media screen and (max-width: 767px) {
+   
+
+
+    @media screen and (max-width: 767px) {
+        *{
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        body {
+            height: 100vh;
+            position: relative;
+        }
+        .main-inn {
+            padding-top: 24px;
+        }
         .footer .d-flex img {
             width: 40px;
             margin-right: 10px;
         }
-
         .footer {
             align-items: center;
             background: #000;
@@ -26,8 +40,8 @@
             justify-content: space-between;
             padding: 10px;
             color: #fff;
-            position: absolute;
             width: 100%;
+            position: absolute;
             bottom: 0;
         }
 
@@ -42,6 +56,7 @@
             border-radius: 20px;
         }
 
+      
         .thankyou {
             display: flex;
             align-items: center;
@@ -49,15 +64,9 @@
             flex-direction: column;
             height: 80vh;
         }
-
-        body {
-            /* height: 100vh; */
-            position: relative;
-        }
-
-        section.new-subs-main {
+        /* section.new-subs-main {
             min-height: 100vh;
-        }
+        } */
     }
 </style>
 
diff --git a/resources/views/Admin/pages/subscriptions/my-subscription.blade.php b/resources/views/Admin/pages/subscriptions/my-subscription.blade.php
index cdd149d..60bacae 100644
--- a/resources/views/Admin/pages/subscriptions/my-subscription.blade.php
+++ b/resources/views/Admin/pages/subscriptions/my-subscription.blade.php
@@ -13,11 +13,22 @@
 </head>
 <style>
     @media screen and (max-width: 767px) {
+        *{
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        body {
+            height: 100vh;
+            position: relative;
+        }
+        .main-inn {
+            padding-top: 24px;
+        }
         .footer .d-flex img {
             width: 40px;
             margin-right: 10px;
         }
-
         .footer {
             align-items: center;
             background: #000;
@@ -25,6 +36,9 @@
             justify-content: space-between;
             padding: 10px;
             color: #fff;
+            width: 100%;
+            position: absolute;
+            bottom: 0;
         }
 
         .footer p {
@@ -38,13 +52,11 @@
             border-radius: 20px;
         }
 
-        body {
-            /* height: 100vh; */
-        }
+      
 
-        section.new-subs-main {
+        /* section.new-subs-main {
             min-height: 100vh;
-        }
+        } */
     }
 </style>
 
@@ -57,7 +69,7 @@
                 My Active Plan
             </h3> --}}
             <div class="main-inn">
-                <div class="inn-group my-4">
+                <div class="inn-group mb-4">
                     <label class="comm-head" for="">Plan Name</label>
                     <input type="text" class="form-control other-input mt-3" readonly placeholder="Monthly Plan"
                         value="Monthly Plan">
@@ -102,8 +114,8 @@
                     </div>
                 @endif
             </div>
-    </section>
-
+   
+        </section>
  
     <!-- Modal start -->
     <form is="cancelSubscriptionForm" action="{{ route('cancel-subscription') }}" method="POST">
@@ -186,6 +198,7 @@
         </div>
     </footer>
 
+
     <!-- Footer end -->
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
diff --git a/resources/views/Admin/pages/subscriptions/thank-you.blade.php b/resources/views/Admin/pages/subscriptions/thank-you.blade.php
index 85b6d01..ab71dde 100644
--- a/resources/views/Admin/pages/subscriptions/thank-you.blade.php
+++ b/resources/views/Admin/pages/subscriptions/thank-you.blade.php
@@ -13,7 +13,7 @@
     <title>List Of Products</title>
 </head>
 <style>
-    @media screen and (max-width: 767px) {
+    /* @media screen and (max-width: 767px) {
         .footer .d-flex img {
             width: 40px;
             margin-right: 10px;
@@ -42,6 +42,61 @@
             border-radius: 20px;
         }
 
+       
+
+        body {
+           
+            position: relative;
+        }
+
+        section.new-subs-main {
+            min-height: 100vh;
+        }
+    } */
+
+
+
+    @media screen and (max-width: 767px) {
+        *{
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        body {
+            height: 100vh;
+            position: relative;
+        }
+        .main-inn {
+            padding-top: 24px;
+        }
+        .footer .d-flex img {
+            width: 40px;
+            margin-right: 10px;
+        }
+        .footer {
+            align-items: center;
+            background: #000;
+            display: flex;
+            justify-content: space-between;
+            padding: 10px;
+            color: #fff;
+            width: 100%;
+            position: absolute;
+            bottom: 0;
+        }
+
+        .footer p {
+            font-size: 13px;
+        }
+
+        .footer a {
+            font-size: 12px;
+            border: 1px solid #fff;
+            padding: 3px 8px;
+            border-radius: 20px;
+        }
+
+      
         .thankyou {
             display: flex;
             align-items: center;
@@ -49,15 +104,9 @@
             flex-direction: column;
             height: 80vh;
         }
-
-        body {
-            /* height: 100vh; */
-            position: relative;
-        }
-
-        section.new-subs-main {
+        /* section.new-subs-main {
             min-height: 100vh;
-        }
+        } */
     }
 </style>