Subversion Repositories SmartDukaan

Rev

Rev 36022 | Blame | Compare with Previous | 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 Partner Dashboard">
    <meta name="author" content="smartdukaan">
          <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
        <link rel="shortcut icon" href="assets/images/icons/favicon.png">

          <title>Smart Dukaan - Partner 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/card.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="resources/js/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;
        }

        .stars-outer {
                  display: inline-block;
                  position: relative;
                  font-family: FontAwesome;
                }

                .stars-outer::before {
                  content: "\f006 \f006 \f006 \f006 \f006";
                }

                .stars-inner {
                  position: absolute;
                  top: 0;
                  left: 0;
                  white-space: nowrap;
                  overflow: hidden;
                  width: 0;
                }

                .stars-inner::before {
                  content: "\f005 \f005 \f005 \f005 \f005";
                  color: #f8ce0b;
                }


                .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;
        }
        .cover {
          object-fit: cover;
          width: 100%;
          height: 90px;
          padding: 8px;
        }
        .info-box .notifications i {
    display: inline-block;
    margin-top:0px;
    height: 25px;
    font-size: 16px;
    line-height: 25px;
    width: 25px;
    float: none;
    text-align: center;
    padding-right: 0px;
    color:#768399;
  }

        #preview {
          position: relative;
          color: #fff;
          float: left;
          width: 100%;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;
          clear: both;
        }
        #canvas-preview{
          width: 100%;
          position: relative;
          top:-15px;
        }
        #preview-textfield{
          position: absolute; top: -10px; left: 0; right: 0;
          text-align: center; font-size: 2em; font-weight: bold;
          color: white; font-family: 'Amaranth', sans-serif;
        }

        #descriptionMenu {
         list-style: desc !important
         list-style-type:square;
         text-align:left;
        }


        </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>

            <a href="${rc.contextPath}/dashboard" class="logo">Smart Dukaan - $fofoStore.getCode()</a>
            <a href="#"><img src="${partnerTypeImage}" width="60px" class="target-slide"></a>

            <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=" " href=" "><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="" style="color:#D3181F" class="" 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="javascript: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=" " 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="" 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>
                                <a class=" ">SD Mobile App</a>
                                                                <a class="user-manual" target="_blank"
                                                                   href="http://images.smartdukaan.com/uploads/campaigns/SD_Guide_Book_English.pdf">Sd
                                                                        Policies(En)</a>
                                                                <a class="user-manual" target="_blank"
                                                                   href="http://images.smartdukaan.com/uploads/campaigns/SD_Guide_Book_Hindi.pdf">Sd
                                                                        Policies(Hi)</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-->
      <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>
                                            <li><a class="scheme_offer" href="javascript:void(0);">Offers</a></li>
                                             <li><a class="offer_history" href="javascript:void(0);">Offer History</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>


                                          <li class="sub-menu">
                                      <a href="javascript:;" class="hygiene">
                                       <i class="icon_document_alt"></i>
                                       <span>Hygiene</span>
                                       <span></span>
                                      </a>
                             </li>

                   #end

                              <li class="sub-menu">
                                      <a href="javascript:;" class="">
                                       <i class="icon_document_alt"></i>
                                       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>
                      #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>Refferals</span>
                                       <span class="menu-arrow arrow_carrot-right"></span>
                                      </a>

                                      <ul class="sub">

                                            <li><a class="pending-refferal" href="javascript:void(0);">Pending Referral</a></li>
                                             <li><a class="validate-refferal" href="javascript:void(0);">Validate Referral</a></li>
                                            <li><a class="refferal-approve" href="javascript:void(0);">Approve Referral</a></li>
                                            <li><a class="refferal-transferred" href="javascript:void(0);">Transferred Referral</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=" " href="javascript:void(0);">Approved Returns</a></li>
                                        <li><a class=" " href="javascript:void(0);">View Debit Notes</a></li>
                                        <li><a class=" " href="javascript:void(0);">Pending Returns</a></li>
                                        <li><a class="invoice-return" href="javascript:void(0);">Sale Returns</a></li>
                                #if($isAdmin)
                                        <li><a class=" " href="javascript:void(0);">View Returns</a></li>
                                        <li><a class=" " 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="" href="javascript:void(0);">Create Listing</a></li>
                                                <li><a class="" href="javascript:void(0);">Listings</a></li>
                                        #end
                                        <li><a class="" href="">Create Order</a></li>
                                        <li><a class="" href="">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=" " href="javascript:void(0);">Mobile Recharge</a></li>
                                <li><a class=" " href="javascript:void(0);">Dth Recharge</a></li>
                                <li><a class=" " href="javascript:void(0);">Mob Recharge History</a></li>
                                <li><a class=" " href="javascript:void(0);">DTH Recharge History</a></li>
                                </ul>
                        </li> y
                      #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="notify_cancel" href="javascript:void(0);">Notified Cancel 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>
                            <li><a class="focused_model" href="javascript:void(0);">Focused Model</a></li>
                             <li><a class="partners_allocation" href="javascript:void(0);">Partner Allocation</a></li>
                               <li><a class="partner-po" href="javascript:void(0);">Create PO</a></li>
                      </ul>
                  </li>
                  #else
                  <li>
                          <a href="javascript:;" class="">
                          <i class="icon_document_alt"></i>
                          <span>Monthly Planning</span>
                          </a>
                  </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="" href="javascript:void(0);">New</a></li>
                          <li><a class="" href="javascript:void(0);">History</a></li>
                          <li><a class="" 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="" href="javascript:void(0);">Good</a></li>
                          <li><a class="" href="javascript:void(0);">Bad</a></li>
                          <li><a class="" 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="" href="javascript:void(0);">Catalog</a></li>

                  #if($isAdmin)
                  <li><a class="product-detail" href="javascript:void(0);">Product Detail</a></li>
                  <li><a class="feature" href="javascript:void(0);">Feature</a></li>
                  <li><a class="content" href="javascript:void(0);">Content</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>
                                        <li><a class="pending_fofo_order" href="javascript:void(0);">Pending Order</a></li>

                             #end

                                <li><a class="pending_fofo_order" href="javascript:void(0);">Pending Order</a></li>
                          <li><a class="sale-history" href="javascript:void(0);">History</a></li>
                           <li><a class="target-slide" href="javascript:void(0);">Outlet Categories</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_document_alt"></i>
                                       <span>Lead</span>
                                        <span class="menu-arrow arrow_carrot-right"></span>
                                      </a>
                                                   <ul class="sub">
                          <li><a class="lead" href="#">Lead</a></li>
                          <li><a class="lead-close" href="#">Closed Lead</a></li>
                         </ul>
                             </li>
                   <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>
                        <!-- overview end -->
                        <div class="row">
                                <div class="col-lg-6">
                                        <div class="row">
                                                <div class="col-lg-7">
                                                        <div class="info-box blue-bg">
                                                                <i class="fa fa-chart-line"></i>
                                                                <h3 style="margin-top:-2px;margin-bottom:12px"><strong>Sale</strong></h3>
                                                                <div class="row">
                                                                        <div class="col-lg-4 row">
                                                                                <div style="margin-top:0px" class="count currency">$salesMap.get("lmtdSale")</div>
                                                                                <div class="title">LMTD</div>
                                                                        </div>
                                                                        <div class="col-lg-4 row">
                                                                                <div style="margin-top:0px" class="count currency">$salesMap.get("mtdSale")</div>
                                                                                <div class="title">MTD</div>
                                                                        </div>
                                                                        <div class="col-lg-3 row">
                                                                                <div style="margin-top:0px" class="count currency">$salesMap.get("todaySale")</div>
                                                                                <div class="title">Today&apos;s</div>
                                                                        </div>
                                                                </div>
                                                        </div>
                                                </div>
                                                <div class="col-lg-5 row">
                                                        <div class="info-box brown-bg">

                                                                <div class="col-lg-12">
                                                                        <div class="col-lg-6">
                                                                        <h4 style="margin-top:-2px;margin-bottom:3px"><strong>Current Rate</strong></h4>
                                                                                <div style="margin-top:0px" class="count">
                                                                                        <span class="currency">$salesMap.get("currentRate")</span>/day
                                                                                </div>
                                                                                <img src="${salesMap.get('currentTypeImage')}" width="60px" class="target-slide">
                                                                        </div>
                                                                        <div class="col-lg-6 row">
                                                                        <h4 style="margin-top:-2px;margin-bottom:3px"><strong>Reqd Rate</strong></h4>
                                                                                <div style="margin-top:0px" class="count currency">
                                                                                        <span class="currency">$salesMap.get("requiredRate")</span>/day
                                                                                </div>
                                                                                <img src="${salesMap.get('requiredTypeImage')}" width="60px" class="target-slide">
                                                                        </div>
                                                                </div>
                                                        </div>
                                                </div>
                                                <div class="col-lg-8">
                                                <div class="info-box purple-bg">
                                                        <div class="col-lg-12 row">
                                                                <i class="fa fa-coins"></i>
                                                                <h3 style="margin-top:-2px;margin-bottom:12px"><strong>Investments</strong></h3>
                                                                <div class="row">
                                                                        <div class="col-lg-4 row">
                                                                                <div  style="margin-top:0px" class="count currency">$investments.get("today")</div>
                                                                                <div class="title">current</div>
                                                                        </div>
                                                                        <div class="col-lg-3">
                                                                                <div  style="margin-top:0px" class="count">$investments.get("minimum")</div>
                                                                                <div class="title">min</div>
                                                                        </div>
                                                                        <div class="col-lg-3 row"
                                                                        #if(!$isInvestmentOk)
                                                                        style="color:mediumvioletred"
                                                                        #end
                                                                        >
                                                                                #if($investments.get("short")<=0)
                                                                                <div style="margin-top:0px" class="count">&gt;100%</div>
                                                                                <div class="title">OK</div>
                                                                                #else
                                                                                <div style="margin-top:0px" class="count currency">$investments.get("short")%</div>
                                                                                <div class="title">short</div>
                                                                                #end
                                                                        </div>
                                                                </div>
                                                        </div>
                                                </div>
                                        </div>
                                        <div class="col-lg-4 row">
                                                <div class="info-box green-bg">
                                                        <i class="fa fa-cubes"></i>
                                                        <div class="count currency">$investments.get("inStock")</div>
                                                        <div class="title">Total Stock</div>
                                                </div>
                                        </div>
                                </div>
                                <div class="row">
                                        #foreach($brandStockPrice in $brandStockPrices)
                                        <div class="col-lg-3">
                                                <div class="card card-default">
                                                        <span class="card-body" style="padding-bottom:0px">
                                                                <table>
                                                                        <thead>
                                                                                <tr><td colspan="2">Current Stock</td></tr>
                                                                        </thead>
                                                                        <tbody>
                                                                                <tr><th>Qty</th><td>$brandStockPrice.getTotalQty()pc</td></tr>
                                                                                <tr><th>Value</th><td><span class="currency">$brandStockPrice.getTotalValue()</span></td></tr>
                                                                        </tbody>
                                                                </table>
                                                                #if($brandStockPrice.getAgedValue()>0)
                                                                <p style="color:#d15a57;font-weight:700" title="Focus Stock">
                                                                        <span class="currency">$brandStockPrice.getAgedValue()</span> / $brandStockPrice.getAgedQty()
                                                                </p>
                                                                #else
                                                                <p>&nbsp;</p>
                                                                #end
                                                        </span>
                                                        <span class="card-img">
                                                                <img src="${brandStockPrice.getBrandUrl()}" class="cover">
                                                        </span>
                                                </div>
                                        </div>
                                        #end
                                </div>

                                        <div class="row">

                                        <div class="col-lg-3">
                                                <div class="card card-default">
                                                        <span class="card-body" style="padding-bottom:0px">
                                                                <table>
                                                                        <thead>
                                                                                <tr><td colspan="2">Current Stock</td></tr>
                                                                        </thead>
                                                                        <tbody>
                                                                                <tr><th>Value</th><td><span class="currency">$accesoriesStock</span></td></tr>
                                                                        </tbody>
                                                                </table>
                                                        </span>
                                                        <span class="card-img">
                                                                <img src="resources/images/accessories.jpg" style = "padding:8px">
                                                        </span>
                                                </div>
                                        </div>

                                        </div>

                                        <div class="row">

                                        <div class="col-lg-8">
                                        <canvas id="bar-chart" width="518" height="420"></canvas>
                                        </div>

                                        </div>
                        </div>

                                <div class="col-lg-6">
                                #if($activatedImeis > 0)
                                        <div class="row col-lg-12 info-box white-bg">
                                                #parse("dashboard-activated-imeis.vm")
                                        </div>
                                #end
                                #if($sales)
                                #if(!$offers.isEmpty())
                                #foreach( $offer in $offers )
                                        <div class="row col-lg-12 info-box white-bg" style="margin-bottom:1px" id="description-offer"
                                                 data-offerid="$offer.getId()" data-toggle="modal" data-target="#offerDescription"
                                                 data-backdrop="static" data-keyboard="false">
                                                <h3 style="margin-top:-2px;font-size:17px; margin-bottom:3px;color:#c70db8;font-weight:bold">
                                                        $offer.getName() - $offer.getStartDateTime() to $offer.getEndDateTime()
                                                </h3>
                                                    #if($offer.getShortAmount() == 0 && $offer.getAmountType() == "amount" )
                                                     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;"> Congratulations you have earn Rs. <span class="currency">$offer.getMargin()</span>. Happy Selling!</h4>

                                                        #elseif($offer.getShortAmount() == 0 && $offer.getAmountType() == "percentage" )
                                                     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;"> Congratulations you have secured $offer.getMargin()%. Happy Selling!</h4>

                                                        #elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="value" && $offer.getShortAmount() == $offer.getValue())
                                                     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
                                                      Sell stock worth Rs.<span class="currency">$offer.getShortAmount()</span> to earn additional Rs. <span class="currency">$offer.getMargin()</span>
                                                    </h4>

                                                        #elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="quantity" && $offer.getShortAmount() == $offer.getValue())
                                                     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
                                                      Sell  <span class="currency">$offer.getShortAmount()</span> units  to earn additional Rs. <span class="currency">$offer.getMargin()</span>
                                                    </h4>

                                                        #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="quantity" && $offer.getShortAmount()== $offer.getValue())
                                                       <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
                                                             Sell  <span class="currency">$offer.getShortAmount()</span> units to earn additional $offer.getMargin()%

                                                           </h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
                                                     #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="value" && $offer.getShortAmount() == $offer.getValue())
                                                 <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
                                                           Sell stock worth Rs <span class="currency">$offer.getShortAmount()</span>  to earn additional $offer.getMargin()%
                                                 </h4>

                                                        #elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="value" && $offer.getShortAmount() != 0)
                                                        <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
                                                    Sell stock worth Rs.<span class="currency">$offer.getShortAmount()</span> more to earn additional Rs. <span class="currency">$offer.getMargin()</span>
                                                    </h4>
                                                    #elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="quantity" && $offer.getShortAmount() != 0)
                                                        <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
                                                    Sell <span class="currency">$offer.getShortAmount()</span> unit more to earn additional Rs. <span class="currency">$offer.getMargin()</span>
                                                    </h4>
                                                    #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="quantity" && $offer.getShortAmount() != 0)
                                                        <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
                                                        Sell  <span class="currency">$offer.getShortAmount()</span> unit more to earn additional $offer.getMargin()%

                                                        </h4>
                                                         #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="value" && $offer.getShortAmount() != 0)
                                                        <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
                                                        Sell stock worth Rs<span class="currency">$offer.getShortAmount()</span> more to earn additional $offer.getMargin()%

                                                        </h4>

                                                        #end

                                                <p style="float:right;font-size:15px; margin:0px 0px 0px; "><a href="#">All terms &
                                                        conditions</a></p>

                                        </div>
                                        #end
                                #end
                                #end
                        <div class="offer-margin-container">
                     <div  class="modal  text-center" id="offerDescription">
                                        <div class="modal-dialog">
                                                <div class="modal-content">

                                                </div>
                                        </div>
                                 </div>
                        </div>
                                <div class="row col-lg-12 info-box white-bg">
                                        #parse("performance.vm")
                                </div>
                                <div class="row col-lg-12 info-box white-bg">
                                        #parse("performance-weekly.vm")
                                </div>
                                <div class="row col-lg-12 info-box white-bg">
                                        <div class="col-lg-4">
                                                <h3 style="margin-top:-2px;margin-bottom:24px"><strong>My Messages</strong>
                                                </h3>
                                        </div>
                                        <div class="col-lg-4">
                                                <div class="btn-group message-filter">
                                                        <button data-messagetype="notification" type="button" class="btn btn-default"
                                                                        aria-label="Notifications" title="Notifications">
                                                                <span class="glyphicon glyphicon-bell" aria-hidden="true"></span></button>
                                                        <button data-messagetype="announcement" type="button" class="btn btn-default"
                                                                        aria-label="Announcements" title="Announcements">
                                                                <span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span></button>
                                                        <button data-messagetype="scheme" type="button" class="btn btn-default" aria-label="SmartDukaan Schemes" title="SmartDukaan Schemes">
                                                                <span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
                                                        </button>

                                                        <button data-messagetype="marketing" type="button" class="btn btn-default" aria-label="SmartDukaan Schemes" title="SmartDukaan Schemes">
                                                                 <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
                                                        </button>
                                                </div>
                                        </div>
                                    <div class="col-lg-12 row notification-container" style="max-height: 500px;overflow-y: scroll;">
                                        </div>
                                </div>
                        </div>
                </div>
                </section>
        <div class="text-center">
          <div class="credits">
                <p>All rights reserved.&copy;2017, Smart Dukaan</p>
          </div>
                </div>
        </section>

        <script type="text/javascript">
                context="${rc.contextPath}";
                webApiScheme="$webApiScheme";
                webApiRoot="$webApiRoot";
                webApiHost="$webApiHost";
                webApiPort="$webApiPort";
        </script>
        #parse("include-scripts.vm")

          <script type="text/javascript">

                  $(document).on("click", "p.description-offer",
                        function(e) {
                        var offerid = $(this).data('offerid');
                        console.log(offerid);
                        doGetAjaxRequestHandler(context + "/getOfferMargins?offerId="
                                        + offerid, function(response) {
                                $('.offer-margin-container .modal-content').html(response);
                        });


                        });


                  $(document).on("click", ".cancel-description",
                        function(e) {
                        $("#descriptionMenu").empty();
                        });


                  $(document).on("click", "#cancel-model",
                        function(e) {
                        $("#descriptionMenu").empty();
                        });


          </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' );
        $('.currency').each(function(index, ele) {
                        if (!isNaN(parseInt($(ele).html()))) {
                                $(ele).html(numberToComma($(ele).html()));
                        }
                });
      });

          $(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;
        });
                  #set($partnerInvestment = $investments.get("investment"))
        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;
        starTotal = 5;
        ratings = {
                current : $currentMonthRating,
                last: $lastMonthRating,
                tilldate: $ratingTillDate
        };
          for (const rating in ratings) {
          // 2
          const starPercentage = (ratings[rating] / starTotal) * 100;
          // 3
          const starPercentageRounded = `${starPercentage}%`;
          // 4
                  document.querySelector(`.${rating} .stars-inner`).style.width = starPercentageRounded;
        }

          hasGift=$hasGift;
        giftItemId = $giftItemId;
        monthDays=$monthDays;
        dayOfMonth = $dayOfMonth;
        $(function(){
                $('#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="/spicemoney/getToken" target="_blank" href="">
                                                                        <img title="Spice Money" src="/resources/images/icons/provider-logos/spicemoney.jpg" style="width:40px"></img>
                                                                    </a>
                                                                </div>
                                                        </div>
                                        </div>`,
                    placement: "bottom",
                    trigger: "focus"
                });
        });

          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);
                                } else{
                                $("#punch-in-out-model").html(response);
                                        $('#punchInOutModal').modal('show');
                                        var time = today + 30 * 60 * 1000
                                        document.cookie = "punchIn=" + time;
                                }
                        });
                }
        }
        var stopInterval;
        $(document).ready(function(){
                 stopInterval = setInterval(showAttendanceModal, 100000000);

                $('div.message-filter').on('click', 'button', function() {
                        messageType = $(this).data("messagetype");
                        if($(this).hasClass('btn-pressed')) {
                                messageType="";
                                $('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
                        } else {
                                $('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
                                $(this).addClass('btn-pressed').removeClass('btn-default');
                        }
                        notifyTypeChange(messageType);
                });
                notifyTypeChange("");

        });
        $(function(){
                if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(showPosition);
                } else {
                console.log("Geolocation is not supported by browser.");
            }
                loaderDialogObj = bootbox.dialog({
                    message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
                        show: false
                });

                messageType = $(this).data("messagetype");
                if($(this).hasClass('btn-pressed')) {
                        messageType="";
                        $('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
                } else {
                        $('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
                        $(this).addClass('btn-pressed').removeClass('btn-default');
                }
                notifyTypeChange(messageType);
        });


          new Chart1(document.getElementById("bar-chart"),
 $chartMap
);
</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>