From 6814957c2e5a161d7ecd426eda57c605e752bbff Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Mon, 30 Dec 2024 11:17:19 -0500
Subject: [PATCH] Procuct ready select

---
 src/component/product/ProductStart.jsx | 72 ++++++++++++++------------
 1 file changed, 38 insertions(+), 34 deletions(-)

diff --git a/src/component/product/ProductStart.jsx b/src/component/product/ProductStart.jsx
index 6d3a4c4..e2fdc0a 100644
--- a/src/component/product/ProductStart.jsx
+++ b/src/component/product/ProductStart.jsx
@@ -8,7 +8,7 @@ export default function ProductStart(props){
     const productTitle  = props.productData.title;
     const productDescription  = props.productData.description;
     const promotion_text  = props.productData.promotion_text;
-
+    const product_status  = props.productData.status;
     const modalRef = useRef()
 
     console.log(props);
@@ -33,40 +33,44 @@ export default function ProductStart(props){
                     </div>
                 </div>
                 <div className="col-md-3">
-                    <div className="card card-statistics mb-30 panel_coming_soon_c3">
-                        <>
-                            <img className="card-img-top" src={getImage('widget/coming-soon.jpg')} alt="Card image cap" />
+                    {
+                        (product_status===1) ? <>
+                            <div className="card card-statistics mb-30 panel_coming_soon_c3">
+                                <>
+                                    <img className="card-img-top" src={getImage('widget/coming-soon.jpg')} alt="Card image cap" />
+                                </>
+
+                                <div className="card-body">
+                                    {/*<h4 className="card-title">Subscription</h4>*/}
+                                    <p className="card-text">Start with your goals in mind and then work possible.ith yand Goals. If the plan doesn’t support the vision then change it! </p>
+                                </div>
+                                <ul className="list-group list-group-flush">
+                                    <li className="list-group-item"><h4>Coming soon!!!</h4></li>
+                                    <li className="list-group-item"></li>
+                                </ul>
+                            </div>
+                        </> : <>
+                            <div className="card card-statistics mb-30 panel_round_c3">
+                                {/*<img className="card-img-top" src={getImage('widget/01.jpg')} alt="Card image cap" />*/}
+                                <div className="card-body">
+                                    <h4 className="card-title">Subscription</h4>
+                                    <p className="card-text">Start with your goals in mind and then work possible.ith yand Goals. If the plan doesn’t support the vision then change it! </p>
+                                </div>
+                                <ul className="list-group list-group-flush">
+                                    <li className="list-group-item"><h4>{promotion_text}</h4></li>
+                                    <li className="list-group-item">90 days free and 3.95/Month</li>
+                                    <li className="list-group-item"></li>
+                                </ul>
+                                {/*<div className="card-body">*/}
+                                {/*    <a href="javascript:void(0)" className="card-link">Card link</a>*/}
+                                {/*    <a href="javascript:void(0)" className="card-link">Another link</a>*/}
+                                {/*</div>*/}
+                                <div  className="subscribe-box">
+                                    <button className="btn btn-primary mt-2" data-bs-toggle="modal" data-bs-target="#verticalCenter">Start Subscription</button>
+                                </div>
+                            </div>
                         </>
-
-                        <div className="card-body">
-                            {/*<h4 className="card-title">Subscription</h4>*/}
-                            <p className="card-text">Start with your goals in mind and then work possible.ith yand Goals. If the plan doesn’t support the vision then change it! </p>
-                        </div>
-                        <ul className="list-group list-group-flush">
-                            <li className="list-group-item"><h4>Coming soon!!!</h4></li>
-                            <li className="list-group-item"></li>
-                        </ul>
-                    </div>
-
-                    <div className="card card-statistics mb-30 panel_round_c3">
-                        {/*<img className="card-img-top" src={getImage('widget/01.jpg')} alt="Card image cap" />*/}
-                        <div className="card-body">
-                            <h4 className="card-title">Subscription</h4>
-                            <p className="card-text">Start with your goals in mind and then work possible.ith yand Goals. If the plan doesn’t support the vision then change it! </p>
-                        </div>
-                        <ul className="list-group list-group-flush">
-                            <li className="list-group-item"><h4>{promotion_text}</h4></li>
-                            <li className="list-group-item">90 days free and 3.95/Month</li>
-                            <li className="list-group-item"></li>
-                        </ul>
-                        {/*<div className="card-body">*/}
-                        {/*    <a href="javascript:void(0)" className="card-link">Card link</a>*/}
-                        {/*    <a href="javascript:void(0)" className="card-link">Another link</a>*/}
-                        {/*</div>*/}
-                        <div  className="subscribe-box">
-                            <button className="btn btn-primary mt-2" data-bs-toggle="modal" data-bs-target="#verticalCenter">Start Subscription</button>
-                        </div>
-                    </div>
+                    }
                 </div>
             </div>