import React from "react";
import getImage from "../../utils/getImage";
import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";


export default function ProductActive(){

    return(
        <>
            {/*<BreadcrumbComBS title='Active Product Name' paths={['Dashboard', 'Product']} />*/}
            {/*<div className="row">*/}
            {/*    <div className="vh-100 col-12 flex align-items-center">Coming Soon</div>*/}
            {/*</div>*/}


            <div className="row account-contant">
<>


    <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">General</a>
                            </li>
                            <li className="nav-item">
                                <a className="nav-link" id="home-09-tab" data-toggle="tab" href="#home-09" role="tab" aria-controls="home-09" aria-selected="true">Home Page</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 Page </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 Page</a>
                            </li>
                            <li className="nav-item">
                                <a className="nav-link" id="home-09-tab" data-toggle="tab" href="#home-09" role="tab" aria-controls="home-09" aria-selected="true">Socials</a>
                            </li>
                            <li className="nav-item">
                                <a className="nav-link" id="home-09-tab" data-toggle="tab" href="#home-09" role="tab" aria-controls="home-09" aria-selected="true">Template</a>
                            </li>
                            <li className="nav-item">
                                <a className="nav-link" id="home-09-tab" data-toggle="tab" href="#home-09" role="tab" aria-controls="home-09" aria-selected="true"> Color Scheme</a>
                            </li>
                        </ul>
                        <div className="tab-content">
                            <div className="tab-pane fade active show" id="home-09" role="tabpanel" aria-labelledby="home-09-tab">

                                    <div className="page-account-form">
                                        <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="tab-pane fade" id="profile-09" role="tabpanel" aria-labelledby="profile-09-tab">
                                    <div className="page-account-form">

                                        <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="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>

        </>
    )
}