JezK

Edit File: business.php

<?php include("header.php");?>
<style>

</style>
<section class="section-padding">
<div class="container">
  
    <ul class="nav nav-tabs border-0" role="tablist">
        <li class="nav-item">
            <a class="nav-link active anc-Color" data-toggle="tab" href="#profile">PROFILE</a>
        </li>
        <li class="nav-item">
            <a class="nav-link anc-Color" data-toggle="tab" href="#availability">AVAILABILITY</a>
        </li>
        <li class="nav-item">
            <a class="nav-link anc-Color" data-toggle="tab" href="#paymentHistory">PAYMENT HISTORY</a>
        </li>
        <li class="nav-item">
            <a class="nav-link anc-Color" data-toggle="tab" href="#videoConference">VIDEO CONFERENCES</a>
        </li>
    </ul>
  
        <div class="tab-content  bg-white m-3">
            <div id="profile" class="container tab-pane active"><br>
                
                <div class="row">
                    <div class="col-xl-4 col-md-4 col-lg-6 mb-4">
                        <img class="d-block" src="//placehold.it/200x150?text=mx-auto">
                    </div>
                    <div class="col-xl-4 col-md-4 col-lg-6">
                        <div class="mb-4 pb-1 userDetails">
                            <p class="addressColor">Business Name</p>
                            <p>Krify Design services & Motion Graphics</p>
                        </div>
                        <div class="mb-4 pb-1 userDetails">
                            <p class="addressColor">Profession</p>
                            <p>UI / UX Design</p>
                        </div>
                        <div class="mb-4 pb-1 userDetails">
                            <p class="addressColor">Mobile Number</p>
                            <p>+91 8598569854</p>
                        </div>
                        <div class="mb-4 pb-1 userDetails">
                            <p class="addressColor">Username</p>
                            <p>Krify Designs</p>
                        </div>
                    </div>
                    <div class="col-xl-4 col-md-4 col-lg-6">
                        <div class="mb-4 pb-1 userDetails">
                            <p class="addressColor">Owner Name</p>
                            <p>Krishna</p>
                        </div>
                        <div class="mb-4 pb-1 userDetails">
                            <p class="addressColor">Email Address</p>
                            <p>krifydesignservices@gmail.com</p>
                        </div>
                        
                        <div class="mb-4 pb-1 userDetails">
                            <p class="addressColor">Location</p>
                            <p>7-49, Ratan Towers, ABD Road, Thimmapurm, Kakinada, Andhra Pradesh, 533005</p>
                        </div>
                        <div class="mb-4 pb-1 userDetails">
                            <p class="addressColor">Admin Fee</p>
                            <select class="addressColor" id="filterby">
                                <option>10%</option>
                                <option>20%</option>
                            </select>
                        </div>
                    </div>
                </div>
                
                <hr>
                
                <div class="row">
                    <div class="col-xl-9 col-md-4 col-lg-6"><h5>MEMBERSHIP DETAILS</h5></div>
                    <div class="col-xl-3 col-md-4 col-lg-6 d-flex justify-content-end">
                        <select class="addressColor extendDropdown">
                            <option>Extend Plan</option>
                            <option>20%</option>
                        </select>
                    </div>
                </div>
                <div class="row mt-4">
                    <div class="col-xl-3 col-md-4 col-lg-6">
                        <div class="mb-4 pb-1 userDetails">
                            <p class="addressColor">Payment Type</p>
                            <p>Paypal</p>
                        </div>
                    </div>
                    <div class="col-xl-3 col-md-4 col-lg-6">
                        <div class="mb-4 pb-1 userDetails">
                            <p class="addressColor">Membership Start Date</p>
                            <p>July 2, 2019</p>
                        </div>
                    </div>
                    <div class="col-xl-3 col-md-4 col-lg-6">
                        <div class="mb-4 pb-1 userDetails">
                            <p class="addressColor">Membership End Date</p>
                            <p>July 5, 2019</p>
                        </div>
                    </div>
                    <div class="col-xl-3 col-md-4 col-lg-6">
                        <div class="mb-4 pb-1 userDetails">
                            <p class="addressColor">Membership Plan</p>
                            <p>1 Year Plan</p>
                        </div>
                    </div>
                </div>
                
                <hr>
                
                <h6 class="my-3">ACOUNT DETAILS</h6>
                <div class="row">
                    <div class="col-xl-6 col-md-4 col-lg-6">
                        <div class="mb-4 pb-1 userDetails">
                            <p class="addressColor">Bank Name</p>
                            <p>City Central Bank</p>
                        </div>
                        <div class="mb-4 pb-1 userDetails">
                            <p class="addressColor">Account Number</p>
                            <p>1234-4567-7891-2345</p>
                        </div>
                    </div>
                    <div class="col-xl-6 col-md-4 col-lg-6">
                    <div class="mb-4 pb-1 userDetails">
                            <p class="addressColor">Account Name</p>
                            <p>Krify Designs</p>
                        </div>
                        <div class="mb-4 pb-1 userDetails">
                            <p class="addressColor">Paypal ID</p>
                            <p>YHB75JDK2585</p>
                        </div>
                    </div>
                </div>
                
                <hr>
                <div class="row dashboard-counts">
                    <div class="col-xl-3 col-md-4 col-lg-6">
                        <div class="wrapper count-title d-flex blue-Block">
                            <div class="icon"><i class="icon-user"></i></div>
                            <div class="name mb-2"><strong class="count-number text-white">25K</strong>
                                <span>Upcoming</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-md-4 col-lg-6">
                        <div class="wrapper count-title d-flex  pink-Block">
                            <div class="icon"><i class="icon-padnote"></i></div>
                            <div class="name mb-2"><strong class="count-number text-white">5K</strong>
                                <span>Completed Appointments</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-md-4 col-lg-6">
                        <div class="wrapper count-title orange-Block d-flex">
                            <div class="icon"><i class="icon-check"></i></div>
                            <div class="name mb-2"><strong class="count-number text-white">2.5K</strong>
                                <span>Cancelled Appointments</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-md-4 col-lg-6">
                        <div class="wrapper count-title green-Block d-flex">
                            <div class="icon"><i class="icon-bill"></i></div>
                            <div class="name mb-2"><strong class="count-number text-white">$2.5M</strong>
                                <span>Total Income</span>
                            </div>
                        </div>
                    </div>
                </div>

