source: src/main/resources/templates/user_subscription/user_subscription_payment.html

Last change on this file was 5ea00d7, checked in by Malek Alavi <malekalavi7@…>, 3 days ago

Initial project upload
  • Property mode set to 100644
File size: 1.6 KB
Line 
1<!DOCTYPE html>
2<html xmlns:th="http://www.thymeleaf.org">
3<head>
4 <meta charset="UTF-8">
5 <title>Subscribe to Plan</title>
6 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
7</head>
8<body>
9<div class="container mt-5">
10 <h2 class="mb-4">Payment for Subscription</h2>
11
12 <div class="mb-3">
13 <a href="/user-subscription" class="btn btn-secondary">Back to Plans</a>
14 </div>
15
16 <div class="card">
17 <div class="card-body">
18 <h5 class="card-title" th:text="${plan.name}">Plan Name</h5>
19 <p class="card-text" th:text="'Price: $' + ${plan.price}">Price</p>
20
21 <form th:action="@{'/user-subscription-payment/' + ${plan.planId}}" method="post">
22 <div class="mb-3">
23 <label for="cardNumber" class="form-label">Card Number</label>
24 <input type="text" class="form-control" id="cardNumber" placeholder="Enter card number" required>
25 </div>
26 <div class="mb-3">
27 <label for="expiry" class="form-label">Expiry Date</label>
28 <input type="text" class="form-control" id="expiry" placeholder="MM/YY" required>
29 </div>
30 <div class="mb-3">
31 <label for="cvv" class="form-label">CVV</label>
32 <input type="text" class="form-control" id="cvv" placeholder="CVV" required>
33 </div>
34
35 <button type="submit" class="btn btn-success">Pay $<span th:text="${plan.price}">$</span></button>
36 </form>
37 </div>
38 </div>
39</div>
40</body>
41</html>
Note: See TracBrowser for help on using the repository browser.