From c7c1da919d09289d7b52b5f79bc60fb11ea45101 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Sat, 16 Aug 2025 06:15:09 -0400
Subject: [PATCH] subscribe cards

---
 .../subscribe/SubcribePaymentOptions.jsx      | 30 +++++++++++++++++++
 src/component/subscribe/SubscribeNewCard.jsx  |  6 ++++
 .../subscribe/SubscribePreviousCard.jsx       |  6 ++++
 3 files changed, 42 insertions(+)
 create mode 100644 src/component/subscribe/SubcribePaymentOptions.jsx
 create mode 100644 src/component/subscribe/SubscribeNewCard.jsx
 create mode 100644 src/component/subscribe/SubscribePreviousCard.jsx

diff --git a/src/component/subscribe/SubcribePaymentOptions.jsx b/src/component/subscribe/SubcribePaymentOptions.jsx
new file mode 100644
index 0000000..899e3a0
--- /dev/null
+++ b/src/component/subscribe/SubcribePaymentOptions.jsx
@@ -0,0 +1,30 @@
+import React from 'react'
+
+export default function SubcribePaymentOptions(){
+
+    return <>
+
+
+                <div className="card-header">
+                    <div className="card-heading">
+                        <h4 className="card-title">Select Payment Option</h4>
+                    </div>
+                </div>
+                <div className="card-body">
+
+                    <div className="form-check form-check-inline">
+                        <input className="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1"
+                               value="option1" />
+                            <label className="form-check-label" htmlFor="inlineRadio1">Previous Cards</label>
+                    </div>
+                    <div className="form-check form-check-inline">
+                        <input className="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2"
+                               value="option2" />
+                            <label className="form-check-label" htmlFor="inlineRadio2">Add New card</label>
+                    </div>
+                </div>
+                {/*<div className="card card-statistics"> </div>*/}
+
+    </>
+
+}
\ No newline at end of file
diff --git a/src/component/subscribe/SubscribeNewCard.jsx b/src/component/subscribe/SubscribeNewCard.jsx
new file mode 100644
index 0000000..4168fd8
--- /dev/null
+++ b/src/component/subscribe/SubscribeNewCard.jsx
@@ -0,0 +1,6 @@
+import React from 'react'
+export default function SubscribeNewCard(){
+
+    return <>Previous Card</>
+
+}
\ No newline at end of file
diff --git a/src/component/subscribe/SubscribePreviousCard.jsx b/src/component/subscribe/SubscribePreviousCard.jsx
new file mode 100644
index 0000000..0903938
--- /dev/null
+++ b/src/component/subscribe/SubscribePreviousCard.jsx
@@ -0,0 +1,6 @@
+import React from 'react'
+export default function SubscribePreviousCard(){
+
+    return <>Previous Card</>
+
+}
\ No newline at end of file