tech4biz/admin/index.php
2024-10-24 17:20:08 +05:30

560 lines
36 KiB
PHP

<?PHP
header('location: contact-info.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Cuba - Premium Admin Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./assets/images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="./assets/images/favicon.ico" type="image/x-icon">
<!-- Google font-->
<link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,500,500i,700,700i&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./assets/css/font-awesome.css">
<!-- ico-font-->
<link rel="stylesheet" type="text/css" href="./assets/css/vendors/icofont.css">
<!-- Themify icon-->
<link rel="stylesheet" type="text/css" href="./assets/css/vendors/themify.css">
<!-- Flag icon-->
<link rel="stylesheet" type="text/css" href="./assets/css/vendors/flag-icon.css">
<!-- Feather icon-->
<link rel="stylesheet" type="text/css" href="./assets/css/vendors/feather-icon.css">
<!-- Plugins css start-->
<link rel="stylesheet" type="text/css" href="./assets/css/vendors/scrollbar.css">
<link rel="stylesheet" type="text/css" href="./assets/css/vendors/animate.css">
<link rel="stylesheet" type="text/css" href="./assets/css/vendors/chartist.css">
<link rel="stylesheet" type="text/css" href="./assets/css/vendors/date-picker.css">
<!-- Plugins css Ends-->
<!-- Bootstrap css-->
<link rel="stylesheet" type="text/css" href="./assets/css/vendors/bootstrap.css">
<!-- App css-->
<link rel="stylesheet" type="text/css" href="./assets/css/style.css">
<link id="color" rel="stylesheet" href="./assets/css/color-1.css" media="screen">
<!-- Responsive css-->
<link rel="stylesheet" type="text/css" href="./assets/css/responsive.css">
</head>
<body>
<!-- loader starts-->
<div class="loader-wrapper">
<div class="loader-index"><span></span></div>
<svg>
<defs></defs>
<filter id="goo">
<fegaussianblur in="SourceGraphic" stddeviation="11" result="blur"></fegaussianblur>
<fecolormatrix in="blur" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9" result="goo"> </fecolormatrix>
</filter>
</svg>
</div>
<!-- loader ends-->
<!-- tap on top starts-->
<div class="tap-top"><i data-feather="chevrons-up"></i></div>
<!-- tap on tap ends-->
<!-- page-wrapper Start-->
<div class="page-wrapper compact-wrapper" id="pageWrapper">
<!-- Page Header Start-->
<?PHP include "./includes/header.php";?>
<!-- Page Header Ends -->
<!-- Page Body Start-->
<div class="page-body-wrapper">
<!-- Page Sidebar Start-->
<?PHP include './includes/sidebar.php'; ?>
<!-- Page Sidebar Ends-->
<div class="page-body">
<div class="container-fluid">
<div class="page-title">
<div class="row">
<div class="col-6">
<h3>Default</h3>
</div>
<div class="col-6">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index-2.html"> <i data-feather="home"></i></a></li>
<li class="breadcrumb-item">Dashboard</li>
<li class="breadcrumb-item active">Default </li>
</ol>
</div>
</div>
</div>
</div>
<!-- Container-fluid starts-->
<div class="container-fluid">
<div class="row second-chart-list third-news-update">
<div class="col-xl-4 col-lg-12 xl-50 morning-sec box-col-12">
<div class="card profile-greeting">
<div class="card-body pb-0">
<div class="media">
<div class="media-body">
<div class="greeting-user">
<h4 class="f-w-600 font-primary" id="greeting">Good Morning</h4>
<p>Here whats happing in your account today</p>
<div class="whatsnew-btn"><a class="btn btn-primary">Whats New !</a></div>
</div>
</div>
<div class="badge-groups">
<div class="badge f-10"><i class="me-1" data-feather="clock"></i><span id="txt"></span></div>
</div>
</div>
<div class="cartoon"><img class="img-fluid" src="./assets/images/dashboard/cartoon.png" alt=""></div>
</div>
</div>
</div>
<div class="col-xl-8 xl-100 dashboard-sec box-col-12">
<div class="card earning-card">
<div class="card-body p-0">
<div class="row m-0">
<div class="col-xl-3 earning-content p-0">
<div class="row m-0 chart-left">
<div class="col-xl-12 p-0 left_side_earning">
<h5>Dashboard</h5>
<p class="font-roboto">Overview of last month</p>
</div>
<div class="col-xl-12 p-0 left_side_earning">
<h5>$4055.56 </h5>
<p class="font-roboto">This Month Earning</p>
</div>
<div class="col-xl-12 p-0 left_side_earning">
<h5>$1004.11</h5>
<p class="font-roboto">This Month Profit</p>
</div>
<div class="col-xl-12 p-0 left_side_earning">
<h5>90%</h5>
<p class="font-roboto">This Month Sale</p>
</div>
<div class="col-xl-12 p-0 left-btn"><a class="btn btn-gradient">Summary</a></div>
</div>
</div>
<div class="col-xl-9 p-0">
<div class="chart-right">
<div class="row m-0 p-tb">
<div class="col-xl-8 col-md-8 col-sm-8 col-12 p-0">
<div class="inner-top-left">
<ul class="d-flex list-unstyled">
<li>Daily</li>
<li class="active">Weekly</li>
<li>Monthly</li>
<li>Yearly</li>
</ul>
</div>
</div>
<div class="col-xl-4 col-md-4 col-sm-4 col-12 p-0 justify-content-end">
<div class="inner-top-right">
<ul class="d-flex list-unstyled justify-content-end">
<li>Online</li>
<li>Store</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div class="card-body p-0">
<div class="current-sale-container">
<div id="chart-currently"></div>
</div>
</div>
</div>
</div>
</div>
<div class="row border-top m-0">
<div class="col-xl-4 ps-0 col-md-6 col-sm-6">
<div class="media p-0">
<div class="media-left"><i class="icofont icofont-crown"></i></div>
<div class="media-body">
<h6>Referral Earning</h6>
<p>$5,000.20</p>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 col-sm-6">
<div class="media p-0">
<div class="media-left bg-secondary"><i class="icofont icofont-heart-alt"></i></div>
<div class="media-body">
<h6>Cash Balance</h6>
<p>$2,657.21</p>
</div>
</div>
</div>
<div class="col-xl-4 col-md-12 pe-0">
<div class="media p-0">
<div class="media-left"><i class="icofont icofont-cur-dollar"></i></div>
<div class="media-body">
<h6>Sales forcasting</h6>
<p>$9,478.50 </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-9 xl-100 chart_data_left box-col-12">
<div class="card">
<div class="card-body p-0">
<div class="row m-0 chart-main">
<div class="col-xl-3 col-md-6 col-sm-6 p-0 box-col-6">
<div class="media align-items-center">
<div class="hospital-small-chart">
<div class="small-bar">
<div class="small-chart flot-chart-container"></div>
</div>
</div>
<div class="media-body">
<div class="right-chart-content">
<h4>1001</h4><span>Purchase </span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 col-sm-6 p-0 box-col-6">
<div class="media align-items-center">
<div class="hospital-small-chart">
<div class="small-bar">
<div class="small-chart1 flot-chart-container"></div>
</div>
</div>
<div class="media-body">
<div class="right-chart-content">
<h4>1005</h4><span>Sales</span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 col-sm-6 p-0 box-col-6">
<div class="media align-items-center">
<div class="hospital-small-chart">
<div class="small-bar">
<div class="small-chart2 flot-chart-container"></div>
</div>
</div>
<div class="media-body">
<div class="right-chart-content">
<h4>100</h4><span>Sales return</span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 col-sm-6 p-0 box-col-6">
<div class="media border-none align-items-center">
<div class="hospital-small-chart">
<div class="small-bar">
<div class="small-chart3 flot-chart-container"></div>
</div>
</div>
<div class="media-body">
<div class="right-chart-content">
<h4>101</h4><span>Purchase ret</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 xl-50 chart_data_right box-col-12">
<div class="card">
<div class="card-body">
<div class="media align-items-center">
<div class="media-body right-chart-content">
<h4>$95,900<span class="new-box">Hot</span></h4><span>Purchase Order Value</span>
</div>
<div class="knob-block text-center">
<input class="knob1" data-width="10" data-height="70" data-thickness=".3" data-angleoffset="0" data-linecap="round" data-fgcolor="#7366ff" data-bgcolor="#eef5fb" value="60">
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 xl-50 chart_data_right second d-none">
<div class="card">
<div class="card-body">
<div class="media align-items-center">
<div class="media-body right-chart-content">
<h4>$95,000<span class="new-box">New</span></h4><span>Product Order Value</span>
</div>
<div class="knob-block text-center">
<input class="knob1" data-width="50" data-height="70" data-thickness=".3" data-fgcolor="#7366ff" data-linecap="round" data-angleoffset="0" value="60">
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 xl-50 news box-col-6">
<div class="card">
<div class="card-header">
<div class="header-top">
<h5 class="m-0">News &amp; Update</h5>
<div class="card-header-right-icon">
<div class="dropdown">
<button class="btn dropdown-toggle" id="dropdownMenuButton" type="button" data-bs-toggle="dropdown" aria-expanded="false">Today</button>
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton"><a class="dropdown-item" href="#">Today</a><a class="dropdown-item" href="#">Tomorrow</a><a class="dropdown-item" href="#">Yesterday</a></div>
</div>
</div>
</div>
</div>
<div class="card-body p-0">
<div class="news-update media"><img class="img-fluid me-3 b-r-10" src="./assets/images/dashboard/update/1.jpg" alt="">
<div class="media-body">
<h6>36% off For pixel Couslations Types.</h6><span>Lorem Ipsum is simply dummy...</span><span class="time-detail d-block"><i data-feather="clock"></i>10 Minutes Ago</span>
</div>
</div>
<div class="news-update media"><img class="img-fluid me-3 b-r-10" src="./assets/images/dashboard/update/2.jpg" alt="">
<div class="media-body">
<h6>We are produce new product this</h6><span> Lorem Ipsum is simply text of the printing... </span><span class="time-detail d-block"><i data-feather="clock"></i>1 Hour Ago</span>
</div>
</div>
<div class="news-update media"><img class="img-fluid me-3 b-r-10" src="./assets/images/dashboard/update/3.jpg" alt="">
<div class="media-body">
<h6>50% off For COVID Couslations Types.</h6><span>Lorem Ipsum is simply dummy...</span><span class="time-detail d-block"><i data-feather="clock"></i>8 Hours Ago</span>
</div>
</div>
</div>
<div class="card-footer">
<div class="bottom-btn"><a href="#">See all</a></div>
</div>
</div>
</div>
<div class="col-xl-4 xl-50 appointment-sec box-col-6">
<div class="row">
<div class="col-xl-12 appointment">
<div class="card">
<div class="card-header card-no-border">
<div class="header-top">
<h5 class="m-0">appointment</h5>
<div class="card-header-right-icon">
<div class="dropdown">
<button class="btn dropdown-toggle" id="dropdownMenuButton" type="button" data-bs-toggle="dropdown" aria-expanded="false">Today</button>
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton"><a class="dropdown-item" href="#">Today</a><a class="dropdown-item" href="#">Tomorrow</a><a class="dropdown-item" href="#">Yesterday</a></div>
</div>
</div>
</div>
</div>
<div class="card-body pt-0">
<div class="appointment-table table-responsive">
<table class="table table-bordernone">
<tbody>
<tr>
<td><img class="img-fluid img-40 rounded-circle mb-3" src="./assets/images/appointment/app-ent.jpg" alt="Image description">
<div class="status-circle bg-primary"></div>
</td>
<td class="img-content-box"><span class="d-block">Venter Loren</span><span class="font-roboto">Now</span></td>
<td>
<p class="m-0 font-primary">28 Sept</p>
</td>
<td class="text-end">
<div class="button btn btn-primary">Done</div>
</td>
</tr>
<tr>
<td><img class="img-fluid img-40 rounded-circle" src="./assets/images/appointment/app-ent.jpg" alt="Image description">
<div class="status-circle bg-primary"></div>
</td>
<td class="img-content-box"><span class="d-block">John Loren</span><span class="font-roboto">11:00</span></td>
<td>
<p class="m-0 font-primary">22 Sept</p>
</td>
<td class="text-end">
<div class="button btn btn-warning">Pending</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-xl-12 alert-sec">
<div class="card bg-img">
<div class="card-header">
<div class="header-top">
<h5 class="m-0">Alert </h5>
<div class="dot-right-icon"><i data-feather="more-horizontal"></i></div>
</div>
</div>
<div class="card-body">
<div class="body-bottom">
<h6> 10% off For drama lights Couslations...</h6><span class="font-roboto">Lorem Ipsum is simply dummy...It is a long established fact that a reader will be distracted by </span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 xl-50 notification box-col-6">
<div class="card">
<div class="card-header card-no-border">
<div class="header-top">
<h5 class="m-0">notification</h5>
<div class="card-header-right-icon">
<div class="dropdown">
<button class="btn dropdown-toggle" id="dropdownMenuButton" type="button" data-bs-toggle="dropdown" aria-expanded="false">Today</button>
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton"><a class="dropdown-item" href="#">Today</a><a class="dropdown-item" href="#">Tomorrow</a><a class="dropdown-item" href="#">Yesterday </a></div>
</div>
</div>
</div>
</div>
<div class="card-body pt-0">
<div class="media">
<div class="media-body">
<p>20-04-2020 <span>10:10</span></p>
<h6>Updated Product<span class="dot-notification"></span></h6><span>Quisque a consequat ante sit amet magna...</span>
</div>
</div>
<div class="media">
<div class="media-body">
<p>20-04-2020<span class="ps-1">Today</span><span class="badge badge-secondary">New</span></p>
<h6>Tello just like your product<span class="dot-notification"></span></h6><span>Quisque a consequat ante sit amet magna... </span>
</div>
</div>
<div class="media">
<div class="media-body">
<div class="d-flex mb-3">
<div class="inner-img"><img class="img-fluid" src="./assets/images/notification/1.jpg" alt="Product-1"></div>
<div class="inner-img"><img class="img-fluid" src="./assets/images/notification/2.jpg" alt="Product-2"></div>
</div><span class="mt-3">Quisque a consequat ante sit amet magna...</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 xl-50 appointment box-col-6">
<div class="card">
<div class="card-header">
<div class="header-top">
<h5 class="m-0">Market Value</h5>
<div class="card-header-right-icon">
<div class="dropdown">
<button class="btn dropdown-toggle" id="dropdownMenuButton" type="button" data-bs-toggle="dropdown" aria-expanded="false">Year</button>
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton"><a class="dropdown-item" href="#">Year</a><a class="dropdown-item" href="#">Month</a><a class="dropdown-item" href="#">Day</a></div>
</div>
</div>
</div>
</div>
<div class="card-Body">
<div class="radar-chart">
<div id="marketchart"> </div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 xl-100 chat-sec box-col-6">
<div class="card chat-default">
<div class="card-header card-no-border">
<div class="media media-dashboard">
<div class="media-body">
<h5 class="mb-0">Live Chat</h5>
</div>
<div class="icon-box"><i data-feather="more-horizontal"></i></div>
</div>
</div>
<div class="card-body chat-box">
<div class="chat">
<div class="media left-side-chat">
<div class="media-body d-flex">
<div class="img-profile"> <img class="img-fluid" src="./assets/images/user.jpg" alt="Profile"></div>
<div class="main-chat">
<div class="message-main"><span class="mb-0">Hi deo, Please send me link.</span></div>
<div class="sub-message message-main"><span class="mb-0">Right Now</span></div>
</div>
</div>
<p class="f-w-400">7:28 PM</p>
</div>
<div class="media right-side-chat">
<p class="f-w-400">7:28 PM</p>
<div class="media-body text-end">
<div class="message-main pull-right"><span class="mb-0 text-start">How can do for you</span>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="media left-side-chat">
<div class="media-body d-flex">
<div class="img-profile"> <img class="img-fluid" src="./assets/images/user.jpg" alt="Profile"></div>
<div class="main-chat">
<div class="sub-message message-main mt-0"><span>It's argently</span></div>
</div>
</div>
<p class="f-w-400">7:28 PM</p>
</div>
<div class="media right-side-chat">
<div class="media-body text-end">
<div class="message-main pull-right"><span class="loader-span mb-0 text-start" id="wave"><span class="dot"></span><span class="dot"></span><span class="dot"></span></span></div>
</div>
</div>
<div class="input-group">
<input class="form-control" id="mail" type="text" placeholder="Type Your Message..." name="text">
<div class="send-msg"><i data-feather="send"></i></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-12 xl-50 calendar-sec box-col-6">
<div class="card gradient-primary o-hidden">
<div class="card-body">
<div class="setting-dot">
<div class="setting-bg-primary date-picker-setting pull-right">
<div class="icon-box"><i data-feather="more-horizontal"></i></div>
</div>
</div>
<div class="default-datepicker">
<div class="datepicker-here" data-language="en"></div>
</div><span class="default-dots-stay overview-dots full-width-dots"><span class="dots-group"><span class="dots dots1"></span><span class="dots dots2 dot-small"></span><span class="dots dots3 dot-small"></span><span class="dots dots4 dot-medium"></span><span class="dots dots5 dot-small"></span><span class="dots dots6 dot-small"></span><span class="dots dots7 dot-small-semi"></span><span class="dots dots8 dot-small-semi"></span><span class="dots dots9 dot-small"> </span></span></span>
</div>
</div>
</div>
</div>
</div>
<!-- Container-fluid Ends-->
</div>
<!-- footer start-->
<?PHP include './includes/footer.php';?>
</div>
</div>
<!-- latest jquery-->
<script src="./assets/js/jquery-3.5.1.min.js"></script>
<!-- Bootstrap js-->
<script src="./assets/js/bootstrap/bootstrap.bundle.min.js"></script>
<!-- feather icon js-->
<script src="./assets/js/icons/feather-icon/feather.min.js"></script>
<script src="./assets/js/icons/feather-icon/feather-icon.js"></script>
<!-- scrollbar js-->
<script src="./assets/js/scrollbar/simplebar.js"></script>
<script src="./assets/js/scrollbar/custom.js"></script>
<!-- Sidebar jquery-->
<script src="./assets/js/config.js"></script>
<!-- Plugins JS start-->
<script src="./assets/js/sidebar-menu.js"></script>
<script src="./assets/js/chart/chartist/chartist.js"></script>
<script src="./assets/js/chart/chartist/chartist-plugin-tooltip.js"></script>
<script src="./assets/js/chart/knob/knob.min.js"></script>
<script src="./assets/js/chart/knob/knob-chart.js"></script>
<script src="./assets/js/chart/apex-chart/apex-chart.js"></script>
<script src="./assets/js/chart/apex-chart/stock-prices.js"></script>
<script src="./assets/js/notify/bootstrap-notify.min.js"></script>
<script src="./assets/js/dashboard/default.js"></script>
<!--<script src="./assets/js/notify/index.js"></script>-->
<script src="./assets/js/datepicker/date-picker/datepicker.js"></script>
<script src="./assets/js/datepicker/date-picker/datepicker.en.js"></script>
<script src="./assets/js/datepicker/date-picker/datepicker.custom.js"></script>
<script src="./assets/js/typeahead/handlebars.js"></script>
<script src="./assets/js/typeahead/typeahead.bundle.js"></script>
<!-- <script src="./assets/js/typeahead/typeahead.custom.js"></script> -->
<script src="./assets/js/typeahead-search/handlebars.js"></script>
<script src="./assets/js/typeahead-search/typeahead-custom.js"></script>
<!-- Plugins JS Ends-->
<!-- Theme js-->
<script src="./assets/js/script.js"></script>
<script src="./assets/js/theme-customizer/customizer.js"></script>
<!-- login js-->
<!-- Plugin used-->
</body>
</html>