<?php 
include('database_connection.php');
//define('SITEURL','http://localhost/design2/');
?>
<!DOCTYPE html>
<!-- saved from url=(0034)<?php echo SITEURL;?> -->
<html lang="en"><head><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">
    <meta name="description" content="">
    <meta name="keywords" content="">

     <meta name="author" content="ITS Circle LLC">
    <link rel="icon" href="<?php echo SITEURL;?>assets/images/favicon.png" type="image/x-icon">
    <link rel="shortcut icon" href="<?php echo SITEURL;?>assets/images/favicon.png" type="image/x-icon">
    <title>Vision 7i</title>

    <!--Google font-->
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Raleway:300,400,500,600,700" rel="stylesheet">
    <!-- Font Awesome -->
    <link rel="stylesheet" type="text/css" href="assets/css/fontawesome.css">

    <!-- ico-font -->
    <link rel="stylesheet" type="text/css" href="assets/css/icofont.css">

    <!-- Themify icon -->
    <link rel="stylesheet" type="text/css" href="assets/css/themify.css">

    <!-- Flag icon -->
    <link rel="stylesheet" type="text/css" href="assets/css/flag-icon.css">

    <!-- prism css -->
    <link rel="stylesheet" type="text/css" href="assets/css/prism.css">

    <!-- Owl css -->
    <link rel="stylesheet" type="text/css" href="assets/css/owlcarousel.css">

    <!-- Bootstrap css -->
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">

    <!-- App css -->
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">

    <!-- Responsive css -->
    <link rel="stylesheet" type="text/css" href="assets/css/responsive.css">
    <style>
        .nav-pills .nav-link:not(.active), .nav-pills .show > .nav-link {
            background-color: #f9f4ff;
        }

        .custom-scrollbar.slim::-webkit-scrollbar {
            
            height: 5px;
        }
    </style>