</div>
           
            <div id="availability" class="container tab-pane fade"><br>
                <div class="table-responsive">
                    <table id="dataTable1" class="table table-striped table-borderless" style="width:100%">
                        <thead class="tableBackground">
                            <tr>
                                
                                <th>S.No</th>
                                <th>FROM DATE & TIME</th>
                                <th>TO DATE & TIME</th>
                                <th>SLOTS</th>
                                <th>ADV. PAYMENTS</th>
                                <th>ACTION</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                
                                <td>1</td>
                                <td>July 5, 2019 - 10.00</td>
                                <td>July 5, 2019 - 10.30</td>
                                <td>Show</td>
                                <td>Hide</td>
                                <td>
                                    <span><a href="#" class="viewStyles">View</a></span>&nbsp;
                                    <span><a href="#" class="viewStyles">Edit</a></span>&nbsp;
                                    <span><a href="#" class="viewStyles">Delete</a></span>
                                </td>
                            </tr>
                            <tr>
                                
                                <td>2</td>
                                <td>July 5, 2019 - 11.00</td>
                                <td>July 5, 2019 - 11.30</td>
                                <td>Show</td>
                                <td>Hide</td>
                                <td>
                                    <span><a href="#" class="viewStyles">View</a></span>&nbsp;
                                    <span><a href="#" class="viewStyles">Edit</a></span>&nbsp;
                                    <span><a href="#" class="viewStyles">Delete</a></span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
    
            <div id="paymentHistory" class="container tab-pane fade"><br>
                <div class="row">
                    <div class="mb-2 col-xl-5 col-md-6 col-lg-12">
                        <label class="fieldName mt-2 mr-2">Select Date Range</label>
                        <div id="reportrange" class="formField-control" style="cursor: pointer; padding: 5px 10px; border: 1px solid #ccc;">
                            <i class="fa fa-calendar float-right pt-1"></i>&nbsp;
                            <span></span>
                            
                        </div>
                    </div>
                    <div class="col-xl-7 col-md-6 col-lg-12 mt-4 pt-1 d-flex justify-content-end">
                        <button class="btn btn-primary px-5">Export Data</button>
                    </div>
                </div>
            
                
                <div class="table-responsive">
                    <table id="dataTable2" class="table table-striped table-borderless" style="width:100%">
                        <thead class="tableBackground">
                            <tr>
                                
                                <th>S.No</th>
                                <th>DATE & TIME</th>
                                <th>DETAILS</th>
                                <th>AMOUNT</th>
                                <th>ACTION</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                
                                <td>1</td>
                                <td>July5,2019 - 10.00 - 10.20AM</td>
                                <td>Adam has paid amount for 20mins slot</td>
                                <td>$200</td>
                                <td>
                                    <span><a href="#" class="viewStyles">View</a></span>&nbsp;
                                    <span><a href="#" class="viewStyles">Edit</a></span>&nbsp;
                                    <span><a href="#" class="viewStyles">Delete</a></span>&nbsp;
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

