From 0493ee4f03b747bb0313d43945935fd2a6fbd299 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Sun, 20 Jul 2025 22:54:44 -0400
Subject: [PATCH] settings page

---
 src/component/product/ProductActive.jsx | 360 ++++++++++++++++++++----
 1 file changed, 305 insertions(+), 55 deletions(-)

diff --git a/src/component/product/ProductActive.jsx b/src/component/product/ProductActive.jsx
index accf181..33f603b 100644
--- a/src/component/product/ProductActive.jsx
+++ b/src/component/product/ProductActive.jsx
@@ -14,29 +14,49 @@ export default function ProductActive(){
 
 
             <div className="row account-contant">
-                <div className="col-12">
-                    <div className="card card-statistics">
-                        <div className="card-body p-0">
-                            <div className="row no-gutters">
-                                <div className="col-xl-3 pb-xl-0 pb-5 border-right">
-                                    <div className="page-account-profil pt-5">
-                                        <div className="profile-img text-center rounded-circle">
-                                            <div className="pt-5">
-                                                <div className="bg-img m-auto">
-                                                    <img src={getImage('widget/01.jpg')}   className="img-fluid"
-                                                         alt="users-avatar" />
-                                                </div>
-                                                <div className="profile pt-4">
-                                                    <h4 className="mb-1">Product Short Name</h4>
-                                                    <p>last Update : 00:00:0000</p>
-                                                </div>
-                                            </div>
-                                        </div>
+<>
 
 
-                                    </div>
-                                </div>
-                                <div className="col-xl-5 col-md-6 col-12 border-t border-right">
+    <div className="row tabs-contant">
+        <div className="col-xxl-6">
+            <div className="card card-statistics">
+                <div className="card-header">
+                    <div className="card-heading">
+                        <h4 className="card-title">https://25681.devprov.mermsemr.com/</h4>
+                    </div>
+                </div>
+                <div className="card-body">
+                    <iframe style={{borderWidth: '0px;'}} src="https://25681.devprov.mermsemr.com/" width="100%" height="600" title="https://25681.devprov.mermsemr.com"></iframe>
+
+                </div>
+            </div>
+        </div>
+        <div className="col-xxl-6">
+            <div className="card card-statistics">
+                <div className="card-header">
+                    <div className="card-heading">
+                        <h4 className="card-title"> Site Settings </h4>
+                    </div>
+                </div>
+                <div className="card-body">
+                    <div className="tab tab-vertical">
+                        <ul className="nav nav-tabs" role="tablist">
+                            <li className="nav-item">
+                                <a className="nav-link active show" id="home-09-tab" data-toggle="tab" href="#home-09" role="tab" aria-controls="home-09" aria-selected="true"> Home</a>
+                            </li>
+                            <li className="nav-item">
+                                <a className="nav-link" id="profile-09-tab" data-toggle="tab" href="#profile-09" role="tab" aria-controls="profile-09" aria-selected="false"> Footer </a>
+                            </li>
+                            <li className="nav-item">
+                                <a className="nav-link" id="portfolio-09-tab" data-toggle="tab" href="#portfolio-09" role="tab" aria-controls="portfolio-09" aria-selected="false">About </a>
+                            </li>
+                            <li className="nav-item">
+                                <a className="nav-link" id="contact-09-tab" data-toggle="tab" href="#contact-09" role="tab" aria-controls="contact-09" aria-selected="false"> Contact </a>
+                            </li>
+                        </ul>
+                        <div className="tab-content">
+                            <div className="tab-pane fade active show" id="home-09" role="tabpanel" aria-labelledby="home-09-tab">
+                                <p>
                                     <div className="page-account-form">
                                         <div className="form-titel border-bottom p-3">
                                             <h5 className="mb-0 py-2">Edit Your Product Settings</h5>
@@ -82,58 +102,288 @@ export default function ProductActive(){
                                             </form>
                                         </div>
                                     </div>
-                                </div>
-                                <div className="col-xl-4 col-md-6 border-t col-12">
+                                </p>
+                            </div>
+                            <div className="tab-pane fade" id="profile-09" role="tabpanel" aria-labelledby="profile-09-tab">
+                                <p>
                                     <div className="page-account-form">
                                         <div className="form-titel border-bottom p-3">
-                                            <h5 className="mb-0 py-2">Your External Link</h5>
+                                            <h5 className="mb-0 py-2">Edit Your Product Settings</h5>
                                         </div>
                                         <div className="p-4">
                                             <form>
-                                                <div className="form-group">
-                                                    <label htmlFor="fb">Facebook URL:</label>
-                                                    <input type="text" className="form-control" id="fb"
-                                                           value="https://www.facebook.com/" />
+                                                <div className="form-row">
+                                                    <div className="form-group col-md-12">
+                                                        <label htmlFor="name1">Full Name</label>
+                                                        <input type="text" className="form-control" id="name1"
+                                                               value="Alice Williams" />
+                                                    </div>
+                                                    <div className="form-group col-md-12">
+                                                        <label htmlFor="title1">Title</label>
+                                                        <input type="text" className="form-control" id="title1"
+                                                               value="Marketing expert" />
+                                                    </div>
+                                                    <div className="form-group col-md-12">
+                                                        <label htmlFor="phone1">Phone Number</label>
+                                                        <input type="text" className="form-control" id="phone1"
+                                                               value="(01) 97 563 15613" />
+                                                    </div>
+                                                    <div className="form-group col-md-12">
+                                                        <label htmlFor="email1">Email</label>
+                                                        <input type="email" className="form-control" id="email1"
+                                                               value="alicewilliams@gmail.com" />
+                                                    </div>
                                                 </div>
                                                 <div className="form-group">
-                                                    <label htmlFor="tr">Twitter URL:</label>
-                                                    <input type="text" className="form-control" id="tr"
-                                                           value="https://twitter.com/" />
+                                                    <label htmlFor="add1">Address</label>
+                                                    <input type="text" className="form-control" id="add1"
+                                                           value="17504 Carlton Cuevas Rd, Gulfport, MS, 39503" />
+                                                </div>
+                                                <div className="form-group">
+                                                    <label htmlFor="add2">Address 2</label>
+                                                    <input type="text" className="form-control" id="add2"
+                                                           value="1234 North Avenue Luke Lane, South Bend, IN 360001" />
                                                 </div>
 
-                                                <div className="form-group">
-                                                    <label htmlFor="br">Blogger URL:</label>
-                                                    <input type="text" className="form-control" id="br"
-                                                           value="https://www.blogger.com" />
-                                                </div>
 
-                                                <div className="form-group">
-                                                    <label htmlFor="go">Google+ URL:</label>
-                                                    <input type="text" className="form-control" id="go"
-                                                           value="https://plus.google.com/discover" />
-                                                </div>
-
-                                                <div className="form-group">
-                                                    <label htmlFor="li">LinkedIn URL:</label>
-                                                    <input type="text" className="form-control" id="li"
-                                                           value="https://in.linkedin.com/" />
-                                                </div>
-
-                                                <div className="form-group">
-                                                    <label htmlFor="we">Website URL:</label>
-                                                    <input type="text" className="form-control" id="we"
-                                                           value="https://yourwebsite.com" />
-                                                </div>
-                                                <button type="submit" className="btn btn-primary">Save & Update</button>
+                                                <button type="submit" className="btn btn-primary">Update Information
+                                                </button>
                                             </form>
                                         </div>
                                     </div>
-                                </div>
+                                </p>                            </div>
+                            <div className="tab-pane fade" id="portfolio-09" role="tabpanel" aria-labelledby="portfolio-09-tab">
+                                <p>
+                                    <div className="page-account-form">
+                                        <div className="form-titel border-bottom p-3">
+                                            <h5 className="mb-0 py-2">Edit Your Product Settings</h5>
+                                        </div>
+                                        <div className="p-4">
+                                            <form>
+                                                <div className="form-row">
+                                                    <div className="form-group col-md-12">
+                                                        <label htmlFor="name1">Full Name</label>
+                                                        <input type="text" className="form-control" id="name1"
+                                                               value="Alice Williams" />
+                                                    </div>
+                                                    <div className="form-group col-md-12">
+                                                        <label htmlFor="title1">Title</label>
+                                                        <input type="text" className="form-control" id="title1"
+                                                               value="Marketing expert" />
+                                                    </div>
+                                                    <div className="form-group col-md-12">
+                                                        <label htmlFor="phone1">Phone Number</label>
+                                                        <input type="text" className="form-control" id="phone1"
+                                                               value="(01) 97 563 15613" />
+                                                    </div>
+                                                    <div className="form-group col-md-12">
+                                                        <label htmlFor="email1">Email</label>
+                                                        <input type="email" className="form-control" id="email1"
+                                                               value="alicewilliams@gmail.com" />
+                                                    </div>
+                                                </div>
+                                                <div className="form-group">
+                                                    <label htmlFor="add1">Address</label>
+                                                    <input type="text" className="form-control" id="add1"
+                                                           value="17504 Carlton Cuevas Rd, Gulfport, MS, 39503" />
+                                                </div>
+                                                <div className="form-group">
+                                                    <label htmlFor="add2">Address 2</label>
+                                                    <input type="text" className="form-control" id="add2"
+                                                           value="1234 North Avenue Luke Lane, South Bend, IN 360001" />
+                                                </div>
+
+
+                                                <button type="submit" className="btn btn-primary">Update Information
+                                                </button>
+                                            </form>
+                                        </div>
+                                    </div>
+                                </p>                            </div>
+                            <div className="tab-pane fade" id="contact-09" role="tabpanel" aria-labelledby="contact-09-tab">
+                                <p>
+                                    <div className="page-account-form">
+                                        <div className="form-titel border-bottom p-3">
+                                            <h5 className="mb-0 py-2">Edit Your Product Settings</h5>
+                                        </div>
+                                        <div className="p-4">
+                                            <form>
+                                                <div className="form-row">
+                                                    <div className="form-group col-md-12">
+                                                        <label htmlFor="name1">Full Name</label>
+                                                        <input type="text" className="form-control" id="name1"
+                                                               value="Alice Williams" />
+                                                    </div>
+                                                    <div className="form-group col-md-12">
+                                                        <label htmlFor="title1">Title</label>
+                                                        <input type="text" className="form-control" id="title1"
+                                                               value="Marketing expert" />
+                                                    </div>
+                                                    <div className="form-group col-md-12">
+                                                        <label htmlFor="phone1">Phone Number</label>
+                                                        <input type="text" className="form-control" id="phone1"
+                                                               value="(01) 97 563 15613" />
+                                                    </div>
+                                                    <div className="form-group col-md-12">
+                                                        <label htmlFor="email1">Email</label>
+                                                        <input type="email" className="form-control" id="email1"
+                                                               value="alicewilliams@gmail.com" />
+                                                    </div>
+                                                </div>
+                                                <div className="form-group">
+                                                    <label htmlFor="add1">Address</label>
+                                                    <input type="text" className="form-control" id="add1"
+                                                           value="17504 Carlton Cuevas Rd, Gulfport, MS, 39503" />
+                                                </div>
+                                                <div className="form-group">
+                                                    <label htmlFor="add2">Address 2</label>
+                                                    <input type="text" className="form-control" id="add2"
+                                                           value="1234 North Avenue Luke Lane, South Bend, IN 360001" />
+                                                </div>
+
+
+                                                <button type="submit" className="btn btn-primary">Update Information
+                                                </button>
+                                            </form>
+                                        </div>
+                                    </div>
+                                </p>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
+        </div>
+    </div>
+
+
+
+
+</>
+
+
+
+
+                {/*<div className="col-12">*/}
+                {/*    <div className="card card-statistics">*/}
+                {/*        <div className="card-body p-0">*/}
+                {/*            <div className="row no-gutters">*/}
+                {/*                <div className="col-xl-3 pb-xl-0 pb-5 border-right">*/}
+                {/*                    <div className="page-account-profil pt-5">*/}
+                {/*                        <div className="profile-img text-center rounded-circle">*/}
+                {/*                            <div className="pt-5">*/}
+                {/*                                <div className="bg-img m-auto">*/}
+                {/*                                    <img src={getImage('widget/01.jpg')}   className="img-fluid"*/}
+                {/*                                         alt="users-avatar" />*/}
+                {/*                                </div>*/}
+                {/*                                <div className="profile pt-4">*/}
+                {/*                                    <h4 className="mb-1">Product Short Name</h4>*/}
+                {/*                                    <p>last Update : 00:00:0000</p>*/}
+                {/*                                </div>*/}
+                {/*                            </div>*/}
+                {/*                        </div>*/}
+
+
+                {/*                    </div>*/}
+                {/*                </div>*/}
+                {/*                <div className="col-xl-5 col-md-6 col-12 border-t border-right">*/}
+                {/*                    <div className="page-account-form">*/}
+                {/*                        <div className="form-titel border-bottom p-3">*/}
+                {/*                            <h5 className="mb-0 py-2">Edit Your Product Settings</h5>*/}
+                {/*                        </div>*/}
+                {/*                        <div className="p-4">*/}
+                {/*                            <form>*/}
+                {/*                                <div className="form-row">*/}
+                {/*                                    <div className="form-group col-md-12">*/}
+                {/*                                        <label htmlFor="name1">Full Name</label>*/}
+                {/*                                        <input type="text" className="form-control" id="name1"*/}
+                {/*                                               value="Alice Williams" />*/}
+                {/*                                    </div>*/}
+                {/*                                    <div className="form-group col-md-12">*/}
+                {/*                                        <label htmlFor="title1">Title</label>*/}
+                {/*                                        <input type="text" className="form-control" id="title1"*/}
+                {/*                                               value="Marketing expert" />*/}
+                {/*                                    </div>*/}
+                {/*                                    <div className="form-group col-md-12">*/}
+                {/*                                        <label htmlFor="phone1">Phone Number</label>*/}
+                {/*                                        <input type="text" className="form-control" id="phone1"*/}
+                {/*                                               value="(01) 97 563 15613" />*/}
+                {/*                                    </div>*/}
+                {/*                                    <div className="form-group col-md-12">*/}
+                {/*                                        <label htmlFor="email1">Email</label>*/}
+                {/*                                        <input type="email" className="form-control" id="email1"*/}
+                {/*                                               value="alicewilliams@gmail.com" />*/}
+                {/*                                    </div>*/}
+                {/*                                </div>*/}
+                {/*                                <div className="form-group">*/}
+                {/*                                    <label htmlFor="add1">Address</label>*/}
+                {/*                                    <input type="text" className="form-control" id="add1"*/}
+                {/*                                           value="17504 Carlton Cuevas Rd, Gulfport, MS, 39503" />*/}
+                {/*                                </div>*/}
+                {/*                                <div className="form-group">*/}
+                {/*                                    <label htmlFor="add2">Address 2</label>*/}
+                {/*                                    <input type="text" className="form-control" id="add2"*/}
+                {/*                                           value="1234 North Avenue Luke Lane, South Bend, IN 360001" />*/}
+                {/*                                </div>*/}
+
+
+                {/*                                <button type="submit" className="btn btn-primary">Update Information*/}
+                {/*                                </button>*/}
+                {/*                            </form>*/}
+                {/*                        </div>*/}
+                {/*                    </div>*/}
+                {/*                </div>*/}
+                {/*                <div className="col-xl-4 col-md-6 border-t col-12">*/}
+                {/*                    <div className="page-account-form">*/}
+                {/*                        <div className="form-titel border-bottom p-3">*/}
+                {/*                            <h5 className="mb-0 py-2">Your External Link</h5>*/}
+                {/*                        </div>*/}
+                {/*                        <div className="p-4">*/}
+                {/*                            <form>*/}
+                {/*                                <div className="form-group">*/}
+                {/*                                    <label htmlFor="fb">Facebook URL:</label>*/}
+                {/*                                    <input type="text" className="form-control" id="fb"*/}
+                {/*                                           value="https://www.facebook.com/" />*/}
+                {/*                                </div>*/}
+                {/*                                <div className="form-group">*/}
+                {/*                                    <label htmlFor="tr">Twitter URL:</label>*/}
+                {/*                                    <input type="text" className="form-control" id="tr"*/}
+                {/*                                           value="https://twitter.com/" />*/}
+                {/*                                </div>*/}
+
+                {/*                                <div className="form-group">*/}
+                {/*                                    <label htmlFor="br">Blogger URL:</label>*/}
+                {/*                                    <input type="text" className="form-control" id="br"*/}
+                {/*                                           value="https://www.blogger.com" />*/}
+                {/*                                </div>*/}
+
+                {/*                                <div className="form-group">*/}
+                {/*                                    <label htmlFor="go">Google+ URL:</label>*/}
+                {/*                                    <input type="text" className="form-control" id="go"*/}
+                {/*                                           value="https://plus.google.com/discover" />*/}
+                {/*                                </div>*/}
+
+                {/*                                <div className="form-group">*/}
+                {/*                                    <label htmlFor="li">LinkedIn URL:</label>*/}
+                {/*                                    <input type="text" className="form-control" id="li"*/}
+                {/*                                           value="https://in.linkedin.com/" />*/}
+                {/*                                </div>*/}
+
+                {/*                                <div className="form-group">*/}
+                {/*                                    <label htmlFor="we">Website URL:</label>*/}
+                {/*                                    <input type="text" className="form-control" id="we"*/}
+                {/*                                           value="https://yourwebsite.com" />*/}
+                {/*                                </div>*/}
+                {/*                                <button type="submit" className="btn btn-primary">Save & Update</button>*/}
+                {/*                            </form>*/}
+                {/*                        </div>*/}
+                {/*                    </div>*/}
+                {/*                </div>*/}
+                {/*            </div>*/}
+                {/*        </div>*/}
+                {/*    </div>*/}
+                {/*</div>*/}
+            </div>
 
         </>
     )