858 lines
66 KiB
PHP
858 lines
66 KiB
PHP
|
|
<!-- end app-header -->
|
|
<!-- begin app-container -->
|
|
<div class="app-container">
|
|
<!-- begin app-nabar -->
|
|
<aside class="app-navbar">
|
|
<? include "application/views/template/menu/sidemain.php"; ?>
|
|
</aside>
|
|
<!-- end app-navbar -->
|
|
<!-- begin app-main -->
|
|
<div class="app-main" id="main">
|
|
<!-- begin container-fluid -->
|
|
<div class="container-fluid">
|
|
|
|
<? include "application/views/template/topstrip.php"; ?>
|
|
<!-- begin row -->
|
|
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="card card-statistics">
|
|
<div class="row no-gutters">
|
|
<div class="col-xxl-3 col-lg-6">
|
|
<div class="p-20 border-lg-right border-bottom border-xxl-bottom-0">
|
|
<div class="d-flex m-b-10">
|
|
<p class="mb-0 font-regular text-muted font-weight-bold">Total Visits</p>
|
|
<a class="mb-0 ml-auto font-weight-bold" href="#"><i class="ti ti-more-alt"></i> </a>
|
|
</div>
|
|
<div class="d-block d-sm-flex h-100 align-items-center">
|
|
<div class="apexchart-wrapper">
|
|
<div id="analytics7"></div>
|
|
</div>
|
|
<div class="statistics mt-3 mt-sm-0 ml-sm-auto text-center text-sm-right">
|
|
<h3 class="mb-0"><i class="icon-arrow-up-circle"></i> 15,640</h3>
|
|
<p>Monthly visitor</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-3 col-lg-6">
|
|
<div class="p-20 border-xxl-right border-bottom border-xxl-bottom-0">
|
|
<div class="d-flex m-b-10">
|
|
<p class="mb-0 font-regular text-muted font-weight-bold">Total Cost</p>
|
|
<a class="mb-0 ml-auto font-weight-bold" href="#"><i class="ti ti-more-alt"></i> </a>
|
|
</div>
|
|
<div class="d-block d-sm-flex h-100 align-items-center">
|
|
<div class="apexchart-wrapper">
|
|
<div id="analytics8"></div>
|
|
</div>
|
|
<div class="statistics mt-3 mt-sm-0 ml-sm-auto text-center text-sm-right">
|
|
<h3 class="mb-0"><i class="icon-arrow-up-circle"></i> 16,656</h3>
|
|
<p>This month</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-3 col-lg-6">
|
|
<div class="p-20 border-lg-right border-bottom border-lg-bottom-0">
|
|
<div class="d-flex m-b-10">
|
|
<p class="mb-0 font-regular text-muted font-weight-bold">Total Sales</p>
|
|
<a class="mb-0 ml-auto font-weight-bold" href="#"><i class="ti ti-more-alt"></i> </a>
|
|
</div>
|
|
<div class="d-block d-sm-flex h-100 align-items-center">
|
|
<div class="apexchart-wrapper">
|
|
<div id="analytics9"></div>
|
|
</div>
|
|
<div class="statistics mt-3 mt-sm-0 ml-sm-auto text-center text-sm-right">
|
|
<h3 class="mb-0"><i class="icon-arrow-up-circle"></i>569</h3>
|
|
<p>Avg. Sales per day</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-3 col-lg-6">
|
|
<div class="p-20">
|
|
<div class="d-block d-sm-flex h-100 align-items-center">
|
|
<div class="apexchart-wrapper">
|
|
<div id="analytics10"></div>
|
|
</div>
|
|
<div class="statistics ml-sm-auto mt-4 mt-sm-0 pr-sm-5">
|
|
<ul class="list-style-none p-0">
|
|
<li class="d-flex py-1">
|
|
<span><i class="fa fa-circle text-primary pr-2"></i> Redirect Visits</span> <span class="pl-2 font-weight-bold">456</span></li>
|
|
<li class="d-flex py-1"><span><i class="fa fa-circle text-warning pr-2"></i> New Visits</span> <span class="pl-2 font-weight-bold">256</span></li>
|
|
<li class="d-flex py-1"><span><i class="fa fa-circle text-info pr-2"></i> Direct Visits</span> <span class="pl-2 font-weight-bold">128</span></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-lg-6 col-xxl-4 m-b-30">
|
|
<div class="card card-statistics h-100 mb-0">
|
|
<div class="card-header d-flex justify-content-between">
|
|
<div class="card-heading">
|
|
<h4 class="card-title">Recent Encounters</h4>
|
|
</div>
|
|
<div class="dropdown">
|
|
<a class="btn btn-round btn-inverse-primary btn-xs" href="#">View all </a>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row active-task m-b-20">
|
|
<div class="col-xs-1">
|
|
<div class="bg-type mb-1 mb-xs-0 mt-1">
|
|
<span>PP</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-11">
|
|
<small class="d-block mb-1">Car dealer</small>
|
|
<h5 class="mb-0"><a href="#">Unread utf-8 in more quick overview</a></h5>
|
|
<ul class="list-unstyled list-inline">
|
|
<li class="list-inline-item">
|
|
<small> Created by Lizzy Halfman</small>
|
|
</li>
|
|
<li class="list-inline-item">|</li>
|
|
<li class="list-inline-item">
|
|
<small>Saturday, March 17 2019</small>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="row active-task m-b-20">
|
|
<div class="col-xs-1">
|
|
<div class="bg-type bg-pink mb-1 mb-xs-0 mt-1">
|
|
<span>SL</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-11">
|
|
<small class="d-block mb-1">Webster HTML5 </small>
|
|
<h5 class="mb-0"><a href="#">I get an error "No Direct Access Allowed!" when I enter purchase</a></h5>
|
|
<ul class="list-unstyled list-inline">
|
|
<li class="list-inline-item">
|
|
<small> Created by Samuel Woods</small>
|
|
</li>
|
|
<li class="list-inline-item">|</li>
|
|
<li class="list-inline-item">
|
|
<small>Sunday, March 19 2019</small>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="row active-task m-b-20">
|
|
<div class="col-xs-1">
|
|
<div class="bg-type bg-success mb-1 mb-xs-0 mt-1">
|
|
<span>MP</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-11">
|
|
<small class="d-block mb-1">The corps</small>
|
|
<h5 class="mb-0"><a href="#">OAuth Credentials not generating the key</a></h5>
|
|
<ul class="list-unstyled list-inline">
|
|
<li class="list-inline-item">
|
|
<small> Created by Andrew nico</small>
|
|
</li>
|
|
<li class="list-inline-item">|</li>
|
|
<li class="list-inline-item">
|
|
<small>Monday, March 21 2019</small>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="row active-task m-b-20">
|
|
<div class="col-xs-1">
|
|
<div class="bg-type bg-orange mb-1 mb-xs-0 mt-1">
|
|
<span>SP</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-11">
|
|
<small class="d-block mb-1">Sam martin vCard</small>
|
|
<h5 class="mb-0"><a href="#">Pre-Buy Questions : For bakery Shop (Mentor Android Application)</a></h5>
|
|
<ul class="list-unstyled list-inline">
|
|
<li class="list-inline-item">
|
|
<small> Created by Jimmy Falicon</small>
|
|
</li>
|
|
<li class="list-inline-item">|</li>
|
|
<li class="list-inline-item">
|
|
<small>Friday, March 22 2019</small>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="row active-task m-b-20">
|
|
<div class="col-xs-1">
|
|
<div class="bg-type bg-info mb-1 mb-xs-0 mt-1">
|
|
<span>AP</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-11">
|
|
<small class="d-block mb-1">Mentor admin </small>
|
|
<h5 class="mb-0"><a href="#">I need a payment option, for each seller per item</a></h5>
|
|
<ul class="list-unstyled list-inline">
|
|
<li class="list-inline-item">
|
|
<small> Created by Brian Joedon</small>
|
|
</li>
|
|
<li class="list-inline-item">|</li>
|
|
<li class="list-inline-item">
|
|
<small>Saturday, March 17 2019</small>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-xxl-4 m-b-30">
|
|
<div class="card card-statistics h-100 mb-0">
|
|
<div class="card-header d-flex justify-content-between">
|
|
<div class="card-heading">
|
|
<h4 class="card-title">Activities</h4>
|
|
</div>
|
|
<div class="dropdown">
|
|
<a class="p-2" href="#!" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="fe fe-more-horizontal"></i>
|
|
</a>
|
|
<div class="dropdown-menu custom-dropdown dropdown-menu-right p-4">
|
|
<h6 class="mb-1">Action</h6>
|
|
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-o pr-2"></i>View reports</a>
|
|
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-edit pr-2"></i>Edit reports</a>
|
|
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-bar-chart-o pr-2"></i>Statistics</a>
|
|
<h6 class="mb-1 mt-3">Export</h6>
|
|
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-pdf-o pr-2"></i>Export to PDF</a>
|
|
<a class="dropdown-item" href="#!"><i class="fa-fw fa fa-file-excel-o pr-2"></i>Export to CSV</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<ul class="activity">
|
|
<li class="activity-item primary">
|
|
<div class="activity-info">
|
|
<h5 class="mb-0">Meeting with Amanda and team.</h5>
|
|
<span>10:30 Jan</span>
|
|
</div>
|
|
</li>
|
|
<li class="activity-item info">
|
|
<div class="activity-info">
|
|
<h5 class="mb-0"> Assign task for Smith. </h5>
|
|
<span>
|
|
Wed, 10 Mar
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li class="activity-item success">
|
|
<div class="activity-info">
|
|
<h5 class="mb-0"> Complete milestone 3 and update. </h5>
|
|
<span>
|
|
Mon, 14 Jun
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li class="activity-item danger">
|
|
<div class="activity-info">
|
|
<h5 class="mb-0">Start new task with mark. </h5>
|
|
<span>
|
|
Sat, 01 May
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li class="activity-item warning">
|
|
<div class="activity-info">
|
|
<h5 class="mb-0">You have created a new task</h5>
|
|
<span>9:30</span>
|
|
</div>
|
|
</li>
|
|
<li class="activity-item info">
|
|
<div class="activity-info">
|
|
<h5 class="mb-0"> Meeting with client and CEO.</h5>
|
|
<span>
|
|
Fri, 10 Aug
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li class="activity-item success">
|
|
<div class="activity-info">
|
|
<h5 class="mb-0">Meeting with Amanda and team.</h5>
|
|
<span>
|
|
Fri, 01 Dec
|
|
</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-4 m-b-30">
|
|
|
|
|
|
|
|
|
|
<div class="card card-statistics h-100 mb-0">
|
|
<div class="card-header d-flex align-items-center justify-content-between">
|
|
<div class="card-heading">
|
|
<h4 class="card-title">Patients List</h4>
|
|
</div>
|
|
<div class="dropdown">
|
|
<a class="btn btn-xs" href="#!">Export <i class="zmdi zmdi-download pl-1"></i> </a>
|
|
</div>
|
|
</div>
|
|
<div class="card-body scrollbar scroll_dark pt-0" style="max-height: 350px;">
|
|
<div class="datatable-wrapper table-responsive">
|
|
<table id="datatable" class="table table-borderless table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>#</th>
|
|
<th>Name</th>
|
|
<th>Price</th>
|
|
<th>In stock</th>
|
|
<th>Status</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>Cold Shoulder Bling Dress</td>
|
|
<td>$65.342</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 80%;" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>2</td>
|
|
<td>PlayStation 4 Pro 1TB Console</td>
|
|
<td>$47.655</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 36%;" aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>3</td>
|
|
<td>Extra Fine Wool Jumpers</td>
|
|
<td>$56.479</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 60%;" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-danger-inverse">Canceled</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>4</td>
|
|
<td>Long Sleeve Bow Top</td>
|
|
<td>$04.786</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 50%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>5</td>
|
|
<td>Shine Stripe Long Sleeve Ruffle</td>
|
|
<td>$23.456</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 75%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>6</td>
|
|
<td>Long Sleeve Micro Thermal Shirt</td>
|
|
<td>$65.598</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-info-inverse">info</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>7</td>
|
|
<td>Standard Fit Bomber Sweater</td>
|
|
<td>$87.659</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 45%;" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-warning-inverse">Warning</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>8</td>
|
|
<td>Standard Fit Crew T-Shirt</td>
|
|
<td>$32.466</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 55%;" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>9</td>
|
|
<td>Standard Fit Short Sleeve V-Neck</td>
|
|
<td>$03.544</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 70%;" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>10</td>
|
|
<td>Sanus Classic Small Full Motion Wall</td>
|
|
<td>$14.489</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 65%;" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>11</td>
|
|
<td>Jena Gaines</td>
|
|
<td>$78.654</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 47%;" aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>12</td>
|
|
<td>Quinn Flynn</td>
|
|
<td>$23.486</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 96%;" aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>13</td>
|
|
<td>Charde Marshall</td>
|
|
<td>$65.453</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 74%;" aria-valuenow="74" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>14</td>
|
|
<td>Haley Kennedy</td>
|
|
<td>$78.645</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 62%;" aria-valuenow="62" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>15</td>
|
|
<td>Tatyana Fitzpatrick</td>
|
|
<td>$65.342</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 55%;" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>16</td>
|
|
<td>Michael Silva</td>
|
|
<td>$07.456</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 47%;" aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>17</td>
|
|
<td>Paul Byrd</td>
|
|
<td>$36.478</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 36%;" aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>18</td>
|
|
<td>Gloria Little</td>
|
|
<td>$84.798</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 47%;" aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>19</td>
|
|
<td>Bradley Greer</td>
|
|
<td>$12.356</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 65%;" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>20</td>
|
|
<td>Dai Rios</td>
|
|
<td>$45.655</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 85%;" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>21</td>
|
|
<td>Jenette Caldwell</td>
|
|
<td>$47.586</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 47%;" aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>22</td>
|
|
<td>Yuri Berry</td>
|
|
<td>$36.756</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 63%;" aria-valuenow="63" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>23</td>
|
|
<td>Caesar Vance</td>
|
|
<td>$78.659</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 96%;" aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>24</td>
|
|
<td>Doris Wilder</td>
|
|
<td>$56.484</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 87%;" aria-valuenow="87" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>25</td>
|
|
<td>Angelica Ramos</td>
|
|
<td>$36.796</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 98%;" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>26</td>
|
|
<td>Gavin Joyce</td>
|
|
<td>$25.365</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 87%;" aria-valuenow="87" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>27</td>
|
|
<td>Jennifer Chang</td>
|
|
<td>$78.489</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 70%;" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>28</td>
|
|
<td>Brenden Wagner</td>
|
|
<td>$35.987</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 65%;" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>29</td>
|
|
<td>Fiona Green</td>
|
|
<td>$78.464</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 75%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>30</td>
|
|
<td>Shou Itou</td>
|
|
<td>$61.444</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 85%;" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>31</td>
|
|
<td>Michelle House</td>
|
|
<td>$85.488</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 47%;" aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>32</td>
|
|
<td>Suki Burks</td>
|
|
<td>$89.463</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 66%;" aria-valuenow="66" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>33</td>
|
|
<td>Prescott Bartlett</td>
|
|
<td>$23.464</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 62%;" aria-valuenow="62" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>34</td>
|
|
<td>Gavin Cortez</td>
|
|
<td>$12.254</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 45%;" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>35</td>
|
|
<td>Martena Mccray</td>
|
|
<td>$24.478</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 36%;" aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>36</td>
|
|
<td>Unity Butler</td>
|
|
<td>$36.478</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 45%;" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>37</td>
|
|
<td>Howard Hatfield</td>
|
|
<td>$48.654</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 96%;" aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>38</td>
|
|
<td>Hope Fuentes</td>
|
|
<td>$78.654</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 47%;" aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>39</td>
|
|
<td>Vivian Harrell</td>
|
|
<td>$26.154</td>
|
|
<td>
|
|
<div class="progress my-3" style="height: 3px;">
|
|
<div class="progress-bar" role="progressbar" style="width: 56%;" aria-valuenow="56" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</td>
|
|
<td><span class="badge badge-success-inverse">Active</span></td>
|
|
<td> <a class="mr-3" href="javascript:void(0);"><i class="fe fe-edit"></i></a><a href="javascript:void(0);"><i class="fe fe-trash-2"></i></a></td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th>#</th>
|
|
<th>Name</th>
|
|
<th>Price</th>
|
|
<th>In stock</th>
|
|
<th>Status</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- end row -->
|
|
<!-- event Modal -->
|
|
<div class="modal fade" id="eventModal" tabindex="-1" role="dialog" aria-labelledby="verticalCenterTitle" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="verticalCenterTitle">Add New Event</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form>
|
|
<div class="form-group">
|
|
<label for="modelemail">Event Name</label>
|
|
<input type="email" class="form-control" id="modelemail">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Choose Event Color</label>
|
|
<select class="form-control">
|
|
<option>Primary</option>
|
|
<option>Warning</option>
|
|
<option>Success</option>
|
|
<option>Danger</option>
|
|
</select>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-success">Save changes</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end container-fluid -->
|
|
</div>
|
|
<!-- end app-main -->
|
|
</div>
|
|
<!-- end app-container -->
|
|
<!-- begin footer -->
|
|
|