Subversion Repositories SmartDukaan

Rev

Rev 25813 | Blame | Last modification | View Log | RSS feed

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="Smart Dukaan FOCO Dashboard">
    <meta name="author" content="smartdukaan">
        <link rel="shortcut icon" href="assets/images/icons/favicon.png">

    <title>Smart Dukaan - FOCO Dashboard</title>

    <!-- Bootstrap CSS -->    
    <!-- bootstrap theme -->
    <!--external css-->
    <!-- font icon -->
    <link href="resources/css/elegant-icons-style.css" rel="stylesheet" />
    <link href="resources/css/font-awesome.min.css" rel="stylesheet" />    
    <!-- full calendar css-->
    <!-- owl carousel -->
    <link rel="stylesheet" href="resources/css/owl.carousel.css" type="text/css">
        <link href="resources/css/jquery-jvectormap-1.2.2.css" rel="stylesheet">
    <!-- Custom styles -->
        <link href="resources/css/widgets.css" rel="stylesheet">
    <link href="resources/css/style.css?v=${cssVersion}" rel="stylesheet">
    <link href="resources/css/style-responsive.css" rel="stylesheet" />
        <link href="resources/css/jquery-ui-1.10.4.min.css" rel="stylesheet">
    <link type="text/css" href="resources/css/bootstrap.css" rel="stylesheet">
        <!--<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />-->
    <link href="resources/css/bootstrap-theme.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
        
        <link rel="stylesheet" type="text/css" href="resources/css/bootstrap-multiselect.css" />
        <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.16/css/dataTables.bootstrap.min.css"/>
        <link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css' integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
        <style type="text/css">
                .loading {
                        display: none;
                }
                .breadcrumb {
                padding: 0 15px;
        }
        
        
        .table-striped > tbody > tr:nth-child(odd) > td{
                background: white;
                background-color: #dae5f4;
        }
        .table-striped > tbody > tr:nth-child(even) > td{
                background:  #f2f2f2;
                background-color: #b8d1f3;
        }
        
        .btn:hover{
                color: grey;
                text-decoration: none;
        }
        .btn-primary:hover{
                color: grey;
                text-decoration: none;
        }
        .sale-details{
                cursor:pointer;
        }
        
        .popover {
                min-width:18%;
        }
        .fa-2x {
                font-size:1.4em;
        }
        
        .card {
          border-radius:6px;
          box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
          transition: 0.3s;
        }
        
        .card:hover {
          box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);
        }
        
        .c-container {
          padding: 2px 8px;
        }
        </style>
  </head>

  <body style="zoom:90%;background-color:#f7f7f7">
  <!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
  <!-- container section start -->
  <section id="container">
     
      
      <header class="header dark-bg">
            <div class="toggle-nav">
                <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i class="icon_menu"></i></div>
            </div>

            <!--logo start-->
            <a href="${rc.contextPath}/dashboard" class="logo">Smart Dukaan - $fofoStore.getCode()</a>
            #if($isAdmin)
            <a href="${rc.contextPath}/mobileapp" class="logo" target="_blank">Mobile App</a>
            #end
            <!--logo end-->
                        
            <div class="top-nav notification-row">
                <!-- notificatoin dropdown start-->
                <ul class="nav pull-right top-menu">
                        <li class="dropdown">
                                <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <img style="height:38px" src="/resources/images/icons/care1.jpg" />
                                <span class="username" style="font-size:15px">CARE</span>
                                <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu extended logout">
                                <div class="log-arrow-up"></div>
                                <li class="eborder-top">
                                    <a class="create-ticket" href="javascript:void(0);"><i></i>Create Ticket</a>
                                    <a class="my-ticket" href="javascript:void(0);"><i class=""></i>View Tickets</a>
                                </li>
                                <li></li>
                            </ul>
                        </li>
                    
                    <li class="dropdown" style="margin-top:3px;">
                        <a href="javascript:void(0);"  id="links_bar" style="color:#D3181F" class="btn btn-link" data-toggle="popover">
                            <i title="third-party dashboards" class="glyphicon glyphicon-th fa-2x"></i>
                        </a>
                    </li> 
                    
                    <li class="dropdown" style="margin-top:5px;">
                        <a href="javacript:void(0);"  class="download_reports btn btn-link" style="color:#D3181F">
                            <i title="reports" class="far fa-list-alt fa-2x"></i>
                        </a>
                    </li> 
                    
                    
                    <li id="wallet_bar" class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle wallet_icon_header" href="javascript:void(0);">
                            <i title="wallet summary" class="fas fa-wallet fa-2x" aria-hidden="true"></i>
                        </a>
                    </li> 
                     
                    <li id="cart_bar" class="dropdown">
                        <a  class="cart_icon_header" href="javascript:void(0);">
                            <i class="fas fa-shopping-cart fa-2x" aria-hidden="true"></i>
                            <span class="badge bg-important"></span>
                        </a>
                    </li>
                    
                    
                    <!-- alert notification start-->
                    <!--<li id="alert_notificatoin_bar" class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">

                            <i class="icon-bell-l"></i>
                            <span class="badge bg-important">0</span>
                        </a>
                        <ul class="dropdown-menu extended notification">
                            <div class="notify-arrow notify-arrow-blue"></div>
                            <li>
                                <p class="blue">You have no new notifications</p>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-primary"><i class="icon_profile"></i></span> 
                                    Friend Request
                                    <span class="small italic pull-right">5 mins</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-warning"><i class="icon_pin"></i></span>  
                                    John location.
                                    <span class="small italic pull-right">50 mins</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-danger"><i class="icon_book_alt"></i></span> 
                                    Project 3 Completed.
                                    <span class="small italic pull-right">1 hr</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-success"><i class="icon_like"></i></span> 
                                    Mick appreciated your work.
                                    <span class="small italic pull-right"> Today</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">See all notifications</a>
                            </li>
                        </ul>
                    </li>
                    -->
                    <!-- alert notification end -->
                                        <li class="dropdown">
                        <ul class="dropdown-menu extended">
                            <div class="log-arrow-up"></div>
                            <li class="eborder-top">
                                <a href="javascript:void(0);" class="create-ticket">Create Ticket</a>
                            </li>
                        </ul>
                    </li>-->
                    <!-- user login dropdown start-->
                    <li class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="profile-ava">
                                <img class="avatar-custom" id="photo" alt="" src="">
                            </span>
                            <span class="username" id="fofo_name"></span>
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu extended logout">
                            <div class="log-arrow-up"></div>
                            <li class="eborder-top">
                                <a class="user-profile" href="javascript:void(0);"><i class="icon_profile"></i> My Profile</a>
                                 #if($isAdmin)
                                <a class="add-auth-user" href="javascript:void(0);"><i class=""></i>Add User</a>
                                <a class="change-auth-user-password" href="javascript:void(0);"><i class=""></i>Change Password</a>
                                #end
                            </li>
                            <li>
                                <a href="${rc.contextPath}/logout"><i class="icon_key_alt" id = "logout"></i> Log Out</a>
                            </li>
                        </ul>
                    </li>
                    <!-- user login dropdown end -->
                </ul>
                <!-- notificatoin dropdown end-->
            </div>
      </header>      
      <!--header end-->

      <!--sidebar start-->x
      <aside>
          <div id="sidebar"  class="nav-collapse ">
              <!-- sidebar menu start-->
              <ul class="sidebar-menu">                
                  <li class="active">
                      <a class="" href="${rc.contextPath}/dashboard">
                          <i class="icon_house_alt"></i>
                          <span>Dashboard</span>
                      </a>
                  </li>
                  <li>
                          <a href="javascript:;" class="punch-in-outs">
                          <i class="icon_document_alt"></i>
                          <span>Punch IN/OUT</span>
                          </a>
                      </li>
                  #if(!$isAdmin)
                          <li>
                                  <a href="javascript:;" class="schemes">
                                  <i class="icon_document_alt"></i>
                                  <span>Scheme</span>
                                  </a>
                          </li>
                      #elseif($isAdmin)
                              <li class="sub-menu">
                                      <a href="javascript:;" class="">
                                       <i class="icon_document_alt"></i>
                                       <span>Scheme</span>
                                       <span class="menu-arrow arrow_carrot-right"></span>
                                      </a>
                                      
                                      <ul class="sub">
                                                  <li><a class="create-scheme" href="javascript:void(0);">Create</a></li>
                                                <li><a class="schemes" href="javascript:void(0);">History</a></li>
                                                <li><a class="schemes-update" href="javascript:void(0);">Update Scheme</a></li>
                                            <li><a class="schemes-download-page" href="javascript:void(0);">Export</a></li>
                                             <li><a class="price_drop" href="javascript:void(0);">Pricedrop</a></li>
                                             <li><a class="unsettled-payments" href="javascript:void(0);">Unsettled Payments</a></li>
                                             <li><a class="add-wallet-request" href="javascript:void(0);">Add to Wallet Request</a></li>
                                             <li><a class="add-wallet-approve" href="javascript:void(0);">Approved Request</a></li>
                                            <li><a class="add-wallet-rejected" href="javascript:void(0);">Rejected Request</a></li>
                                            <li><a class="wallet-edit" href="javascript:void(0);">Wallet Edit</a></li>
                                  </ul>
                             </li>
                             <li class="sub-menu">
                                      <a href="javascript:;" class="">
                                       <i class="icon_document_alt"></i>
                                       <span>Role Mgmt</span>
                                       <span class="menu-arrow arrow_carrot-right"></span>
                                      </a>
                                      <ul class="sub">
                                          <li><a class="create-api" href="javascript:void(0);">Create Api</a></li>
                                          <li><a class="edit-api" href="javascript:void(0);">Edit Api</a></li>
                                          <li><a class="delete-api" href="javascript:void(0);">Delete Api</a></li>
                                          <li><a class="create-role" href="javascript:void(0);">Create Role</a></li>
                                          <li><a class="rename-role" href="javascript:void(0);">Rename Role</a></li>
                                          <li><a class="create-duplicate-role" href="javascript:void(0);">Create Duplicate Role</a></li>
                                          <li><a class="delete-role" href="javascript:void(0);">Delete Role</a></li>
                                                  <li><a class="add-remove-api" href="javascript:void(0);">Add/Remove Api</a></li>
                                                  <li><a class="add-remove-role" href="javascript:void(0);">Add/Remove Role</a></li>
                                  </ul>
                             </li>
  
                   #end
                    #if($isAdmin)
                   <li class="sub-menu">
                                      <a href="javascript:;" class="">
                                       <i class="icon_document_alt"></i>
                                       <span>Fin Services</span>
                                       <span class="menu-arrow arrow_carrot-right"></span>
                                      </a>
                                      <ul class="sub">
                                          <li><a class="create-service" href="javascript:void(0);">Create Service</a></li>
                                           <li><a class="add-brand" href="javascript:void(0);">Create Brand Service</a></li>
                                            <li><a class="admin-partner-service" href="javascript:void(0);">Partner Service</a></li>
                                                        <li><a class="add-partner-service-details" href="javascript:void(0);">Add Service details</a></li>
                                                                <li><a class="add-partner-brand-service-details" href="javascript:void(0);">Add Brand Service Details</a></li>
                                  </ul>
                             </li>
                             #else
                              <li class="sub-menu">
                                      <a href="javascript:;" class="">
                                       <i class="icon_document_alt"></i>
                                       <span>Fin Services</span>
                                       <span class="menu-arrow arrow_carrot-right"></span>
                                      </a>
                              <ul class="sub">
                                     <li><a class="partner-service" href="javascript:void(0);">Partner Service</a></li>
                                     </ul>
                                    </li>
                               #end
                  #if($isAdmin)
                        <li class="sub-menu">
                                <a href="javascript:;" class="">
                                <i class="icon_document_alt"></i>
                                <span>Retailer</span>
                                <span class="menu-arrow arrow_carrot-right"></span>
                             </a>
                             <ul class="sub">
                                 <li><a class="retailer-info" href="javascript:void(0);">Info</a></li>
                                 <li><a class="promoter-info" href="javascript:void(0);">Promoter</a></li>
                                 <li><a class="active-store" href="javascript:void(0);">Live Store</a></li>
                                  <li><a class="inactive-store" href="javascript:void(0);">Inactive Store</a></li>
                                 <li><a class="send-notification" href="javascript:void(0);">Send Notification</a></li>
                                  <li><a class="send-message" href="javascript:void(0);">Send Message</a></li>
                                   <li><a class="notification-panel" href="javascript:void(0);">Notification Panel</a></li>
                             </ul>
                        </li>
                        <li class="sub-menu">
                                <a href="javascript:;" class="">
                                <i class="icon_document_alt"></i>
                                <span>Warehouse</span>
                                <span class="menu-arrow arrow_carrot-right"></span>
                             </a>
                             <ul class="sub">
                                 <li><a class="create-warehouse" href="javascript:void(0);">Create</a></li>
                                 <li><a class="warehouses" href="javascript:void(0);">Warehouses</a></li>
                                 <li><a class="scan-in-items" href="javascript:void(0);">Scan In</a></li>
                                 <li><a class="instruction-items" href="javascript:void(0);">Instruction Items</a></li>
                                 <li><a class="scan-out-items" href="javascript:void(0);">Scan Out</a></li>
                                 <li><a class="add-remove-warehouse" href="javascript:void(0);">Add Remove Warehouses</a></li>
                             </ul>
                        </li>
                        <li class="sub-menu">
                                <a href="javascript:;" class="">
                                <i class="icon_document_alt"></i>
                                <span>Vendor</span>
                                <span class="menu-arrow arrow_carrot-right"></span>
                             </a>
                             <ul class="sub">
                                 <li><a class="create-vendor" href="javascript:void(0);">Create</a></li>
                                 <li><a class="vendors" href="javascript:void(0);">Vendors</a></li>
                             </ul>
                        </li>
                        <li class="sub-menu">
                            <a href="javascript:;" class="">
                                <i class="icon_document_alt"></i>
                                <span>Item</span>
                                <span class="menu-arrow arrow_carrot-right"></span>
                             </a>
                             <ul class="sub">
                                 <li><a class="create-item" href="javascript:void(0);">Create</a></li>
                                 <li><a class="scan-in-partner-items" href="javascript:void(0);">Scan In</a></li>
                             <li><a class="scan-out-partner-items" href="javascript:void(0);">Scan Out</a></li>
                             </ul>
                        </li>
                  #end
                        <li class="sub-menu">
                                <a href="javascript:;" class="">
                                <i class="icon_document_alt"></i>
                                <span>Returns</span>
                                <span class="menu-arrow arrow_carrot-right"></span>
                             </a>
                             <ul class="sub">
                                        <li><a class="approved-returns" href="javascript:void(0);">Approved Returns</a></li>
                                        <li><a class="view-debit-note" href="javascript:void(0);">View Debit Notes</a></li>
                                        <li><a class="pending-returns" href="javascript:void(0);">Pending Returns</a></li>
                                #if($isAdmin)
                                        <li><a class="view-returns" href="javascript:void(0);">View Returns</a></li>
                                        <li><a class="completed-returns" href="javascript:void(0);">Completed Returns</a></li>
                                #end
                             </ul>
                        </li>
                        <li class="sub-menu">
                                <a href="javascript:;" class="">
                                  <i class="icon_document_alt"></i>
                                  <span>Prebooking</span>
                                  <span class="menu-arrow arrow_carrot-right"></span>
                              </a>
                              <ul class="sub">
                                        #if($isAdmin)
                                                <li><a class="create-prebooking-listing" href="javascript:void(0);">Create Listing</a></li>
                                                <li><a class="prebooking-listings" href="javascript:void(0);">Listings</a></li>
                                        #end
                                        <li><a class="create-prebooking-order" href="javascript:void(0);">Create Order</a></li>
                                        <li><a class="prebooking-orders" href="javascript:void(0);">Orders</a></li>
                              </ul>
                        </li>
                        <li class="sub-menu">
                            <a href="javascript:;" class="">
                                <i class="icon_document_alt"></i>
                                <span>Recharge</span>
                                <span class="menu-arrow arrow_carrot-right"></span>
                                </a>
                                <ul class="sub">
                                        #if($isAdmin)
                                        <li><a class="create-mobile-recharge-commission" href="javascript:void(0);">Mobile Commission</a></li>
                                <li><a class="create-dth-recharge-commission" href="javascript:void(0);">Dth Commission</a></li>
                                        <li><a class="recharge-commissions" href="javascript:void(0);">Commissions</a></li>
                                        <li><a class="recharge-provider-balance" href="javascript:void(0);">Provider Balance</a></li>
                                        <li><a class="recharge-provider-wallet-add-money" href="javascript:void(0);">Provider Add Money</a></li>
                                        <li><a class="recharge-provider-wallet-add-moneys" href="javascript:void(0);">Provider Wallet History</a></li>
                                        <li><a class="daily-recharges" href="javascript:void(0);">Daily Recharges</a></li>
                                #end    
                                <li><a class="create-mobile-recharge" href="javascript:void(0);">Mobile Recharge</a></li>                          
                                <li><a class="create-dth-recharge" href="javascript:void(0);">Dth Recharge</a></li>
                                <li><a class="mobile-recharges" href="javascript:void(0);">Mob Recharge History</a></li>
                                <li><a class="dth-recharges" href="javascript:void(0);">DTH Recharge History</a></li>
                                </ul>
                        </li>
                      #if($isAdmin)
                                  <li class="sub-menu">
                      <a href="javascript:;" class="">
                          <i class="icon_document_alt"></i>
                          <span>Stock Allocation</span>
                          <span class="menu-arrow arrow_carrot-right"></span>
                      </a>
                       <ul class="sub">
                           <li><a class="notify_order" href="javascript:void(0);">Notified Order</a></li>   
                           <li><a class="review_order" href="javascript:void(0);">Review Order</a></li>   
                           <li><a class="create_indent" href="javascript:void(0);">Edit Allocation</a></li>
                      </ul>
                  </li>
                  #end       
                                  <li class="sub-menu">
                      <a href="javascript:;" class="">
                          <i class="icon_document_alt"></i>
                          <span>GRN</span>
                          <span class="menu-arrow arrow_carrot-right"></span>
                      </a>
                      <ul class="sub">
                          <li><a class="new_grn" href="javascript:void(0);">New</a></li>
                          <li><a class="grn_history" href="javascript:void(0);">History</a></li>
                          <li><a class="pending_grn" href="javascript:void(0);">Pending</a></li>
                      </ul>
                  </li>
                  <li class="sub-menu">
                      <a href="javascript:;" class="">
                          <i class="icon_desktop"></i>
                          <span>Inventory</span>
                          <span class="menu-arrow arrow_carrot-right"></span>
                      </a>
                      <ul class="sub">
                          <li><a class="good_inventory" href="javascript:void(0);">Good</a></li>
                          <li><a class="bad_inventory" href="javascript:void(0);">Bad</a></li>
                          <li><a class="allocation_po" href="javascript:void(0);">Raise PO</a></li>
                         
                          
                      </ul>
                  </li>
                  <li  class="sub-menu">
                    <a href="javascript:;" class="">
                          <i class="icon_genius"></i>
                          <span>Catalog</span>
                          <span class="menu-arrow arrow_carrot-right"></span>
                      </a>
                  <ul class="sub">
                  <li><a class="catalog" href="javascript:void(0);">Catalog</a></li>
                  #if($isAdmin)
                  <li><a class="feature" href="javascript:void(0);">Feature</a></li>
                  <li><a class="live_demo_billing" href="javascript:void(0);">Live Demo Billing</a></li>
                  #end
                    </ul>
                  </li>
                  <li class="sub-menu">
                        <a href="javascript:;" class="">
                                <i class="icon_table"></i>
                                <span>Item Aging</span>
                                <span class="menu-arrow arrow_carrot-right"><span>
                        </a>
                        <ul class="sub">
                                <li><a class="download_reports" href="javascript:void(0);">Download Reports</a></li>
                                <li><a class="download_aging_report" href="javascript:void(0);">Download</a></li>
                                <li><a class="item_aging" href="javascript:void(0);">View</a></li>
                        </ul>
                  </li>
                  
                  <li class="sub-menu">
                        <a href="javascript:;" class="">
                                <i class="icon_table"></i>
                                <span>Item Ledger</span>
                                <span class="menu-arrow arrow_carrot-right"><span>
                        </a>
                        <ul class="sub">
                                <li><a class="item-ledger-report-download-page" href="javascript:void(0);">Download</a></li>
                        </ul>
                  </li>
                             
                        <li class="sub-menu">
                                <a href="javascript:;" class="">
                                <i class="icon_table"></i>
                                <span>Sale</span>
                                <span class="menu-arrow arrow_carrot-right"></span>
                      </a>
                      <ul class="sub">
                          <!--<li><a class="create-order" href="javascript:void(0);">Create Sale Order</a></li>-->
                          #if($isAdmin)
                                    <li><a class="search-order" href="javascript:void(0);">Search Order</a></li>
                                       <li><a class="upload-target" href="javascript:void(0);">Create Partner Target</a></li>

                             #end
                          <li><a class="sale-history" href="javascript:void(0);">History</a></li>
                           <li><a class="partner-target" href="javascript:void(0);">Target</a></li>
                           <li><a class="insurance-policy-details" href="javascript:void(0);">Insurance History</a></li>
                      </ul>
                  </li>
                   #if($isAdmin)
                   <li class="sub-menu">
                      <a href="javascript:;" class="">
                          <i class="icon_documents_alt"></i>
                          <span>Ticket</span>
                          <span class="menu-arrow arrow_carrot-right"></span>
                      </a>
                      <ul class="sub">                          
                          <li><a class="create-ticket-category" href="#">Create Category</a></li>
                           <li><a class="create-ticket-sub-category" href="#">Create Sub Category</a></li>
                           <li><a class="create-region" href="#">Create Region</a></li>
                           <li><a class="create-partner-region" href="#">Add Partner Region</a></li>
                           <li><a class="create-position" href="#">Create Position</a></li>
                            <li><a class="my-ticket" href="#">My Assigned Ticket</a></li>
                             <li><a class="manager-ticket" href="#">Manager Ticket</a></li>
                      </ul>
                  </li>
                 #end
                  <li class="sub-menu"  style = "margin-bottom:20px">
                      <a href="javascript:;" class="">
                          <i class="icon_documents_alt"></i>
                          <span>Support</span>
                          <span class="menu-arrow arrow_carrot-right"></span>
                      </a>
                      <ul class="sub" style = "margin-bottom:20px">                          
                          <li><a class="contact-us" href="#">Contact Us</a></li>
                      </ul>
                  </li>
                  
              </ul>
              <!-- sidebar menu end-->
          </div>
      </aside>
      <!--sidebar end-->
      
      <!--main content start-->
      <section id="main-content">
          <section class="wrapper">            
              <!--overview start-->
                          <div class="row">
                                <div class="col-lg-12">
                                        <h3 class="page-header"><i class="fa fa-laptop"></i> Dashboard</h3>
                                        <ol class="breadcrumb">
                                                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                                                <li><i class="fa fa-laptop"></i>Dashboard</li>                                                  
                                        </ol>
                                </div>
                        </div>
        #if(!$isAdmin)
                <div class="col-lg-6">
                        #foreach($brandStockPrice in $brandStockPrices)
                                <div class="col-lg-4">
                                        <div class="card">
                                        <div>
                                          <img src="${brandStockPrice.getBrandUrl()}" alt="Avatar" style="width:35%;padding:8px">
                                          <div style="display:inline-block;width:64%;" class="row">
                                                <div class="col-sm-12">
                                                        <h3 class="text-muted">${brandStockPrice.getTotalQty()} pc<br> 
                                                                <span class="small">&#x20b9;
                                                                        <span class="currency">${brandStockPrice.getTotalValue()}</span>
                                                                </span>
                                                        </h3>
                                                </div>
                                          </div>
                                  </div>
                                  <div class="c-container">
                                    <p><strong>${brandStockPrice.getBrand()}</strong></p> 
                                  </div>
                                </div>
                                </div>
                        #end
                        </div>
                <div class="col-lg-6">
                        <div class = "row" style="background-color:white;">
                                <h4 class="modelHeaderCustom" style="font-size:22px;padding-bottom:2%">Sale Summary</h4>
                                <div class="row" style= "margin-top:15px;" >
                                <div class="col-lg-12">
                                <table class="table table-bordered">
                                <tbody> 
                        <tr>    
                        <th></th>
                        <th>Today</th>
                                        <th>Yesterday</th>
                                        <th>MTD</th>
                                        <th>Last Month</th>
                                </tr>
                                <tr>
                                <th><a class="sale-history" href="javascript:void(0);">Physical Sale</a></th>
                                <td>$currentDayTotalSale</td>
                                <td>$previousDayTotalSale</td>
                                <td>$currentMonthTotalSale</td>
                                <td>$previousMonthTotalSale</td>
                                </tr>
                                <tr>
                                <th><a class="sale-history" href="javascript:void(0);">Mobile</a></th>
                                <td>$currentDayTotalMobileSale</td>
                                <td>$previousDayTotalMobileSale</td>
                                <td>$currentMonthTotalMobileSale</td>
                                <td>$previousMonthTotalMobileSale</td>
                                </tr>
                                <tr>
                                <th><a class="sale-history" href="javascript:void(0);">Accessories</a></th>
                                <td>$currentDayTotalAccessoriesSale</td>
                                <td>$previousDayTotalAccessoriesSale</td>
                                <td>$currentMonthTotalAccessoriesSale</td>
                                <td>$previousMonthTotalAccessoriesSale</td>
                                </tr>
                                <tr>
                                <th><a class="mobile-recharges" href="javascript:void(0);">Recharge</a></th>
                                #if(!$currentDayTotalRecharge.isEmpty())
                                <td>$currentDayTotalRecharge.get($fofoId)</td>
                                #else
                                <td>0.0</td>
                                #end
                                #if(!$previousDayTotalRecharge.isEmpty())
                                <td>$previousDayTotalRecharge.get($fofoId)</td>
                                #else
                                <td>0.0</td>
                                #end
                                #if(!$currentMonthTotalRecharge.isEmpty())
                                <td>$currentMonthTotalRecharge.get($fofoId)</td>
                                #else
                                <td>0.0</td>
                                #end
                                #if(!$previousMonthTotalRecharge.isEmpty())
                                <td>$previousMonthTotalRecharge.get($fofoId)</td>
                                #else
                                <td>0.0</td>
                                #end
                                </tr>
                                <tr>
                                <th><a class="insurance-policy-details" href="javascript:void(0);">Insurance</a></th>
                                #if(!$currentDayTotalInsurance.isEmpty())
                                <td>$currentDayTotalInsurance.get($fofoId)</td>
                                #else
                                <td>0.0</td>
                                #end
                                #if(!$previousDayTotalInsurance.isEmpty())
                                <td>$previousDayTotalInsurance.get($fofoId)</td>
                                #else
                                <td>0.0</td>
                                #end
                                #if(!$currentMonthTotalInsurance.isEmpty())
                                <td>$currentMonthTotalInsurance.get($fofoId)</td>
                                #else
                                <td>0.0</td>
                                #end
                                #if(!$previousMonthTotalInsurance.isEmpty())
                                <td>$previousMonthTotalInsurance.get($fofoId)</td>
                                #else
                                <td>0.0</td>
                                #end
                                </tr>
                                </tbody>
                        </table>
                </div>
                </div>  
                </div>
                </div>
                        <div class="col-lg-6">
                        <div class="panel panel-default">
                                <div class="panel-heading">Performance</div>
                                <div class="panel-content">
                                <ul class="nav nav-tabs">
                                                  <li role="presentation" class="active mobile"><a href="javascript:void(0)">Mobiles</a></li>
                                                  <li role="presentation" class="accessories"><a href="javascript:void(0)">Accessories</a></li>
                                                  <li role="presentation" class="recharge"><a href="javascript:void(0)">Recharge</a></li>
                                                   <li role="presentation" class="insurance"><a href="javascript:void(0)">Insurance</a></li>
                                                </ul>

                                                <table class="brandPerformancemobile table table-bordered">
                                                        <thead>
                                                                <tr>
                                                                        <th>Brand Name</th>
                                                                        <th>Today</th>
                                                                        <th>MTD</th>
                                                                        <th>Yesterday</th>
                                                                        <th>Last Month</th>
                                                                        </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                        #foreach($brand in $brands)
                                                                        <tr>
                                                                                <td>$brand</td>
                                                                                #if($currentDayMobileSalegroupByBrand.get($brand))
                                                                                                <td>$currentDayMobileSalegroupByBrand.get($brand)</td>
                                                                                #else
                                                                                                <td>-</td>
                                                                                #end
                                                                                #if($currentMonthMobileSalegroupByBrand.get($brand))
                                                                                        <td>$currentMonthMobileSalegroupByBrand.get($brand)</td>
                                                                                #else
                                                                                        <td>-</td>
                                                                                #end
                                                                                #if($previousDayMobileSalegroupByBrand.get($brand))
                                                                                                <td>$previousDayMobileSalegroupByBrand.get($brand)</td>
                                                                                #else
                                                                                                <td>-</td>
                                                                                #end
                                                                                #if($previousMonthMobileSalegroupByBrand.get($brand))
                                                                                        <td>$previousMonthMobileSalegroupByBrand.get($brand)</td>
                                                                                #else
                                                                                        <td>-</td>
                                                                                #end
                                                                        </tr>
                                                                        #end
                                                                </tbody>
                                                </table>
                                                <table style="display:none" class="table brandPerformanceaccessories table-bordered">
                                                        <thead>
                                                                <tr>
                                                                        <th>Brand Name</th>
                                                                        <th>Today</th>
                                                                        <th>MTD</th>
                                                                        <th>Yesterday</th>
                                                                        <th>Last Month</th>
                                                                </tr>
                                                                </thead>
                                                                <tbody>
                                                                        #foreach($brand in $accessories)
                                                                        <tr>
                                                                                <td>$brand</td>
                                                                                #if($currentDayAccesoriesSalegroupByBrand.size()>0)
                                                                                                <td>$currentDayAccesoriesSalegroupByBrand.get($brand)</td>
                                                                                #else
                                                                                                <td>-</td>
                                                                                #end
                                                                                #if($currentMonthAccesoriesSalegroupByBrand.get($brand))
                                                                                        <td>$currentMonthAccesoriesSalegroupByBrand.get($brand)</td>
                                                                                #else
                                                                                        <td>-</td>
                                                                                #end
                                                                                #if($previousDayAccesoriesSalegroupByBrand.get($brand))
                                                                                                <td>$previousDayAccesoriesSalegroupByBrand.get($brand)</td>
                                                                                #else
                                                                                                <td>-</td>
                                                                                #end
                                                                                #if($previousMonthAccesoriesSalegroupByBrand.get($brand))
                                                                                        <td>$previousMonthAccesoriesSalegroupByBrand.get($brand)</td>
                                                                                #else
                                                                                        <td>-</td>
                                                                                #end
                                                                        </tr>
                                                                        #end
                                                                </tbody>
                                                </table>
                                                <table style="display:none" class="table brandPerformancerecharge table-bordered">
                                                        <thead>
                                                                <tr>
                                                                        <th>Recharge Type</th>
                                                                        <th>Today</th>
                                                                        <th>MTD</th>
                                                                        <th>Yesterday</th>
                                                                        <th>Last Month</th>
                                                                </tr>
                                                                </thead>
                                                        <tbody>
                                                        #foreach($rechargeType in $rechargeTypes)
                                                        <tr>
                                                        <td>$rechargeType</td>
                                                                
                                                                #if($currentDayTotalRechargeByRechargeType.get($rechargeType)>0)
                                                                                                        
                                                                                <td>$currentDayTotalRechargeByRechargeType.get($rechargeType)</td>
                                                                #else
                                                                                <td>-</td>
                                                                #end
                                                                                #if($currentMonthTotalRechargeByRechargeType.get($rechargeType)>0)
                                                                                                <td>$currentMonthTotalRechargeByRechargeType.get($rechargeType)</td>
                                                                                #else
                                                                                                <td>-</td>
                                                                                #end
                                                                #if($previousDayTotalRechargeByRechargeType.get($rechargeType)>0)
                                                                                <td>$previousDayTotalRechargeByRechargeType.get($rechargeType)</td>
                                                                #else
                                                                                <td>-</td>
                                                                #end
                                                                                #if($previosMonthTotalRechargeByRechargeType.get($rechargeType)>0)
                                                                                                        <td>$previosMonthTotalRechargeByRechargeType.get($rechargeType)</td>
                                                                                #else
                                                                                                        <td>-</td>
                                                                                #end
                                                                                        
                                                        </tr>
                                                        #end
                                                        </tbody>
                                                </table>
                                                <table style="display:none" class="table brandPerformanceinsurance  table-bordered">
                                                        <thead>
                                                                <tr>
                                                                        <th>Insurance Provider</th>
                                                                        <th>Today</th>
                                                                        <th>MTD</th>
                                                                        <th>Yesterday</th>
                                                                        <th>Last Month</th>
                                                                </tr>
                                                                </thead>
                                                        <tbody>
                                                        #foreach($insuranceProvider in $insuranceProviders)
                                                        <tr>
                                                        <td>$insuranceProvider</td>
                                                                #if($currentDayTotalInsuranceByPolicyName.get($insuranceProvider)>0)
                                                                        <td>$currentDayTotalInsuranceByPolicyName.get($insuranceProvider)</td>
                                                                #else
                                                                                <td>-</td>
                                                                #end
                                                                        #if($currentMonthTotalInsuranceByPolicyName.get($insuranceProvider)>0)
                                                                                        <td>$currentMonthTotalInsuranceByPolicyName.get($insuranceProvider)</td>
                                                                        #else
                                                                                                <td>-</td>
                                                                        #end
                                                                                        #if($previousDayTotalInsuranceByPolicyName.get($insuranceProvider)>0)
                                                                                                        <td>$previousDayTotalInsuranceByPolicyName.get($insuranceProvider)</td>
                                                                                        #else
                                                                                                        <td>-</td>
                                                                                        #end
                                                                                                        #if($previousMonthTotalInsuranceByPolicyName.get($insuranceProvider)>0)
                                                                                                        
                                                                                                                        <td>$previousMonthTotalInsuranceByPolicyName.get($insuranceProvider)</td>
                                                                                                        #else
                                                                                                                        <td>-</td>
                                                                                                        #end
                                                        </tr>
                                                        #end
                                                        </tbody>
                                                </table>
                                </div>
                        </div>
                        </div>
                        #else
           <div class="col-lg-6">
                <!--<div class="row">
                        <canvas id="weeklyInvestmentSummary"></canvas>
                </div>-->
            <div class="row">
                
                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                        <div class="info-box brown-bg">
                                                <i class="fa fa-shopping-bag"></i>
                                                <div class="count">$partnerInvestment.getGrnPendingAmount()</div>
                                                <div class="title">Pending Grn</div>                                            
                                        </div><!--/.info-box-->                 
                                </div><!--/.col-->      
                
                                
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                        <div class="info-box blue-bg">
                                                <i class="fa fa-gift"></i>
                                                <div class="count">$partnerInvestment.getSalesAmount()</div>
                                                <div class="title">Sale</div>                                           
                                        </div><!--/.info-box-->                 
                                </div><!--/.col-->
                                
                        </div><!--/.row-->
                         <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                        <div class="info-box green-bg">
                                                <i class="fa fa-cubes"></i>
                                                <div class="count">$partnerInvestment.getInStockAmount()</div>
                                                <div class="title">Good Stock</div>                                             
                                        </div><!--/.info-box-->                 
                                </div><!--/.col-->
                                
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                        <div class="info-box red-bg">
                                                <i class="fa fa-thumbs-o-down"></i>
                                                <div class="count">0</div>
                                                <div class="title">Bad Stock</div>                                              
                                        </div><!--/.info-box-->                 
                                </div><!--/.col-->
                                </div><!--/.row-->
                                </div>
                                
          </section>
          <div class="text-center">
          <div class="credits">
                <p>All rights reserved.&copy;2017, Smart Dukaan</p>
          </div>
        </div>
      </section>
      <!-- container section start -->
                <div id="error-prompt-model" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h3 id="myModalLabel">Modal header</h3>
                </div>
                <div class="modal-body">
                        <p>One fine body…</p>
                </div>
                <div class="modal-footer">
                        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                        <button class="btn btn-primary">Save changes</button>
                </div>
                
                </div>
                #end
      <!--main content end-->
  </section>
   <div id="dashboard-paginated-container" style="background:white;background-color:white;">