<div id="videoConference" class="container tab-pane fade"><br>
            <div class="container">
                <div class="calender-Right">
                
                    <label class="fieldName mt-2 mr-2">Select Date Range</label>
                    <div id="reportrange" class="col-xl-5 col-md-6 col-lg-8 formField-control" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc;">
                        <i class="fa fa-calendar float-right pt-1"></i>&nbsp;
                        <span></span>
                        
                    </div>
                </div>
            </div>
        
            
            <div class="container">
                <hr>
                <div class="row mx-0">
                    <div class="col-xs-12 col-sm-6 col-md-6">
                        <div class="row">
                            <div class="col-xl-3 col-sm-6 col-md-4 py-2 colorDate text-center">
                                <p class="mb-0 ">2</p>
                                <p class="mb-0 ">July</p>
                                <p class="mb-0 ">2019</p>
                            </div>
                            <div class="col-xl-7 col-sm-6 col-md-8 videoConf mt-2 pt-2">
                                <p class="mb-0 ">Bhaumik Patel</p>
                                <p class="mb-0 text-dark">July 2, Saturday, 10.00AM</p>
                                <p class="mb-0">Duration :<span class="text-dark">20mins</span></p>
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="row mx-0">
                    <div class="col-xs-12 col-sm-6 col-md-6">
                        <div class="row">
                            <div class="col-xl-3 col-sm-6 col-md-4 py-2 colorDate text-center">
                                <p class="mb-0 ">2</p>
                                <p class="mb-0 ">July</p>
                                <p class="mb-0 ">2019</p>
                            </div>
                            <div class="col-xl-7 col-sm-6 col-md-8 videoConf mt-2 pt-2">
                                <p class="mb-0 ">Bhaumik Patel</p>
                                <p class="mb-0 text-dark">July 2, Saturday, 10.00AM</p>
                                <p class="mb-0">Duration :<span class="text-dark">20mins</span></p>
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
                <hr>
                <div class="row mx-0">
                    <div class="col-xs-12 col-sm-6 col-md-6">
                        <div class="row">
                            <div class="col-xl-3 col-sm-6 col-md-4 py-2 colorDate text-center">
                                <p class="mb-0 ">2</p>
                                <p class="mb-0 ">July</p>
                                <p class="mb-0 ">2019</p>
                            </div>
                            <div class="col-xl-7 col-sm-6 col-md-8 videoConf mt-2 pt-2">
                                <p class="mb-0 ">Bhaumik Patel</p>
                                <p class="mb-0 text-dark">July 2, Saturday, 10.00AM</p>
                                <p class="mb-0">Duration :<span class="text-dark">20mins</span></p>
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
            </div>

</div>
    </div>
</div>
</section>
<?php include("footer.php");?>