<style type="text/css">.jqstooltip { position: absolute;left: 0px;top: 0px;visibility: hidden;background: rgb(0, 0, 0) transparent;background-color: rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";color: white;font: 10px arial, san serif;text-align: left;white-space: nowrap;padding: 5px;border: 1px solid white;z-index: 10000;}.jqsfield { color: white;font: 10px arial, san serif;text-align: left;}</style></head>
<body>

<!-- Loader starts -->

<!-- Loader ends -->

<!--page-wrapper Start-->
<div class="page-wrapper">

    <!--Page Header Start-->
    <div class="page-main-header">
        <div class="main-header-left">
            <div class="logo-wrapper">
                <a href="<?php echo SITEURL;?>index.aspx">
                    <img src="assets/images/its-logo.png" class="image-dark" alt="">
                    <img src="assets/images/its-logo-invert.png" class="image-light" alt="">
                </a>
            </div>
        </div>
        <div class="main-header-right row">
            <div class="mobile-sidebar">
                <div class="media-body text-right switch-sm">
                    <label class="switch">
                        <input type="checkbox" id="sidebar-toggle" checked="">
                        <span class="switch-state"></span>
                    </label>
                </div>
            </div>
            <div class="nav-right col">
                <ul class="nav-menus">
                    <div style="width: 80%;text-align: left;">
                    <li id="menuList" class="custom-scrollbar slim" style="a: left;margin: 0;padding: 0;max-height: 40px;list-style-type: none;max-height: 100%;overflow: hidden;display: inline-block;overflow-x:auto;width: 100%;/* max-width:500px; */display: grid;">

                        <ul class="nav nav-pills custom-scrollbar slim" id="pills-icontab" role="tablist" style="margin: 0;padding: 0;/* max-height: 40px; *//* list-style-type: none; */line-height: 26px;/* max-height: 40px; */overflow: hidden;display: inline-block;white-space: nowrap;overflow-x:auto;position:relative;">
                            
                            <li class="nav-item">
                                <a class="nav-link active" id="pills-0-tab" data-toggle="pill" href="<?php echo SITEURL;?>/#pills-0" role="tab" aria-controls="pills-0" aria-selected="false">
                                    <i class="icon-desktop icon-sidebar" style="margin-left:0px;margin-right:5px;font-size:10px"></i>Dashboard<i class="icon-close" onclick="closeTab(this,&#39;0&#39;)" style="margin-left:5px;margin-right:0px;font-size:10px"></i>
                                </a>
                            </li>

                
                            
                        </ul>


                    </li>
                    </div>
<!-- 
                    <li >
                        <form class="form-inline search-form">
                            <div class="form-group">
                                <label class="sr-only">Email</label>
                                <input type="search"  class="form-control-plaintext" placeholder="Search.." >
                                <span class="d-sm-none mobile-search">
                                </span>
                            </div>
                        </form>
                    </li>
                     -->
                    <li>
                        <a href="<?php echo SITEURL;?>#!" onclick="javascript:toggleFullScreen()" class="text-dark">
                            <img class="align-self-center pull-right mr-2" src="<?php echo SITEURL;?>assets/images/browser.png" alt="header-browser">
                        </a>
                    </li>
                    <!-- <li class="onhover-dropdown">
                        <a href="#!" class="txt-dark">
                            <img class="align-self-center pull-right mr-2" src="./assets/images/dashboard/translate.png" alt="header-translate">
                        </a>
                        <ul class="language-dropdown onhover-show-div p-20">
                            <li>
                                <a href="#" data-lng="en">
                                    <i class="flag-icon flag-icon-ws"></i> English
                                </a>
                            </li>
                            <li>
                                <a href="#" data-lng="es">
                                    <i class="flag-icon flag-icon-va"></i> Spanish
                                </a>
                            </li>
                            <li>
                                <a href="#" data-lng="pt">
                                    <i class="flag-icon flag-icon-id"></i> Portuguese
                                </a>
                            </li>
                            <li>
                                <a href="#" data-lng="fr">
                                    <i class="flag-icon flag-icon-fr"></i> French
                                </a>
                            </li>
                        </ul>
                    </li>
                     -->
                    <li class="onhover-dropdown">
                        <a href="<?php echo SITEURL;?>#!" class="txt-dark">
                            <img class="align-self-center pull-right mr-2" src="<?php echo SITEURL;?>assets/images/notification.png" alt="header-notification">
                            <span class="badge badge-pill badge-primary notification"></span>
                        </a>
                        <ul class="notification-dropdown onhover-show-div">
                            <li>Notification <span class="badge badge-pill badge-secondary text-white text-uppercase pull-right">0 New</span></li>
                            <!-- <li>
                                <div class="media">
                                    <i class="align-self-center notification-icon icofont icofont-shopping-cart bg-primary"></i>
                                    <div class="media-body">
                                        <h6 class="mt-0">Your order ready for Ship..!</h6>
                                        <p class="mb-0">Lorem ipsum dolor sit amet, consectetuer elit.</p>
                                        <span><i class="icofont icofont-clock-time p-r-5"></i>Just Now</span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <i class="align-self-center notification-icon icofont icofont-download-alt bg-success"></i>
                                    <div class="media-body">
                                        <h6 class="mt-0 txt-success">Download Complete</h6>
                                        <p class="mb-0">Lorem ipsum dolor sit amet, consectetuer elit.</p>
                                        <span><i class="icofont icofont-clock-time p-r-5"></i>5 minutes ago</span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <i class="align-self-center notification-icon icofont icofont-recycle bg-danger"></i>
                                    <div class="media-body">
                                        <h6 class="mt-0 txt-danger">250 MB trush files</h6>
                                        <p class="mb-0">Lorem ipsum dolor sit amet, consectetuer elit.</p>
                                        <span><i class="icofont icofont-clock-time p-r-5"></i>25 minutes ago</span>
                                    </div>
                                </div>
                            </li> -->
                            <li class="text-center">You have Checked <a href="<?php echo SITEURL;?>#">all</a> notification  </li>
                        </ul>

                    </li>
                    <li class="onhover-dropdown">
                        <div class="media  align-items-center">
                            <img class="align-self-center pull-right mr-2" src="<?php echo SITEURL;?>assets/images/user.png" alt="header-user">
                            <div class="media-body">
                                <h6 class="m-0 txt-dark f-16">
                                    
                                    <i class="fa fa-angle-down pull-right ml-2"></i>
                                </h6>
                            </div>
                        </div>
                        <ul class="profile-dropdown onhover-show-div p-20">
                            <li>
                                <a href="<?php echo SITEURL;?>#">
                                    <i class="icon-user"></i>
                                    </a><a href="<?php echo SITEURL;?>#" onclick="changePassword()">Change Passord</a>
                                
                            </li>
                            <!-- <li>
                                <a href="#">
                                    <i class="icon-email"></i>
                                    Inbox
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="icon-check-box"></i>
                                    Task
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="icon-comments"></i>
                                    Chat
                                </a>
                            </li> -->
                            <li>
                                <a href="<?php echo SITEURL;?>#">
                                    <i class="icon-power-off"></i>
                                    </a><a href="<?php echo SITEURL;?>#" onclick="formlogout()">Logout</a>
                                
                            </li>
                        </ul>
                    </li>
                </ul>
                <div class="d-lg-none mobile-toggle">
                    <i class="icon-more"></i>
                </div>
            </div>
        </div>
    </div>
    <!--Page Header Ends-->

    
    <!--Page Body Start-->
    <div class="page-body-wrapper" style="padding-left:0px!important;padding-right:0px!important">
        <!--Page Sidebar Start-->
        <div class="page-sidebar custom-scrollbar  navigation-bordered">
            <div class="sidebar-user text-center">
                <div>
                    <!-- <img class="img-50 rounded-circle" src="./assets/images/custom/its-logo.png" alt="#"> -->
                    <img class="img-50 rounded-circle" src="<?php echo SITEURL;?>assets/images/1.png" alt="#">

                </div>
                <h6 class="mt-3 f-12" id="user_name">anas.k@almutakamela.ae</h6>
            </div>
            <ul class="sidebar-menu" id="main-page-sidebar">
                
<!-- 
                <li>
                    <div class="sidebar-title">General</div>
                    <a href="sample-page.html" class="sidebar-header">
                        <i class="icon-file"></i><span> Sample page</span>
                    </a>
                </li> -->

                
                <li class="active">
                    
                    <a href="<?php echo SITEURL;?>#" onclick="javascript:navigateTo(this,&#39;./pages/dashboard-statistics.html&#39;,&#39;Dashboard&#39;,0)" class="sidebar-header active">
                        <i class="icon-desktop icon-sidebar"></i><span class="sub-header-title">Dashboard</span>
                    </a>
                </li>
   <li>
<div class="sidebar-title">Sales Module</div>
        <a href="<?php echo SITEURL;?>#" class="sidebar-header">
           <i class="icon-menu-alt icon-sidebar"></i><span class="sub-header-title">Sales Entry</span>
           <i class="fa fa-angle-right pull-right"></i>
        </a>        <ul class="sidebar-submenu">
<li><a href="<?php echo SITEURL;?>dashboard.php"><i class="fa fa-angle-right"></i>Dealers</a></li>
<li><a href="<?php echo SITEURL;?>visit.php" ><i class="fa fa-angle-right"></i>Visits</a></li>

</ul>
</li>
    <!--         <li>
<div class="sidebar-title">FINANCE</div>
        <a href="<?php echo SITEURL;?>#" class="sidebar-header">
           <i class="icon-menu-alt icon-sidebar"></i><span class="sub-header-title">GL ACCOUNTS</span>
           <i class="fa fa-angle-right pull-right"></i>
        </a>        <ul class="sidebar-submenu">
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/accounts_group.html&#39;, &#39;GROUP SETUP&#39;, &#39;2&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>GROUP SETUP</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/ledger.html&#39;, &#39;ACCOUNT SETUP&#39;, &#39;3&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>ACCOUNT SETUP</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/supplier_account.html&#39;, &#39;SUPPLIER SETUP&#39;, &#39;22&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>SUPPLIER SETUP</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/customer_account.html&#39;, &#39;CUSTOMER SETUP&#39;, &#39;21&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>CUSTOMER SETUP</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/bank_account.html&#39;, &#39;BANK SETUP&#39;, &#39;20&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>BANK SETUP</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/fixed_assets.html&#39;, &#39;FIXED ASSETS&#39;, &#39;52&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>FIXED ASSETS</a></li>
</ul>
</li>
<li>
        <a href="<?php echo SITEURL;?>#" class="sidebar-header">
           <i class="icofont icofont-law-document icon-sidebar"></i><span class="sub-header-title">TRANSACTION</span>
           <i class="fa fa-angle-right pull-right"></i>
        </a>        <ul class="sidebar-submenu">
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/vouchers.html?VoucherTypeID=5&#39;, &#39;RECEIPT VCHR (GEN)&#39;, &#39;5&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>RECEIPT VCHR (GEN)</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/vouchers.html?VoucherTypeID=5&amp;CreditGLStartsWith=1.1.2&#39;, &#39;RECEIPT VCHR (CUST)&#39;, &#39;68&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>RECEIPT VCHR (CUST)</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/vouchers.html?VoucherTypeID=6&#39;, &#39;PAYMENT VCHR (GEN)&#39;, &#39;6&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>PAYMENT VCHR (GEN)</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/vouchers.html?VoucherTypeID=6&amp;DebitGLStartsWith=2.1.6&#39;, &#39;PAYMENT VCHR (SUPP)&#39;, &#39;69&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>PAYMENT VCHR (SUPP)</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/vouchers.html?VoucherTypeID=7&#39;, &#39;JOURNAL VOUCHER&#39;, &#39;7&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>JOURNAL VOUCHER</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/bank_reconciliation.html&#39;, &#39;BANK RECONCILIATION&#39;, &#39;40&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>BANK RECONCILIATION</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/depreciation.html?VoucherTypeID=7&#39;, &#39;DEPRECIATION&#39;, &#39;51&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>DEPRECIATION</a></li>
</ul>
</li>
<li>
        <a href="<?php echo SITEURL;?>#" class="sidebar-header">
           <i class="icon-printer icon-sidebar"></i><span class="sub-header-title">FINANCE REPORTING</span>
           <i class="fa fa-angle-right pull-right"></i>
        </a>        <ul class="sidebar-submenu">
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/ChartOfAccounts.trdx&#39;, &#39;CHART OF ACCOUNT&#39;, &#39;13&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>CHART OF ACCOUNT</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/VoucherReport.trdx&#39;, &#39;VOUCHER&#39;, &#39;16&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>VOUCHER</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/LedgerReport.trdx&#39;, &#39;GENERAL LEDGER&#39;, &#39;15&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>GENERAL LEDGER</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/TrialBalanceReport.trdx&#39;, &#39;TRIAL BALANCE REPORT&#39;, &#39;14&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>TRIAL BALANCE REPORT</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/ProfitAndLoss.trdx&#39;, &#39;PROFIT/LOSS&#39;, &#39;39&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>PROFIT/LOSS</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/AccountsPayableReport.trdx&#39;, &#39;ACCOUNTS PAYABLE&#39;, &#39;96&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>ACCOUNTS PAYABLE</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/BalanceSheet.trdx&#39;, &#39;BALANCE SHEET&#39;, &#39;38&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>BALANCE SHEET</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/AccountsReceivableReport.trdx&#39;, &#39;ACCOUNTS RECEIVABLE&#39;, &#39;97&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>ACCOUNTS RECEIVABLE</a></li>
</ul>
</li>
<li>
<div class="sidebar-title">HR</div>
        <a href="<?php echo SITEURL;?>#" class="sidebar-header">
           <i class="icon-menu-alt icon-sidebar"></i><span class="sub-header-title">HR MASTER</span>
           <i class="fa fa-angle-right pull-right"></i>
        </a>        <ul class="sidebar-submenu">
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/designation.html&#39;, &#39;DESIGNATION&#39;, &#39;12&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>DESIGNATION</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/department.html&#39;, &#39;DEPARTMENT&#39;, &#39;19&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>DEPARTMENT</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/timing_setup.html&#39;, &#39;TIMINGS SETUP&#39;, &#39;18&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>TIMINGS SETUP</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/employee_setup.html&#39;, &#39;ENROLL EMPLOYEE&#39;, &#39;17&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>ENROLL EMPLOYEE</a></li>
</ul>
</li>
<li>
        <a href="<?php echo SITEURL;?>#" class="sidebar-header">
           <i class="icon-printer icon-sidebar"></i><span class="sub-header-title">HR REPORTING</span>
           <i class="fa fa-angle-right pull-right"></i>
        </a>        <ul class="sidebar-submenu">
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/EmployeeInformation.trdx&#39;, &#39;LIST OF EMPLOYEES&#39;, &#39;23&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>LIST OF EMPLOYEES</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/Tito_DateWise.trdx&#39;, &#39;ATT RPT (DT)&#39;, &#39;24&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>ATT RPT (DT)</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/Tito_EmployeeWise.trdx&#39;, &#39;ATT RPT (EMP)&#39;, &#39;25&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>ATT RPT (EMP)</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/AttendanceRegister.trdx&#39;, &#39;ATT REGISTER&#39;, &#39;26&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>ATT REGISTER</a></li>
</ul>
</li>
<li>
<div class="sidebar-title">PROCUREMENT/STORE</div>
        <a href="<?php echo SITEURL;?>#" class="sidebar-header">
           <i class="icon-menu-alt icon-sidebar"></i><span class="sub-header-title">PRODUCT SETUP</span>
           <i class="fa fa-angle-right pull-right"></i>
        </a>        <ul class="sidebar-submenu">
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/product_category.html?CategorySideBarID=42&amp;ProductBaseType=ITEM&#39;, &#39;ITEM CATEGORY&#39;, &#39;42&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>ITEM CATEGORY</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/product_information.html?CategorySideBarID=42&amp;UnitSideBarID=43&amp;ProductBaseType=ITEM&#39;, &#39;ITEM MASTER&#39;, &#39;44&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>ITEM MASTER</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/unit_of_measure.html&#39;, &#39;UNIT OF MEASURE&#39;, &#39;43&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>UNIT OF MEASURE</a></li>
</ul>
</li>
<li>
        <a href="<?php echo SITEURL;?>#" class="sidebar-header">
           <i class="icofont icofont-law-document icon-sidebar"></i><span class="sub-header-title">PURCHASE</span>
           <i class="fa fa-angle-right pull-right"></i>
        </a>        <ul class="sidebar-submenu">
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/material_request.html?ProductSideBarID=44&amp;InvoiceType=1&amp;ProductBaseType=ITEM&#39;, &#39;MATERIAL REQUEST&#39;, &#39;46&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>MATERIAL REQUEST</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/material_request_approval.html?ProductSideBarID=44&amp;InvoiceType=1&amp;ProductBaseType=ITEM&#39;, &#39;MRQ APPROVAL&#39;, &#39;47&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>MRQ APPROVAL</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/material_request.html?ProductSideBarID=44&amp;InvoiceType=100&amp;ProductBaseType=ITEM&#39;, &#39;LPO&#39;, &#39;58&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>LPO</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/material_request.html?ProductSideBarID=44&amp;InvoiceType=2&amp;ProductBaseType=ITEM&#39;, &#39;STOCK RECEIVING&#39;, &#39;59&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>STOCK RECEIVING</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/material_request.html?ProductSideBarID=44&amp;InvoiceType=4&amp;ProductBaseType=ITEM&amp;VoucherTypeID=7&#39;, &#39;PURCHASE INVOICE&#39;, &#39;67&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>PURCHASE INVOICE</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/material_request.html?ProductSideBarID=44&amp;InvoiceType=3&amp;ProductBaseType=ITEM&amp;VoucherTypeID=7&#39;, &#39;PURCHASE RETURN&#39;, &#39;85&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>PURCHASE RETURN</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/material_request.html?ProductSideBarID=44&amp;InvoiceType=6&amp;ProductBaseType=ITEM&#39;, &#39;STORE ISSUE SLIP&#39;, &#39;86&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>STORE ISSUE SLIP</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/material_request.html?ProductSideBarID=44&amp;InvoiceType=7&amp;ProductBaseType=ITEM&#39;, &#39;DEPART ISSUE NOTE&#39;, &#39;94&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>DEPART ISSUE NOTE</a></li>
</ul>
</li>
<li>
        <a href="<?php echo SITEURL;?>#" class="sidebar-header">
           <i class="icon-printer icon-sidebar"></i><span class="sub-header-title">REPORTS</span>
           <i class="fa fa-angle-right pull-right"></i>
        </a>        <ul class="sidebar-submenu">
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/PurchaseInvoiceReport.trdx&#39;, &#39;LPO REPORT&#39;, &#39;49&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>LPO REPORT</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/StockSummaryReportInOut.trdx&#39;, &#39;STOCK REPORT&#39;, &#39;60&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>STOCK REPORT</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/ListOfProducts.trdx&#39;, &#39;LIST OF PRODUCTS&#39;, &#39;56&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>LIST OF PRODUCTS</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/MRQ_Status.trdx&#39;, &#39;MRQ STATUS&#39;, &#39;61&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>MRQ STATUS</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/Stock_Receiving.trdx&#39;, &#39;GOODS RECEIPT&#39;, &#39;62&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>GOODS RECEIPT</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/Invoice_Receiving.trdx&#39;, &#39;PURCHASE INVOICE&#39;, &#39;63&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>PURCHASE INVOICE</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/Awaited_Bills.trdx&#39;, &#39;AWAITED BILLS&#39;, &#39;64&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>AWAITED BILLS</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/Pending_Supplies.trdx&#39;, &#39;PENDING SUPPLIES&#39;, &#39;65&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>PENDING SUPPLIES</a></li>
</ul>
</li>
<li>
<div class="sidebar-title">POINT OF SALE</div>
        <a href="<?php echo SITEURL;?>#" class="sidebar-header">
           <i class="icon-menu-alt icon-sidebar"></i><span class="sub-header-title">POINT OF SALE</span>
           <i class="fa fa-angle-right pull-right"></i>
        </a>        <ul class="sidebar-submenu">
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/point-of-sale.html?U2FsdGVkX1+qXbK/TK+R+u/MWx5J42UBApr/HzZbuHXk4raXYqaKAWaeT0Vz+U5tn4KiJ8a0Hi6Ot/jsVm2QRVXwbNnHrWzmKO/Ga6T2far+8tEhrLPY6f4yjMkRVWuZJds6OBB6LGAC6iCuiBv76goR20S0Zh7HwsdBN4cYEftNhs9hzvSebtkIkSq9gisWYjX26dR6e2uDgqR4DCRNfzZwDHzZT7DWbb5V+g7FciSi/4CKEm5jG96mirnV1/Xv&#39;, &#39;POS (MVR)&#39;, &#39;90&#39;, &#39;2&#39; )"><i class="fa fa-angle-right"></i>POS (MVR)</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/point-of-sale.html?U2FsdGVkX19ebb1xPIbQXJk57ChBJYSlCGu1lA3BC/JkindQIQNTnPgUfXUi9S1cS+/DzVR8he3hF8g2SiFy4QlsPgZEtUZdZ3gkrZhOXNHrrbbRyioKAmyz9qIIf2+e0iZss5daxn4w7iVmlLGB6JwTPh1jSgzozxf89sJoZanZcqsldHF4as9RLZ8ip+jZs7vqAd3midCBhZkMf4toXKj6BASanl/9mLRE8g4AODEIKfEW6pNTwvHVGIkqC4+m&#39;, &#39;POS (CCL)&#39;, &#39;91&#39;, &#39;2&#39; )"><i class="fa fa-angle-right"></i>POS (CCL)</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/point-of-sale.html?U2FsdGVkX1/UNcttDObjyCBHY4qOxhe5UofMBew/Iv95CFDgjiG1okykAHFlZVgcMWihtOflPAEdcKJVFnGYOeoj/O2mpMOKcNbHCgAhJcVt2m0hyV4tEUOlKdjcJ3T+urUQHomQdCVEDIycP1LeB0jJbNS5LrMCZvNVeeDly15mlR28RL4Pvi5qW48reZWHKRaFhqjs48XOhGmZlP9CE/scyDuJzNBzKk1zsEyYjnt0U4Tf2ZrSKTwwsUVQigdm&#39;, &#39;POS (RDL)&#39;, &#39;92&#39;, &#39;2&#39; )"><i class="fa fa-angle-right"></i>POS (RDL)</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/point-of-sale.html?U2FsdGVkX1+l8vD6CP6FQ/CKZe3fzF+rOMBThU+W9MDCiE7xYXGLl1fwhouKaOOoenCZVHoh5IeddU+qgrmTtWU0vr7rGlRx0wqGcQwgV0hUiq0QEH82sU/dGKM/qqrmEztVZUREWg5gvvM6nGOi3l2jEaSx3B+thxcmG7lUOTPQ7fi2yY79RcmfCz290qINZv8WCOucns7qEmOYU2a2b4sF9On1D3+EsQffwgnSXJCvjtT38CYOlscTLv0mo+KC&#39;, &#39;POS (PSW)&#39;, &#39;93&#39;, &#39;2&#39; )"><i class="fa fa-angle-right"></i>POS (PSW)</a></li>
</ul>
</li>
<li>
<div class="sidebar-title">OPERATIONS</div>
        <a href="<?php echo SITEURL;?>#" class="sidebar-header">
           <i class="icon-menu-alt icon-sidebar"></i><span class="sub-header-title">MASTER</span>
           <i class="fa fa-angle-right pull-right"></i>
        </a>        <ul class="sidebar-submenu">
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/service_pricing.html?CategorySideBarID=42&amp;UnitSideBarID=43&amp;ProductBaseType=SERVICE&#39;, &#39;SERVICE PRICING&#39;, &#39;57&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>SERVICE PRICING</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/product_category.html?CategorySideBarID=42&amp;ProductBaseType=SERVICE&#39;, &#39;SERVICE CATEGORY&#39;, &#39;66&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>SERVICE CATEGORY</a></li>
</ul>
</li>
<li>
        <a href="<?php echo SITEURL;?>#" class="sidebar-header">
           <i class="icofont icofont-ui-clip-board icon-sidebar"></i><span class="sub-header-title">JOB CARD</span>
           <i class="fa fa-angle-right pull-right"></i>
        </a>        <ul class="sidebar-submenu">
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/job_card.html?CompanyID=1&#39;, &#39;JOB CARD (MVR)&#39;, &#39;71&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>JOB CARD (MVR)</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/job_card.html?CompanyID=2&#39;, &#39;JOB CARD (CCL)&#39;, &#39;82&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>JOB CARD (CCL)</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/job_card.html?CompanyID=3&#39;, &#39;JOB CARD (RDL)&#39;, &#39;83&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>JOB CARD (RDL)</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/job_card.html?CompanyID=4&#39;, &#39;JOB CARD (PSW)&#39;, &#39;84&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>JOB CARD (PSW)</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/job-card-touch.html?U2FsdGVkX1+XTVCA71Tpq97AG/nFEXAfyYO0u+vbkOdhhvLX67Fbs/NHfQKCeH/yc8/df26Us+mxkDzkci91VNSst21pedG4rl/zMA+m3qA=&#39;, &#39;JOB CARD (PSW2)&#39;, &#39;87&#39;, &#39;2&#39; )"><i class="fa fa-angle-right"></i>JOB CARD (PSW2)</a></li>
</ul>
</li>
<li>
        <a href="<?php echo SITEURL;?>#" class="sidebar-header">
           <i class="icon-printer icon-sidebar"></i><span class="sub-header-title">REPORTS</span>
           <i class="fa fa-angle-right pull-right"></i>
        </a>        <ul class="sidebar-submenu">
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./reportViewer.aspx?refresh=1&amp;reportFileName=reports/DailyCollectionReport.trdx&#39;, &#39;DAILY COLLECTION RPT&#39;, &#39;98&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>DAILY COLLECTION RPT</a></li>
</ul>
</li>
<li>
<div class="sidebar-title">GENERAL</div>
        <a href="<?php echo SITEURL;?>#" class="sidebar-header">
           <i class="icofont icofont-users icon-sidebar"></i><span class="sub-header-title">ADMINISTRATION</span>
           <i class="fa fa-angle-right pull-right"></i>
        </a>        <ul class="sidebar-submenu">
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/user-accounts.html&#39;, &#39;USER ACCOUNTS&#39;, &#39;9&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>USER ACCOUNTS</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/godowns.html&#39;, &#39;COMPANY SETUP&#39;, &#39;95&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>COMPANY SETUP</a></li>
</ul>
</li>
<li>
        <a href="<?php echo SITEURL;?>#" class="sidebar-header">
           <i class="icofont icofont-law-document icon-sidebar"></i><span class="sub-header-title">MASTER FORMS</span>
           <i class="fa fa-angle-right pull-right"></i>
        </a>        <ul class="sidebar-submenu">
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/master_values.html?TextBoxName=CUSTOMERTYPE&#39;, &#39;CUSTOMER TYPE&#39;, &#39;37&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>CUSTOMER TYPE</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/master_values.html?TextBoxName=SupplierType&#39;, &#39;SUPPLIER TYPE&#39;, &#39;81&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>SUPPLIER TYPE</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/master_values.html?TextBoxName=ItemType&#39;, &#39;SERVICE PRODUCT TYPE&#39;, &#39;32&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>SERVICE PRODUCT TYPE</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/master_values.html?TextBoxName=ApplicationArea&#39;, &#39;APPLICATION AREA&#39;, &#39;33&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>APPLICATION AREA</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/master_values.html?TextBoxName=CURRENCYTYPE&#39;, &#39;CURRENCY TYPE&#39;, &#39;34&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>CURRENCY TYPE</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/master_values.html?TextBoxName=STATUS&#39;, &#39;STATUS&#39;, &#39;35&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>STATUS</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/master_values.html?TextBoxName=FIELDOFBUSINESS&#39;, &#39;FIELD OF BUSINESS&#39;, &#39;36&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>FIELD OF BUSINESS</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/master_values.html?TextBoxName=VEHICLE TYPE&#39;, &#39;VEHICLE TYPES&#39;, &#39;55&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>VEHICLE TYPES</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/master_values.html?TextBoxName=MAKE&#39;, &#39;VEHICLE BRAND&#39;, &#39;72&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>VEHICLE BRAND</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/master_values.html?TextBoxName=Model&#39;, &#39;VEHICLE MODEL&#39;, &#39;73&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>VEHICLE MODEL</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/master_values.html?TextBoxName=VEHICLE SIZE&#39;, &#39;VEHICLE SIZE&#39;, &#39;74&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>VEHICLE SIZE</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/master_values.html?TextBoxName=VEHICLE COLORS&#39;, &#39;VEHICLE COLORS&#39;, &#39;75&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>VEHICLE COLORS</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/master_values.html?TextBoxName=YEAR&#39;, &#39;VEHICLE YEAR&#39;, &#39;76&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>VEHICLE YEAR</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/master_values.html?TextBoxName=CHECK LIST&#39;, &#39;VEHICLE CHECK LIST&#39;, &#39;77&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>VEHICLE CHECK LIST</a></li>
<li><a href="<?php echo SITEURL;?>#" onclick="javascript: navigateTo(this, &#39;./pages/master_values.html?TextBoxName=WARNING LIST&#39;, &#39;VEHICLE WARNING LIGHTS&#39;, &#39;78&#39;, &#39;&#39; )"><i class="fa fa-angle-right"></i>VEHICLE WARNING LIGHTS</a></li>
</ul>
</li> -->
</ul>
            <div class="sidebar-widget text-center">
                <div class="sidebar-widget-top">
                    <h6 class="mb-2 fs-14">Need Help</h6>
                    <i class="icon-bell"></i>
                </div>
                <div class="sidebar-widget-bottom p-10 m-10">
                    <p>+971 43 811 851 (Ext.151)
                        <br>itsupport@almutakamela.ae
                        <!-- <br>ITSUPPORT@ALMUTAKAMELA.AE -->
                        <!-- <br><a href="#">Visit FAQ</a> -->
                    </p>
                </div>
            </div>
        </div>
        <!--Page Sidebar Ends-->

        <div class="page-body" style="padding-left:0px!important;padding-right:0px!important">

            <div class="tab-content" id="pills-icontabContent">
                <div class="tab-pane fade show active" id="pills-0" role="tabpanel" aria-labelledby="pills-0-tab">
                     <iframe src="<?php echo SITEURL;?>viewdealers.php?sidebarid=21#basic" class="container-fluid" style="position:absolute; overflow:hidden; height:100%;border:none;padding-right:0px!important;padding-left:0px!important;" id="frame_body"></iframe> -->
                </div>

            </div>
            



                <!--   -->
            <!--   -->

            <!-- Container-fluid starts -->
            <!-- <div class="container-fluid">
                <div class="page-header">
                    <div class="row">
                        <div class="col-lg-6">
                            <h3>default
                                <small>Universal Admin panel</small>
                            </h3>
                        </div>
                        <div class="col-lg-6">
                            <ol class="breadcrumb pull-right">
                                <li class="breadcrumb-item"><a href="#"><i class="fa fa-home"></i></a></li>
                                <li class="breadcrumb-item">Dashboard</li>
                                <li class="breadcrumb-item active">Default</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div> -->
            <!-- Container-fluid Ends -->

            <!-- Container-fluid starts -->
            <!-- <div class="container-fluid">
                <div class="row">
                    <div class="col-xl-3 col-lg-6 col-sm-6">
                        <div class="card">
                            <div class="card-body">
                                <div class="stat-widget-dashboard">
                                    <div class="media">
                                        <img class="mr-3" src="./assets/images/dashboard-icons/document.png" alt="Generic placeholder image">
                                        <div class="media-body text-right">
                                            <h4 class="mt-0 counter font-primary">2569</h4>
                                            <span>New projects</span>
                                        </div>
                                    </div>
                                    <div class="dashboard-chart-container">
                                        <div id="line-chart-sparkline-dashboard1" class="flot-chart-placeholder line-chart-sparkline"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-sm-6">
                        <div class="card">
                            <div class="card-body">
                                <div class="stat-widget-dashboard">
                                    <div class="media">
                                        <img class="mr-3" src="./assets/images/dashboard-icons/operator.png" alt="Generic placeholder image">
                                        <div class="media-body text-right">
                                            <h4 class="mt-0 counter font-secondary">346</h4>
                                            <span>New Clients</span>
                                        </div>
                                    </div>
                                    <div class="dashboard-chart-container">
                                        <div id="line-chart-sparkline-dashboard2" class="flot-chart-placeholder line-chart-sparkline"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-sm-6">
                        <div class="card">
                            <div class="card-body">
                                <div class="stat-widget-dashboard">
                                    <div class="media">
                                        <img class="mr-3" src="./assets/images/dashboard-icons/chat.png" alt="Generic placeholder image">
                                        <div class="media-body text-right">
                                            <h4 class="mt-0 counter font-success">026</h4>
                                            <span>Message</span>
                                        </div>
                                    </div>
                                    <div class="dashboard-chart-container">
                                        <div id="line-chart-sparkline-dashboard3" class="flot-chart-placeholder line-chart-sparkline"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-sm-6">
                        <div class="card">
                            <div class="card-body">
                                <div class="stat-widget-dashboard">
                                    <div class="media">
                                        <img class="mr-3" src="./assets/images/dashboard-icons/like.png" alt="Generic placeholder image">
                                        <div class="media-body text-right">
                                            <h4 class="mt-0 counter font-info">9563</h4>
                                            <span>New Likes</span>
                                        </div>
                                    </div>
                                    <div class="dashboard-chart-container">
                                        <div id="line-chart-sparkline-dashboard4" class="flot-chart-placeholder line-chart-sparkline"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-8 col-lg-12">
                        <div class="card">
                            <div class="card-header">
                                <h5>Sales Overview</h5>
                                <span>Contrary to popular belief, Lorem Ipsum is not simply random text.</span>
                                <div class="card-header-right">
                                    <ul class="list-unstyled card-option">
                                        <li><i class="icofont icofont-simple-left "></i></li>
                                        <li><i class="view-html fa fa-code"></i></li>
                                        <li><i class="icofont icofont-maximize full-card"></i></li>
                                        <li><i class="icofont icofont-minus minimize-card"></i></li>
                                        <li><i class="icofont icofont-refresh reload-card"></i></li>
                                        <li><i class="icofont icofont-error close-card"></i></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="dashboard-chart-container">
                                    <div id="custom-line-chart" class="flot-chart-placeholder default-dashboard-main-chart"></div>
                                    <div class="code-box-copy">
                                        <button class="code-box-copy__btn btn-clipboard" data-clipboard-target="#example-head" title="Copy"><i class="icofont icofont-copy-alt"></i></button>
                                    <pre><code class="language-html" id="example-head">&lt;!-- Cod Box Copy begin --&gt;
    &lt;div id=&quot;custom-line-chart&quot; class=&quot;flot-chart-placeholder default-dashboard-main-chart&quot;&gt;&lt;/div&gt;
&lt;!-- Cod Box Copy end --&gt;</code></pre>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-12">
                        <div class="card default-widget-count">
                            <div class="card-body">
                                <div class="media">
                                    <div class="mr-3 left b-primary">
                                        <div class="bg bg-primary"></div>
                                        <i class="icon-user"></i>
                                    </div>
                                    <div class="media-body align-self-center">
                                        <h4 class="mt-0 counter">2560146</h4>
                                        <span>Happy Clients </span>
                                        <i class="icon-user icon-bg"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card default-widget-count">
                            <div class="card-body">
                                <div class="media">
                                    <div class="mr-3 left b-secondary">
                                        <div class="bg bg-secondary"></div>
                                        <i class="icon-package"></i>
                                    </div>
                                    <div class="media-body align-self-center">
                                        <h4 class="mt-0 counter">95314</h4>
                                        <span>Order Complate </span>
                                        <i class="icon-package icon-bg"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card default-widget-count">
                            <div class="card-body">
                                <div class="media">
                                    <div class="mr-3 left b-success">
                                        <div class="bg bg-success"></div>
                                        <i class="icon-money"></i>
                                    </div>
                                    <div class="media-body align-self-center">
                                        <h4 class="mt-0 counter">1035976</h4>
                                        <span>Early income </span>
                                        <i class="icon-money icon-bg"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="card">
                            <div class="card-header">
                                <h5>Monthly Visiter</h5>
                                <div class="card-header-right">
                                    <ul class="list-unstyled card-option">
                                        <li><i class="icofont icofont-simple-left "></i></li>
                                        <li><i class="view-html fa fa-code"></i></li>
                                        <li><i class="icofont icofont-maximize full-card"></i></li>
                                        <li><i class="icofont icofont-minus minimize-card"></i></li>
                                        <li><i class="icofont icofont-refresh reload-card"></i></li>
                                        <li><i class="icofont icofont-error close-card"></i></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-body">
                                <div id="donut-color-chart-morris" class="flot-chart-placeholder"></div>
                                <div class="code-box-copy">
                                    <button class="code-box-copy__btn btn-clipboard" data-clipboard-target="#example-head1" title="Copy"><i class="icofont icofont-copy-alt"></i></button>
                                    <pre><code class="language-html" id="example-head1">&lt;!-- Cod Box Copy begin --&gt;
    &lt;div id=&quot;donut-color-chart-morris&quot; class=&quot;flot-chart-placeholder&quot;&gt;&lt;/div&gt;
&lt;!-- Cod Box Copy end --&gt;</code></pre>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="card">
                            <div class="card-header">
                                <h5>Daily Visiter</h5>
                                <div class="card-header-right">
                                    <ul class="list-unstyled card-option">
                                        <li><i class="icofont icofont-simple-left "></i></li>
                                        <li><i class="view-html fa fa-code"></i></li>
                                        <li><i class="icofont icofont-maximize full-card"></i></li>
                                        <li><i class="icofont icofont-minus minimize-card"></i></li>
                                        <li><i class="icofont icofont-refresh reload-card"></i></li>
                                        <li><i class="icofont icofont-error close-card"></i></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-body">
                                <div id="donut-color-chart-morris-daily" class="flot-chart-placeholder"></div>
                                <div class="code-box-copy">
                                    <button class="code-box-copy__btn btn-clipboard" data-clipboard-target="#example-head2" title="Copy"><i class="icofont icofont-copy-alt"></i></button>
                                    <pre><code class="language-html" id="example-head2">&lt;!-- Cod Box Copy begin --&gt;
    &lt;div id=&quot;donut-color-chart-morris-daily&quot; class=&quot;flot-chart-placeholder&quot;&gt;&lt;/div&gt;
&lt;!-- Cod Box Copy end --&gt;</code></pre>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-12 col-md-12">
                        <div class="row">
                            <div class="col-lg-12 col-md-5">
                                <div class="card" >
                                    <div class="card-body">
                                        <div class="row social-media-counter">
                                            <div class="col text-center">
                                                <i class="icofont icofont-social-facebook font-primary"></i>
                                                <h4 class="font-primary mt-2"><span class="counter">25</span>K</h4>
                                            </div>
                                            <div class="col text-center">
                                                <i class="icofont icofont-social-twitter font-secondary"></i>
                                                <h4 class="font-secondary mt-2"><span class="counter">456</span>K</h4>
                                            </div>
                                            <div class="col text-center">
                                                <i class="icofont icofont-social-instagram font-success"></i>
                                                <h4 class="font-success mt-2"><span class="counter">22</span>K</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-7">
                                <div class="card ">
                                    <div class="card-body">
                                        <div id="testimonial" class="owl-carousel owl-theme testimonial-default">
                                            <div class="slide--item">
                                                <div>
                                                    <p class="text-center">I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system,Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
                                                    <div class="text-center">
                                                        <div class="media d-inline-flex">
                                                            <img class="mr-3 img-60" src="./assets/images/dashboard/boy-1.png" alt="Generic placeholder image">
                                                            <div class="align-self-center">
                                                                <div class="media-body">
                                                                    <h6 class="mt-2 text-uppercase f-w-700">Mark Jecno</h6>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-8 col-lg-12">
                        <div class="card">
                            <div class="card-header">
                                <h5>Top Sale</h5>
                                <div class="card-header-right">
                                    <ul class="list-unstyled card-option">
                                        <li><i class="icofont icofont-simple-left "></i></li>
                                        <li><i class="view-html fa fa-code"></i></li>
                                        <li><i class="icofont icofont-maximize full-card"></i></li>
                                        <li><i class="icofont icofont-minus minimize-card"></i></li>
                                        <li><i class="icofont icofont-refresh reload-card"></i></li>
                                        <li><i class="icofont icofont-error close-card"></i></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="top-sale-chart">
                                    <canvas  id="myLineCharts"></canvas>
                                </div>
                                <div class="code-box-copy">
                                    <button class="code-box-copy__btn btn-clipboard" data-clipboard-target="#example-head3" title="Copy"><i class="icofont icofont-copy-alt"></i></button>
                                    <pre><code class="language-html" id="example-head3">&lt;!-- Cod Box Copy begin --&gt;
    &lt;div class=&quot;top-sale-chart&quot;&gt;&lt;canvas id=&quot;myLineCharts&quot;&gt;&lt;/canvas&gt;&lt;/div&gt;
&lt;!-- Cod Box Copy end --&gt;</code></pre>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-12">
                        <div class="card custom-card">
                            <div class="card-header">
                                <img src="./assets/images/user-card/1.jpg" class="img-fluid" alt="">
                            </div>
                            <div class="card-profile">
                                <img src="./assets/images/avtar/3.jpg" class="rounded-circle" alt="">
                            </div>
                            <ul class="card-social">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                <li><a href="#"><i class="fa fa-rss"></i></a></li>
                            </ul>
                            <div class="text-center profile-details">
                                <h4 class="m-b-15 m-t-5">Mark Jecno</h4>
                                <h6 class="m-t-15">Manager</h6>
                            </div>
                            <div class="card-footer row">
                                <div class="col-4 col-sm-4">
                                    <h6 class="dashboard-card">Follower</h6>
                                    <h3 class="counter">9564</h3>
                                </div>
                                <div class="col-4 col-sm-4">
                                    <h6 class="dashboard-card">Follows</h6>
                                    <h3><span class="counter">49</span>K</h3>
                                </div>
                                <div class="col-4 col-sm-4">
                                    <h6 class="dashboard-card">Total</h6>
                                    <h3><span class="counter">96</span>M</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-12">
                        <div class="card height-equal equal-height-lg">
                            <div class="card-header">
                                <h5>PRODUCT CART</h5>
                                <div class="card-header-right">
                                    <ul class="list-unstyled card-option">
                                        <li><i class="icofont icofont-simple-left "></i></li>
                                        <li><i class="view-html fa fa-code"></i></li>
                                        <li><i class="icofont icofont-maximize full-card"></i></li>
                                        <li><i class="icofont icofont-minus minimize-card"></i></li>
                                        <li><i class="icofont icofont-refresh reload-card"></i></li>
                                        <li><i class="icofont icofont-error close-card"></i></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="user-status height-scroll custom-scrollbar">
                                    <table class="table table-bordernone">
                                        <thead>
                                        <tr>
                                            <th scope="col" class="pt-0">Details</th>
                                            <th scope="col" class="pt-0">Quantity</th>
                                            <th scope="col" class="pt-0">Status</th>
                                            <th scope="col" class="pt-0">Price</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>Simply dummy text of the printing</td>
                                            <td class="digits">1</td>
                                            <td class="font-secondary">Pending</td>
                                            <td class="digits">$6523</td>
                                        </tr>
                                        <tr>
                                            <td>Long established</td>
                                            <td class="digits">5</td>
                                            <td class="font-danger">Cancle</td>
                                            <td class="digits">$6523</td>
                                        </tr>
                                        <tr>
                                            <td>sometimes by accident</td>
                                            <td class="digits">10</td>
                                            <td class="font-danger">Cancle</td>
                                            <td class="digits">$6523</td>
                                        </tr>
                                        <tr>
                                            <td>Classical Latin literature</td>
                                            <td class="digits">9</td>
                                            <td class="font-info">Return</td>
                                            <td class="digits">$6523</td>
                                        </tr>
                                        <tr>
                                            <td>keep the site on the Internet</td>
                                            <td class="digits">8</td>
                                            <td class="font-secondary">Pending</td>
                                            <td class="digits">$6523</td>
                                        </tr>
                                        <tr>
                                            <td>Molestiae consequatur</td>
                                            <td class="digits">3</td>
                                            <td class="font-danger">Cancle</td>
                                            <td class="digits">$6523</td>
                                        </tr>
                                        <tr>
                                            <td>Classical Latin literature</td>
                                            <td class="digits">9</td>
                                            <td class="font-info">Return</td>
                                            <td class="digits">$6523</td>
                                        </tr>
                                        <tr>
                                            <td>Long established</td>
                                            <td class="digits">5</td>
                                            <td class="font-danger">Cancle</td>
                                            <td class="digits">$6523</td>
                                        </tr>

                                        </tbody>
                                    </table>
                                </div>
                                <div class="code-box-copy">
                                    <button class="code-box-copy__btn btn-clipboard" data-clipboard-target="#example-head4" title="Copy"><i class="icofont icofont-copy-alt"></i></button>
                                    <pre><code class="language-html" id="example-head4">&lt;!-- Cod Box Copy begin --&gt;
    &lt;div class=&quot;user-status height-scroll custom-scrollbar&quot;&gt;
        &lt;table class=&quot;table table-bordernone&quot;&gt;
            &lt;thead&gt;
            &lt;tr&gt;
                &lt;th scope=&quot;col&quot; class=&quot;pt-0&quot;&gt;Details&lt;/th&gt;
                &lt;th scope=&quot;col&quot; class=&quot;pt-0&quot;&gt;Quantity&lt;/th&gt;
                &lt;th scope=&quot;col&quot; class=&quot;pt-0&quot;&gt;Status&lt;/th&gt;
                &lt;th scope=&quot;col&quot; class=&quot;pt-0&quot;&gt;Price&lt;/th&gt;
            &lt;/tr&gt;
            &lt;/thead&gt;
            &lt;tbody&gt;
            &lt;tr&gt;
                &lt;td&gt;Simply dummy text of the printing&lt;/td&gt;
                &lt;td class=&quot;digits&quot;&gt;1&lt;/td&gt;
                &lt;td class=&quot;font-secondary&quot;&gt;Pending&lt;/td&gt;
                &lt;td class=&quot;digits&quot;&gt;$6523&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;Long established&lt;/td&gt;
                &lt;td class=&quot;digits&quot;&gt;5&lt;/td&gt;
                &lt;td class=&quot;font-danger&quot;&gt;cancle&lt;/td&gt;
                &lt;td class=&quot;digits&quot;&gt;$6523&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;sometimes by accident&lt;/td&gt;
                &lt;td class=&quot;digits&quot;&gt;10&lt;/td&gt;
                &lt;td class=&quot;font-danger&quot;&gt;cancle&lt;/td&gt;
                &lt;td class=&quot;digits&quot;&gt;$6523&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;Classical Latin literature&lt;/td&gt;
                &lt;td class=&quot;digits&quot;&gt;9&lt;/td&gt;
                &lt;td class=&quot;font-info&quot;&gt;Return&lt;/td&gt;
                &lt;td class=&quot;digits&quot;&gt;$6523&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;keep the site on the Internet&lt;/td&gt;
                &lt;td class=&quot;digits&quot;&gt;8&lt;/td&gt;
                &lt;td class=&quot;font-secondary&quot;&gt;Pending&lt;/td&gt;
                &lt;td class=&quot;digits&quot;&gt;$6523&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;Molestiae consequatur&lt;/td&gt;
                &lt;td class=&quot;digits&quot;&gt;3&lt;/td&gt;
                &lt;td class=&quot;font-danger&quot;&gt;cancle&lt;/td&gt;
                &lt;td class=&quot;digits&quot;&gt;$6523&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;Classical Latin literature&lt;/td&gt;
                &lt;td class=&quot;digits&quot;&gt;9&lt;/td&gt;
                &lt;td class=&quot;font-info&quot;&gt;Return&lt;/td&gt;
                &lt;td class=&quot;digits&quot;&gt;$6523&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;Long established&lt;/td&gt;
                &lt;td class=&quot;digits&quot;&gt;5&lt;/td&gt;
                &lt;td class=&quot;font-danger&quot;&gt;cancle&lt;/td&gt;
                &lt;td class=&quot;digits&quot;&gt;$6523&lt;/td&gt;
            &lt;/tr&gt;
            &lt;/tbody&gt;
        &lt;/table&gt;
    &lt;/div&gt;
&lt;!-- Cod Box Copy end --&gt;</code></pre>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-12">
                        <div class="card height-equal equal-height-lg">
                            <div class="card-header">
                                <h5>Support ticket</h5>
                                <div class="card-header-right">
                                    <ul class="list-unstyled card-option">
                                        <li><i class="icofont icofont-simple-left "></i></li>
                                        <li><i class="view-html fa fa-code"></i></li>
                                        <li><i class="icofont icofont-maximize full-card"></i></li>
                                        <li><i class="icofont icofont-minus minimize-card"></i></li>
                                        <li><i class="icofont icofont-refresh reload-card"></i></li>
                                        <li><i class="icofont icofont-error close-card"></i></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="support-ticket">
                                    <div class="row table-responsive-sm">
                                        <table class="table table-bordernone">
                                            <tbody>
                                            <tr>
                                                <td class="pt-0">
                                                    <div class="bg-primary left">A</div>
                                                </td>
                                                <td>
                                                    <span class="pt-0">Aredo jeko </span>
                                                    <h6>25 july 2019</h6>
                                                </td>
                                                <td class="pt-0">
                                                    <p>Mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been</p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="bg-secondary left">C</div>
                                                </td>
                                                <td>
                                                    <span>Aredo jeko </span>
                                                    <h6>25 july 2019</h6>
                                                </td>
                                                <td>
                                                    <p>Mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system,  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
                                                    </p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="pb-0">
                                                    <div class="bg-success left">H</div>
                                                </td>
                                                <td>
                                                    <span>Aredo jeko </span>
                                                    <h6>25 july 2019</h6>
                                                </td>
                                                <td class="pb-0">
                                                    <p>Mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
                                                    </p>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="code-box-copy">
                                    <button class="code-box-copy__btn btn-clipboard" data-clipboard-target="#example-head5" title="Copy"><i class="icofont icofont-copy-alt"></i></button>
                                    <pre><code class="language-html" id="example-head5">&lt;!-- Cod Box Copy begin --&gt;
    &lt;div class=&quot;support-ticket&quot;&gt;
        &lt;div class=&quot;row table-responsive-sm&quot;&gt;
            &lt;table class=&quot;table table-bordernone&quot;&gt;
                &lt;tbody&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;pt-0&quot;&gt;
                        &lt;div class=&quot;bg-primary left&quot;&gt;A&lt;/div&gt;
                    &lt;/td&gt;
                    &lt;td&gt;
                        &lt;span class=&quot;pt-0&quot;&gt;Aredo jeko&lt;/span&gt;
                        &lt;h6 class=&quot;pt-0&quot;&gt;25 july 2019&lt;/h6&gt;
                    &lt;/td&gt;
                    &lt;td class=&quot;pt-0&quot;&gt;
                        &lt;p&gt;Mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been&lt;/p&gt;
                    &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td&gt;
                        &lt;div class=&quot;bg-secondary left&quot;&gt;C&lt;/div&gt;
                    &lt;/td&gt;
                    &lt;td&gt;
                        &lt;span&gt;Aredo jeko&lt;/span&gt;
                        &lt;h6&gt;25 july 2019&lt;/h6&gt;
                    &lt;/td&gt;
                    &lt;td&gt;
                        &lt;p&gt;Mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been&lt;/p&gt;
                    &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td class=&quot;pb-0&quot;&gt;
                        &lt;div class=&quot;bg-success left&quot;&gt;H&lt;/div&gt;
                    &lt;/td&gt;
                    &lt;td&gt;
                        &lt;span&gt;Aredo jeko&lt;/span&gt;
                        &lt;h6&gt;25 july 2019&lt;/h6&gt;
                    &lt;/td&gt;
                    &lt;td class=&quot;pb-0&quot;&gt;
                        &lt;p&gt;Mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been&lt;/p&gt;
                    &lt;/td&gt;
                &lt;/tr&gt;
            &lt;/tbody&gt;
            &lt;/table&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;!-- Cod Box Copy end --&gt;</code></pre>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
            <!-- Container-fluid Ends -->
        </div>
        <!--Page Body Ends-->
    </div>
    <!--Page Body Ends-->

</div>
<!--page-wrapper Ends-->

<!-- latest jquery-->
<script src="<?php echo SITEURL;?>assets/js/jquery-3.2.1.min.js"></script>

<!-- Bootstrap js-->
<script src="<?php echo SITEURL;?>assets/js/popper.min.js"></script>
<script src="<?php echo SITEURL;?>assets/js/bootstrap/bootstrap.js"></script>



<!-- Chart JS-->
<script src="<?php echo SITEURL;?>assets/js/chart/Chart.min.js"></script>

<!-- Morris Chart JS-->
<script src="<?php echo SITEURL;?>assets/js/morris-chart/raphael.js"></script>
<script src="<?php echo SITEURL;?>assets/js/morris-chart/morris.js"></script>

<!-- owlcarousel js-->
<script src="<?php echo SITEURL;?>assets/js/owl.carousel.js"></script>

<!-- Sidebar jquery-->
<script src="<?php echo SITEURL;?>assets/js/sidebar-menu.js"></script>

<!--Sparkline  Chart JS-->
<script src="<?php echo SITEURL;?>assets/js/sparkline/sparkline.js"></script>

<!--Height Equal Js-->
<script src="<?php echo SITEURL;?>assets/js/height-equal.js"></script>

<!-- prism js -->
 <script src="<?php echo SITEURL;?>assets/js/prism/prism.min.js"></script> 

<!-- clipboard js -->
<script src="<?php echo SITEURL;?>assets/js/clipboard/clipboard.min.js"></script>

<!-- custom card js  -->
<script src="<?php echo SITEURL;?>assets/js/custom-card/custom-card.js"></script>

<!-- Theme js-->
<script src="<?php echo SITEURL;?>assets/js/script.js"></script>
<!-- <script src="./assets/js/theme-customizer/customizer.js"></script> -->
<!-- <script src="./assets/js/chat-sidebar/chat.js"></script> -->
<!-- <script src="./assets/js/dashboard-default.js" ></script> -->


<!-- Counter js-->
<script src="<?php echo SITEURL;?>assets/js/jquery.waypoints.min.js"></script>
<script src="<?php echo SITEURL;?>assets/js/jquery.counterup.min.js"></script>
<script src="<?php echo SITEURL;?>assets/js/counter-custom.js"></script>

<script src="<?php echo SITEURL;?>assets/js/bootstrap-notify.min.js"></script>
<script src="<?php echo SITEURL;?>assets/js/index.js"></script>

<script src="<?php echo SITEURL;?>assets/js/bootbox.min.js"></script>

<script>

    var previousLink;
    var globalWebServicePath = "./";

    var tabDiv = $('#pills-icontabContent');
    var pillsDiv=$('#pills-icontab');
    
    function closeTab(sender,mySBID)
    {
        bootbox.confirm({
            title: "Confirmation",
            message: "Close this tab?",
            buttons: {
                cancel: {
                    label: '<i class="fa fa-times"></i> Cancel'
                },
                confirm: {
                    label: '<i class="fa fa-check"></i> Confirm'
                }
            },
            callback: function (result) {
            
                if (!result) return;
                $(sender).parents('li.nav-item').remove();
                
                $("div#pills-"+mySBID).remove();
                
                
                if ($('#pills-icontab>li.nav-item').length>0)
                {
                    $('#pills-icontab>li.nav-item:last>a.nav-link').click();
                }
                // <ul class="nav nav-pills custom-scrollbar slim" id="pills-icontab" role="tablist" style="margin: 0;padding: 0;/* max-height: 40px; *//* list-style-type: none; */line-height: 26px;/* max-height: 40px; */overflow: hidden;display: inline-block;white-space: nowrap;overflow-x:auto;position:relative;">
                    
                //     <li class="nav-item">
                //         <a class="nav-link active" id="pills-0-tab" data-toggle="pill" href="#pills-0" role="tab" aria-controls="pills-0" aria-selected="false">
                //             <i class="icon-desktop icon-sidebar" style="margin-left:0px;margin-right:5px;font-size:10px"></i>Dashboard<i class="icon-close" onclick="closeTab(this,'0')"  style="margin-left:5px;margin-right:0px;font-size:10px"></i>
                //         </a>
                //     </li>

        
                    
                // </ul>


                    

            }
        });
    }
    
    function navigateTo(sender,pageLink,sideBarName,sideBarID,flag)
    {
        if (flag=="1")
        {
            window.location = pageLink;
            return;
        }
        else if (flag=="2")
        {
            window.open( pageLink, "_blank"); 
            return;
        }
        
        
        if (sender)
        {
            $('.sidebar-menu>li.active').removeClass('active');
            $('.sidebar-submenu a.active').removeClass('active');

            $(sender).addClass('active');
            $(sender).parents('ul').first().parent("li").addClass('active');
            var checkElement = $(sender).parents('ul').first();

            pageLink = pageLink + (pageLink.indexOf("?") == -1 ? "?" : "&") + "refresh=" + Math.random();
            pageLink = pageLink + "&sidebarname=" + sideBarName + "&sidebarid=" + sideBarID;

            //console.log(pageLink)
            //$('#frame_body').attr('src',pageLink)
            previousLink = sender;

        }

        var mySBID;
        
        mySBID = sideBarID;
        mySBID = $('#pills-icontabContent').children('div.tab-pane').length;

        
        var tabHTML='\n'+
        '<li class="nav-item">\n'+
        '    <a class="nav-link" id="pills-' + mySBID + '-tab" data-toggle="pill" href="#pills-'+ mySBID +'" role="tab" aria-controls="pills-'+ mySBID +'" aria-selected="false">\n'+
        '        <i class="icon-desktop icon-sidebar" style="margin-left:0px;margin-right:5px;font-size:10px"></i>'+ sideBarName +'<i class="icon-close" onclick="closeTab(this,\'' + mySBID +'\')"  style="margin-left:5px;margin-right:0px;font-size:10px"></i>\n'+
        '    </a>\n'+
        '</li>\n';

        pillsDiv.append(tabHTML);

        var tabPAGE = '\n'+
        //'<div class="tab-content" id="pills-icontabContent">\n'+
        '    <div class="tab-pane fade show" id="pills-'+mySBID+'" role="tabpanel" aria-labelledby="pills-' + mySBID +'-tab">\n'+
        '        <iframe src="' + pageLink + '" class="container-fluid" style="position:absolute; overflow:hidden; height:100%;border:none;padding-right:0px!important;padding-left:0px!important;" ></iframe>\n'+
        '    </div>\n'+
        '\n';
        
        tabDiv.append(tabPAGE);
        
        
        $("#pills-"+mySBID+ "-tab").click();
        

        //$('#menuList').scrollTo("#pills-"+mySBID+ "-tab");
        $("#pills-"+mySBID+ "-tab")[0].scrollIntoView(true);


        // checkElement.slideUp(300, function() {
        //      checkElement.removeClass('menu-open');
        // });
        

        //$('.switch-state').click();--Removed by mr. Anas

        //alert(pageLink)
        //SetCookies();
    }
    function loadSideBar()
    {/*
        var SideBar = $('#main-page-sidebar');

        $.ajax({
            url: globalWebServicePath + '/WebService_Inventroid.asmx/GetSideBar', 
            dataType: 'JSON',
            type: 'GET',
            async: true,

            beforeSend: function()
            {
                // var el = $(SideBar).closest("div.page-sidebar");
                // App.blockUI({target: el,animate: true,overlayColor: 'none'});
            },
            complete: function()
            {
                // var el = $(SideBar).closest("div.page-sidebar");
                // App.unblockUI(el);
            },

            success: function (ourData, textStatus, XMLHttpRequest) {
                // <li>
                //     <a href="#" class="sidebar-header">
                //         <i class="icon-shopping-cart-full icon-sidebar"></i><span class="sub-header-title">Accounts</span>
                //         <i class="fa fa-angle-right pull-right"></i>
                //     </a>
                //     <ul class="sidebar-submenu">
                //         <li><a href="#" onclick="javascript: navigateTo(this, './pages/accounts_group.html')"><i class="fa fa-angle-right"></i>Accounts Group</a></li>
                //         <li><a href="#" onclick="javascript: navigateTo(this, './pages/ledger.html')"><i class="fa fa-angle-right"></i>Create Ledger</a></li>
                //         <li><a href="#" onclick="javascript: navigateTo(this, './pages/vouchers.html')"><i class="fa fa-angle-right"></i>Vouchers</a></li>
                //         <li><a href="#" onclick="javascript: navigateTo(this, './reportViewer.aspx?isDebug=1&refresh=1&reportFileName=reports/ChartOfAccounts.trdx')"><i class="fa fa-angle-right"></i>Chart Of Accounts Report</a></li>

                //         <li><a href="#" onclick="javascript: navigateTo(this, './reportViewer.aspx?isDebug=1&refresh=1&reportFileName=reports/TrialBalanceReport.trdx')"><i class="fa fa-angle-right"></i>Trial Balance Report</a></li>
                //         <li><a href="#" onclick="javascript: navigateTo(this, './reportViewer.aspx?isDebug=1&refresh=1&reportFileName=reports/LedgerReport.trdx')"><i class="fa fa-angle-right"></i>Ledger Wise Statement Report</a></li>
                //         <li><a href="#" onclick="javascript: navigateTo(this, './reportViewer.aspx?isDebug=1&refresh=1&reportFileName=reports/VoucherReport.trdx')"><i class="fa fa-angle-right"></i>Voucher Report</a></li>


                //     </ul>
                // </li>

                var data = ourData;
                for (var i=0; i<data.sidebar.length; i++)
                {
                    var start_tag= "";
                    if (i==0)
                        start_tag = "start active open";
                    
                    var separator = "";
                    if (data.sidebar[i].separator)
                    {
                        separator='<div class="sidebar-title">'+ (data.sidebar[i].separator+'') +'</div>\n';
                    }
                    
                    var coding = '<li>\n'+
                    separator +
                    '        <a href="#" class="sidebar-header">\n'+
                    '           <i class="' + data.sidebar[i].sidebarpicture + ' icon-sidebar"></i><span class="sub-header-title">'+ data.sidebar[i].sidebarname +'</span>\n'+
                    '           <i class="fa fa-angle-right pull-right"></i>\n'+
                    '        </a>';
                    coding+='        <ul class="sidebar-submenu">\n';
                    
                    for (var j = 0; j<data.sidebar[i].children.length; j++)
                    {
                        
                        coding+='<li><a href="#" onclick="javascript: navigateTo(this, \'' + data.sidebar[i].children[j].urllink +'\', \'' + data.sidebar[i].children[j].sidebarname +'\', \'' + data.sidebar[i].children[j].sidebarid +'\', \'' + data.sidebar[i].children[j].flag +'\' )"><i class="fa fa-angle-right"></i>' + data.sidebar[i].children[j].sidebarname  + '</a></li>\n';
                        // coding+='                <li class="nav-item ">\n'+// start active open
                        // '                   <a href="'+ data.sidebar[i].children[j].urllink +'" class="ajaxify nav-link ">\n'+
                        // '\n'+
                        // // '                       <img id="sidebar-children-icon" src="' + data.sidebar[i].children[j].sidebarpicture + '">\n'+
                        // '                     <i class="fa ' + data.sidebar[i].children[j].sidebarpicture + '"></i>\n'+
                        // '\n'+
                        // '                       <span class="title" id="sidebar-children">' + data.sidebar[i].children[j].sidebarname  + '</span>\n'+
                        // '                       <span class="selected"></span>\n'+
                        // '                   </a>\n'+
                        // '               </li>\n';
                        
                    }
                    coding+='</ul>\n';
                    coding+='</li>\n';

                    //console.log(coding)
                    $(SideBar).append(coding);
                    coding="";
                    // console.log(coding);
                }//For Loop

                //$('.page-sidebar li > a.ajaxify:first').click();
            },
            // error: function (XMLHttpRequest, textStatus, errorThrown) {console.log(XMLHttpRequest);console.log(textStatus);console.log(errorThrown);alert('error');}
        });
    */}
    function changePassword(){
        navigateTo(null,"./pages/reset-password.html","Change password",-1);
    }
    function formlogout() {
        $.ajax({

            url: globalWebServicePath + '/WebService_Inventroid.asmx/AbandonSession',

            dataType: 'JSON',
            type: 'GET',
            async: true,
            success: function (data, textStatus, XMLHttpRequest) {
            
                window.location.replace("./index.aspx");
                return true;

            },
            error: function () {
                // alert('x')
            }

        });
    }

//    loadSideBar();

    window.user_UserName = "";
    window.user_EmployeeName = "";
    
    window.user_SetUser = function (user_name,employee_name) {
        window.user_UserName = user_name;
        window.user_EmployeeName = employee_name;

        $('#user_name').html(window.user_UserName)
    };

</script>


</body></html>