</div>

    <!-- javascripts -->
    <script src="resources/js/jquery.js"></script>
        <script src="resources/js/jquery-ui-1.10.4.min.js"></script>
    <script src="resources/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="resources/js/jquery-ui-1.9.2.custom.min.js"></script>
    <!-- bootstrap -->
    <script src="resources/js/bootstrap.min.js"></script>
    <!-- nice scroll -->
    <script src="resources/js/jquery.scrollTo.min.js"></script>
    <script src="resources/js/jquery.nicescroll.js" type="text/javascript"></script>

        <script src="resources/js/jquery.rateit.min.js"></script>
    <!-- custom select -->
    <script src="resources/js/jquery.customSelect.min.js" ></script>
   
    <!--custome script for all page-->
    <script src="resources/js/scripts.js"></script>
    <!-- custom script for this page-->
        <!--<script src="resources/js/jquery-jvectormap-1.2.2.min.js"></script>-->
        <!--<script src="resources/js/jquery-jvectormap-world-mill-en.js"></script>-->
        <!--<script src="resources/js/jquery.autosize.min.js"></script>-->
        <script src="resources/js/jquery.placeholder.min.js"></script>
        <!--<script src="resources/js/gdp-data.js"></script>--> 
        <!--<script src="resources/js/morris.min.js"></script>-->
        <!--<script src="resources/js/sparklines.js"></script>-->       
        <script src="resources/js/jquery.slimscroll.min.js"></script>
        <script src="resources/js/jquery.validate.min.js"></script>
        <script src="resources/js/bootstrap-multiselect.js"></script>
        
        
        <script type="text/javascript">
                context="$appContextPath";
                webApiScheme="$webApiScheme";
                webApiRoot="$webApiRoot";
                webApiHost="$webApiHost";
                webApiPort="$webApiPort";
                /*setTimeout(()=>Notification.requestPermission(function(status) {
                        alert(status);
                console.log('Notification permission status:', status);
                }, 5000);*/
        </script>
        <script type="text/javascript" src="resources/js/bootstrap3-typeahead.min.js"></script>
        <script type="text/javascript" src="resources/js/moment.min.js"></script>
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
        <script type="text/javascript" src="//cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
        <script type="text/javascript" src="//cdn.datatables.net/1.10.16/js/dataTables.bootstrap.min.js"></script>
        <script type="text/javascript" src="resources/js/datetime-moment.js"></script>
        
        <script type="text/javascript" src="resources/js/bootbox.min.js"></script>
        
        <script type="text/javascript" src="resources/js/common.js?v=${version}"></script>

        <script type="text/javascript" src="resources/js/cart.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/contact.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/inventory.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/order.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/purchase.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/retailer.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/service.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/sale.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/partner-target.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/scheme.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/add-wallet-request.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/wallet.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/user-profile.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/prebooking.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/recharge.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/vendor.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/item.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/role.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/cs.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/authUser.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/warehouse.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/punch-in-out.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/send-notification.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/business/indent.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/business/return.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/send-message.js?v=${version}"></script>
    <script type="text/javascript" src="resources/js/unsettled-payments.js?v=${version}"></script>
    <script type="text/javascript" src="resources/js/create-order.js?v=${version}"></script>
    <!--<script type="text/javascript" src="resources/js/dashboard.js?v=${version}"></script>-->
        <script type="text/javascript" src="resources/js/price-drop.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/notification-panel.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/feature.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/promoter-info.js?v=${version}"></script>
        <script type="text/javascript" src="resources/js/ckeditor.js"></script>
        <script type="text/javascript" src="resources/js/wallet-edit.js?v=${version}"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment-range/4.0.1/moment-range.js"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script>
        <script type="text/javascript" src="resources/js/live_demo_billing.js?v=${version}"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

        
  <script>

      //knob
      $(function() {
        /*$(".knob").knob({
          'draw' : function () { 
            $(this.i).val(this.cv + '%')
          }
        });*/
        $.fn.dataTable.moment( 'DD/MM/YYYY' );
        $.fn.dataTable.moment( 'DD/MM/YYYY hh:mm' );
      });
      
      $(function() {
                var profile = localStorage.getItem('profile');
                if (profile){
                        $("#photo").attr("src",JSON.parse(profile).image_url);
                        $("#fofo_name").text(JSON.parse(profile).name);
                }
                else{
                        $("#photo").attr("src","");
                        $("#fofo_name").text("Welcome, User");
                }
        });
        
        $(function() {
                var bag = localStorage.getItem('bag');
                console.log(bag);
                if (bag){
                console.log("yes");
                        //$("#cart_bar").find('span').text(10);
                        $("#cart_bar").find('span').text(Object.keys(JSON.parse(bag)).length);
                }
                else{
                        $("#cart_bar").find('span').text(0);
                }
        });
        
        $("#logout").click(function(){
                localStorage.profile = undefined;
        });

          saleAmount = numberToComma($partnerInvestment.getSalesAmount());
      minimumInvestmentAmount = numberToComma($partnerInvestment.getMinInvestment());
      totalInvestedAmount = numberToComma($partnerInvestment.getTotalInvestment());
      shortPercentage = numberToComma($partnerInvestment.getShortPercentage());
      grnPendingStockAmount = numberToComma($partnerInvestment.getGrnPendingAmount());
      unbilledStockAmount = numberToComma($partnerInvestment.getUnbilledAmount());
      inStockAmount = numberToComma($partnerInvestment.getInStockAmount());
      walletAmount = numberToComma($partnerInvestment.getWalletAmount());
      shortAmount = numberToComma($partnerInvestment.getShortInvestment());
      minAmountToBeAdded = numberToComma($partnerInvestment.getMinAmountToBeAdded());
      isInvestmentOk = $isInvestmentOk;
      
      $(function(){
                if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(showPosition);
            } else { 
                console.log("Geolocation is not supported by browser.");
            }
                dateRangeCallback(moment(),moment());
                loaderDialogObj = bootbox.dialog({
                    message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
                    show: false 
                });
        });
        hasGift=$hasGift;
        giftItemId = $giftItemId;
  </script>
 
        <script type="text/javascript">
        $(function() {
                /*var ctx = document.getElementById("weeklyInvestmentSummary").getContext("2d");
                var myChart = new Chart(ctx, investmentChart);*/
        $("#dashboard-paginated .next").on(
                        'click',
                        function() { 
                        console.log("Hello")
                          loadPaginatedNextItems('/getPaginatedNotificationData', null,
                                                'dashboard-paginated', 'dashboard-paginated-table',
                                                'dashboard-paginated-container');
                        
                                $(this).blur();
                        });

        $("#dashboard-paginated .previous").on(
                        'click',
                        function() {
                        
                   
                     loadPaginatedPreviousItems('/getPaginatedNotificationData', null,
                                'dashboard-paginated', 'dashboard-paginated-table',
                                                'dashboard-paginated-container');
                    
                                $(this).blur();
                        });
                });     
        </script>
        
                <script>
         function inactiveAnnoucements(id) {
         console.log(id);
        
         if (confirm("Are you sure you want to Inactive the annoucement") == true) {
          doPostAjaxRequestHandler(context
                                                                        + "/inactiveNotificationData?id="+id, function(
                                                                        response) {
                                                                if (response == 'true') {
                                                                        alert("successfully Inactive");
                                                                        location.reload();
                                                                }
                                                        });

                                                        return false;
                                                }
         }

