Merge pull request #379 from WDI-Ideas/HritikCheers

Hritik cheers
This commit is contained in:
Hritikkk9
2024-07-25 14:57:02 +05:30
committed by GitHub
6 changed files with 120 additions and 39 deletions

View File

@@ -1,12 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="{{ asset('resources/views/Admin/pages/subscriptions/subscription-style.css') }}" />
@@ -16,34 +15,47 @@
<body>
<!-- Modal start -->
{{-- <div class="modal fade bottom-mod" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" --}}
{{-- aria-hidden="true"> --}}
{{-- <div class="modal fade bottom-mod" id="tar-mod" tabindex="-1" aria-labelledby="tar-modLabel" aria-hidden="true"> --}}
<div class="modal-dialog modal-dialog-bottom">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="tar-modLabel"></h1>
{{-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
{{-- aria-hidden="true"> --}}
{{-- <div class="modal fade bottom-mod" id="tar-mod" tabindex="-1" aria-labelledby="tar-modLabel" aria-hidden="true"> --}}
<div class="d-flex justify-content-center align-items-center min-vh-100">
<div class="modal-dialog modal-dialog-bottom">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="tar-modLabel"></h1>
{{-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
<img src="{{ asset('resources/views/Admin/pages/subscriptions/images/x.svg') }}" alt="">
</button> --}}
</div>
<div class="modal-body mb-4">
<div class="mod-img d-flex align-items-center justify-content-center mb-3">
{{-- <img src="images/dull.png" alt=""> --}}
<img src="{{ asset('resources/views/Admin/pages/subscriptions/images/dull.png') }}" alt="">
</div>
<p class="para-mid text-center">Your subscription has been cancelled successfully!</p>
</div>
</div>
<div class="modal-body mb-4">
<div class="mod-img d-flex align-items-center justify-content-center mb-3">
{{-- <img src="images/dull.png" alt=""> --}}
<img src="{{ asset('resources/views/Admin/pages/subscriptions/images/dull.png') }}"
alt="">
</div>
<p class="para-mid text-center">Your subscription has been cancelled successfully!</p>
</div>
</div>
{{-- </div> --}}
</div>
</div>
<footer>
<div class="footer">
<div class="d-flex">
<img src="{{ asset('https://www.wdipl.com/public/img/black_logo.svg') }}" />
<p>Enjoying the App?<br> Want to build your own?</p>
</div>
<a href="https://www.wdipl.com/contact-us" target="_blank">Contact WDI</a>
</div>
</footer>
{{-- </div> --}}
{{-- </div> --}}
<!-- Modal end -->
@@ -61,7 +73,7 @@
});
</script>
<script>
{{-- <script>
$(document).ready(function() {
// Hide the alert after 3 seconds (3000 milliseconds)
setTimeout(function() {
@@ -71,11 +83,10 @@
$('#alert-danger').fadeOut('slow');
}, 3000);
});
</script>
</script> --}}
</body>
</html>

View File

@@ -30,6 +30,7 @@
<title>List Of Products</title>
</head>
@@ -92,8 +93,8 @@
<button class="apply" type="button" onclick="applyReferralCode()">Apply</button>
</div>
<input type="text" class="form-control coupon-input mt-3" style="text-transform: uppercase;" name ="referral_code"
id="referral_code" placeholder="Enter Referral code" maxlength="10">
<input type="text" class="form-control coupon-input mt-3" style="text-transform: uppercase;"
name ="referral_code" id="referral_code" placeholder="Enter Referral code" maxlength="10">
<input type="hidden" class="form-control coupon-input mt-3" name ="iam_principal_xid"
id="iam_principal_xid" value="{{ $userData->id }}">
@@ -130,6 +131,7 @@
</div>
</div>
<button type="submit" class="subscribe-button w-75">SUBSCRIBE NOW</button>
<div id="loadingMessage" style="display: none;">Please wait...</div>
</form>
{{-- <button class="subscribe-button w-75" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal">SUBSCRIBE NOW</button> --}}
<p class="grey-para text-center mt-3">You will be charged ${{ $productList->product_value }} every
@@ -158,6 +160,15 @@
</div>
</div>
</section>
<footer>
<div class="footer">
<div class="d-flex">
<img src="{{ asset('https://www.wdipl.com/public/img/black_logo.svg') }}" />
<p>Enjoying the App?<br> Want to build your own?</p>
</div>
<a href="https://www.wdipl.com/contact-us" target="_blank">Contact WDI</a>
</div>
</footer>
<!-- Modal start -->
@@ -194,7 +205,18 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.1/js/toastr.js"></script>
<script>
document.getElementById('subscribe').addEventListener('submit', function() {
// Show the loading message
// document.getElementById('loadingMessage').style.display = 'block';
// Disable the submit button to prevent multiple submissions
document.querySelector('.subscribe-button').disabled = true;
// Optionally, change the button text to indicate loading
document.querySelector('.subscribe-button').innerText = 'Please wait...';
});
</script>
<script type="module">
import {
Tablist
@@ -221,7 +243,7 @@
<script>
function applyReferralCode() {
var referralCode = document.getElementById('referral_code').value;
console.log("referralCode",referralCode);
console.log("referralCode", referralCode);
var currentUserId = document.getElementById('iam_principal_xid').value;
var loader = document.getElementById('loader');

View File

@@ -33,12 +33,10 @@
</div>
</div>
<div class="container">
<h3 class="comm-head mt-3 d-flex gap-2" style="font-size: 20px;">
<a href="subscription.html">
{{-- <img src="images/arrow-left.png" alt=""> --}}
</a>
{{-- <h3 class="comm-head mt-3 d-flex gap-2" style="font-size: 20px;">
My Active Plan
</h3>
</h3> --}}
<div class="main-inn">
<div class="inn-group my-4">
<label class="comm-head" for="">Plan Name</label>
@@ -208,6 +206,18 @@
</div>
<!-- Modal end -->
<!-- Footer start target -->
<footer>
<div class="footer">
<div class="d-flex">
<img src="{{ asset('https://www.wdipl.com/public/img/black_logo.svg') }}" />
<p>Enjoying the App?<br> Want to build your own?</p>
</div>
<a href="https://www.wdipl.com/contact-us" target="_blank">Contact WDI</a>
</div>
</footer>
<!-- Footer end -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous">

View File

@@ -205,4 +205,30 @@ hr {
background-color: #EEBA2B;
border: none;
border-radius: 16px;
}
.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;
}
.footer p {
font-size: 13px;
}
.footer a {
font-size: 12px;
border: 1px solid #fff;
padding: 3px 8px;
border-radius: 20px;
}

View File

@@ -3,8 +3,9 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="{{ asset('resources/views/Admin/pages/subscriptions/subscription-style.css') }}" />
@@ -14,12 +15,13 @@
<body>
<!-- Modal start -->
{{-- <div class="modal fade bottom-mod" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" --}}
{{-- aria-hidden="true"> --}}
{{-- aria-hidden="true"> --}}
<div class="d-flex justify-content-center align-items-center min-vh-100">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
@@ -38,6 +40,16 @@
</div>
</div>
</div>
</div>
<footer>
<div class="footer">
<div class="d-flex">
<img src="{{ asset('https://www.wdipl.com/public/img/black_logo.svg') }}" />
<p>Enjoying the App?<br> Want to build your own?</p>
</div>
<a href="https://www.wdipl.com/contact-us" target="_blank">Contact WDI</a>
</div>
</footer>
{{-- </div> --}}
<!-- Modal end -->

View File

@@ -17,7 +17,7 @@ use Illuminate\Support\Facades\Route;
Route::post('/v1/stripe-webhook', [StripeWebhookController::class, 'handleWebhook']);
Route::post('/v1/stripe/webhook', [StripeWebhookController::class, 'getWebhook']);
// Route::post('/v1/stripe/webhook', [StripeWebhookController::class, 'getWebhook']);