<?php
session_start(); 

include 'load.php';
require_once 'db_connection.php'; 

?>


<!DOCTYPE HTML>
<html lang="en">


<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover" />
<title></title>

<link rel="stylesheet" type="text/css" href="plug/styles/bootstrap.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="plug/fonts/bootstrap-icons.css">
<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com/">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@500;600;700&amp;family=Roboto:wght@400;500;700&amp;display=swap" rel="stylesheet">
<link rel="manifest" href="_manifest.json">
<meta id="theme-check" name="theme-color" content="#FFFFFF">
<link rel="apple-touch-icon" sizes="180x180" href="app/icons/icon-192x192.html"></head>
<body class="theme-light">


<div id="page" style="display: block;">

<div id="footer-bar" class="footer-bar-1 footer-bar-detached">
<a onclick="redirect('pos-panel-mobile-new.php')" href="pos-panel-mobile-new.php"><i class="fa fa-shopping-basket" data-bs-toggle="tooltip" title="" data-bs-original-title="fa fa-shopping-basket" aria-label="fa fa-shopping-basket"></i><span>Shop</span></a>
<a onclick="redirect('customers.php')" href="customers.php"><i class="fa fa-address-book"></i><span>Customers</span></a>
<a href="pos-panel-mobile-new.php" class="circle-nav-2"><i class="fa fa-barcode" data-bs-toggle="tooltip" title="" aria-label="fa fa-barcode"></i><span>Barcode</span></a>
<a href="#"><i class="fa fa-university" data-bs-toggle="tooltip" title="" data-bs-original-title="fa fa-university" aria-label="fa fa-university"></i><span>Inventory</span></a>
<a href="#" data-bs-toggle="offcanvas" data-bs-target="#menu-sidebar"><i class="fa fa-building" data-bs-toggle="tooltip" title="" data-bs-original-title="fa fa-building" aria-label="fa fa-building"></i><span>Invoice</span></a>
</div>

<div class="page-content footer-clear">

<div class="pt-3">
<div class="page-title d-flex">
<div class="align-self-center me-auto">
<p class="color-highlight header-date"></p>
<h1>Welcome</h1>
</div>
<div class="align-self-center ms-auto">
<a href="#" data-bs-toggle="offcanvas" data-bs-target="#menu-notifications" class="icon gradient-blue color-white shadow-bg shadow-bg-xs rounded-m">
<i class="bi bi-bell-fill font-17"></i>
<em class="badge bg-red-dark color-white scale-box">3</em>
</a>
<a href="#" data-bs-toggle="dropdown" class="icon gradient-blue shadow-bg shadow-bg-s rounded-m">
<img src="images/pictures/25s.jpg" width="45" class="rounded-m" alt="img">
</a>

<div class="dropdown-menu">
<div class="card card-style shadow-m mt-1 me-1">
<div class="list-group list-custom list-group-s list-group-flush rounded-xs px-3 py-1">
<a href="#" class="list-group-item">
<i class="has-bg gradient-green shadow-bg shadow-bg-xs color-white rounded-xs bi bi-credit-card"></i>
<strong class="font-13">All Transactions</strong>
</a>
<a href="#" class="list-group-item">
<i class="has-bg gradient-blue shadow-bg shadow-bg-xs color-white rounded-xs bi bi-graph-up"></i>
<strong class="font-13">Pending Sales</strong>
</a>
<a href="#" class="list-group-item">
<i class="has-bg gradient-yellow shadow-bg shadow-bg-xs color-white rounded-xs bi bi-person-circle"></i>
<strong class="font-13">Sales</strong>
</a>
<a href="#" class="list-group-item">
<i class="has-bg gradient-red shadow-bg shadow-bg-xs color-white rounded-xs bi bi-power"></i>
<strong class="font-13">Log Out</strong>
</a>
</div>
</div>
</div>
</div>
</div>
</div>