$(function()
{
        $("li.accessories").on('click', function(){
                if(!$(this).hasClass('active')) {
                        
                        if($("li.mobile").hasClass('active'))
                        {
                                $("li.mobile").removeClass('active');
                                $("table.brandPerformancemobile").css('display','NONE');
                        }
                        else if($("li.recharge").hasClass('active'))
                        {
                                $("li.recharge").removeClass('active');
                                $("table.brandPerformancerecharge").css('display','NONE');
                        }
                        else
                        {
                                $("li.insurance").removeClass('active');
                                $("table.brandPerformanceinsurance").css('display','NONE');
                        }
                        $("table.brandPerformanceaccessories").removeAttr("style");
                        $(this).addClass('active');
                }
        });
        $("li.mobile").on('click', function(){
                if(!$(this).hasClass('active')) {
                        
                        if($("li.accessories").hasClass('active'))
                        {
                                $("li.accessories").removeClass('active');
                                $("table.brandPerformanceaccessories").css('display','NONE');
                        }
                        else if($("li.recharge").hasClass('active'))
                        {
                                $("li.recharge").removeClass('active');
                                $("table.brandPerformancerecharge").css('display','NONE');
                        }
                        else
                        {
                                $("li.insurance").removeClass('active');
                                $("table.brandPerformanceinsurance").css('display','NONE');
                        }
                        $("table.brandPerformancemobile").removeAttr("style");
                        $(this).addClass('active');
                }
        });
        $('#links_bar').popover({
                container:".notification-row",
                template:`<div class="popover">
                                                <div class="arrow"></div>
                                                <div class="popover-inner">
                                                        <h4 class="popover-title">
                                                        </h4>
                                                        <div class="popover-content"><p></p></div>
                                                </div>
                                        </div>`,
            html: true,
            content: `<div class="container-fluid">
                                        <div class="row"><h5 class="page-header" style="color:#333;margin:6px 0 3px">Quick Links</h5></div>
                                        <div class="row">
                                                    <div class="col-lg-3">
                                                            <a href="//www.wiseappsadmin.com/store" target="_blank" href="">
                                                                <img title="WiseApp Admin" src="/resources/images/icons/provider-logos/wiseapp.jpg"></img></a>
                                                            </div>
                                                </div>
                                </div>`,
            placement: "bottom",
            trigger: "focus"
        });
        $("li.recharge").on('click', function(){
                if(!$(this).hasClass('active')) {
                
                        if($("li.accessories").hasClass('active'))
                        {
                                $("li.accessories").removeClass('active');
                                $("table.brandPerformanceaccessories").css('display','NONE');
                        }
                        else if($("li.mobile").hasClass('active'))
                        {
                                $("li.mobile").removeClass('active');
                                $("table.brandPerformancemobile").css('display','NONE');
                        }
                        else
                        {
                                $("li.insurance").removeClass('active');
                                $("table.brandPerformanceinsurance").css('display','NONE');
                        }
                                $("table.brandPerformancerecharge").removeAttr("style");
                        $(this).addClass('active');
                }
        });
        $("li.insurance").on('click', function(){
                if(!$(this).hasClass('active')) {
                
                        if($("li.accessories").hasClass('active'))
                        {
                                $("li.accessories").removeClass('active');
                                $("table.brandPerformanceaccessories").css('display','NONE');
                        }
                        else if($("li.mobile").hasClass('active'))
                        {
                                $("li.mobile").removeClass('active');
                                $("table.brandPerformancemobile").css('display','NONE');
                        }
                        else
                        {
                                $("li.recharge").removeClass('active');
                                $("table.brandPerformancerecharge").css('display','NONE');
                        }
                                $("table.brandPerformanceinsurance").removeAttr("style");
                        $(this).addClass('active');
                }
        });
});
         </script>
         
         <script>
         function activeAnnoucements(id) {
         console.log(id);
        
         if (confirm("Are you sure you want to active the annoucement") == true) {
          doPostAjaxRequestHandler(context
                                                                        + "/activeNotificationData?id="+id, function(
                                                                        response) {
                                                                if (response == 'true') {
                                                                        alert("successfully Inactive");
                                                                        location.reload();
                                                                }
                                                        });

                                                        return false;
                                                }
         }

                /*var investmentChart=$investmentChart;*/
                
                
                
 #if(!$isAdmin)
                 
                 
                 
                 var stopInterval;


$(document).ready(function(){
        
         stopInterval = setInterval(showAttendanceModal, 10000);
        
});


function showAttendanceModal() {
        var today = new Date().getTime();
        if ($.cookie("punchIn") == undefined) {
                document.cookie = "punchIn=" + today;
        }
        if (today >= parseInt($.cookie("punchIn"))) {
                doGetAjaxRequestHandler(context + "/getPunchInOutForModel", function(
                                response) {
                      if(response == 'true'){
                          $('#punchInOutModal').modal('hide');
                          clearInterval(stopInterval);
                          console.log("hide");
                      }else{
                          $("#punch-in-out-model").html(response);
                                        $('#punchInOutModal').modal('show');
                                        var time = today + 30 * 60 * 1000
                                        document.cookie = "punchIn=" + time; 
                                        console.log("show");
                      }
                        
                         

                });     }
}
 #end
                
                
         </script>


 
    <div id="punchInOutModal" class="modal" role="dialog">
          <div class="modal-dialog">
        
            <!-- Modal content-->
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Punch In Out</h4>
              </div>
           <div class="modal-body">
           <div id="punch-in-out-model">
                
      </div>
      </div>
    </div>
   </div>
 </div>

  </body>
</html>