WebSVN – SmartDukaan – Diff – //trunk/profitmandi-fofo/src/main/webapp/WEB-INF/views/ftl/dashboard1.vm

 <!DOCTYPE html>
 <html lang="en">
-  <head>
+<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">
     <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
-	<link rel="shortcut icon" href="assets/images/icons/favicon.png">
+    <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/elegant-icons-style.css" rel="stylesheet"/>
-    <link href="resources/css/font-awesome.min.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">
+    <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/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?v=${cssVersion}" rel="stylesheet" />
+    <link href="resources/css/style-responsive.css?v=${cssVersion}" rel="stylesheet"/>
-	<link href="resources/css/jquery-ui-1.10.4.min.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 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="//cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"/>
+    <link rel="stylesheet" type="text/css" href="resources/js/chosen.min.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" type="text/css" href="resources/css/bootstrap-multiselect.css"/>
-	<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css' integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
+    <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.16/css/dataTables.bootstrap.min.css"/>
-	<style type="text/css">
+    <link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css'
+          integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
-	.current-margin{
+    <style type="text/css">
-	cursor: pointer;
-	}
+        .current-margin {
-	.margin-calculator{
+            cursor: pointer;
-	cursor: pointer;
+        }
-	}
-	.Vivo:hover{
+        .margin-calculator {
-	border-radius: 40px;
+            cursor: pointer;
-	 background: blue;
+        }
-	}
+        .Vivo:hover {
+            border-radius: 40px;
-	.Samsung:hover{
+            background: blue;
-	border-radius: 4px;
+        }
-	 background: blue;
-	}
-	.Vivo:hover{
+        .Samsung:hover {
-	border-radius: 4px;
+            border-radius: 4px;
-	 background: mediumblue;
+            background: blue;
-	}
+        }
-	.Oppo:hover{
-	border-radius: 4px;
+        .Vivo:hover {
-	 background: green;
+            border-radius: 4px;
-	}
+            background: mediumblue;
+        }
-	.Lava:hover{
-	border-radius: 4px;
+        .Oppo:hover {
-	 background: salmon;
+            border-radius: 4px;
-	}
+            background: green;
-	.Live:hover{
+        }
-	border-radius: 4px;
-	 background: coral;
+        .Lava:hover {
-	}
+            border-radius: 4px;
-	.Nokia:hover{
+            background: salmon;
-	border-radius: 4px;
+        }
-	background: blue;
-	}
+        .Live:hover {
-	.Realme:hover{
+            border-radius: 4px;
-	border-radius: 4px;
+            background: coral;
-	background: yellow;
+        }
-	}
-	.Tecno:hover{
+        .Nokia:hover {
-	border-radius: 4px;
+            border-radius: 4px;
-	background: DarkTurquoise;
+            background: blue;
-	}
+        }
-	.Samsung{
+        .Realme:hover {
-    -moz-border-radius: 4px;
+            border-radius: 4px;
-    border-radius: 4px;
+            background: yellow;
-    border: solid 5px black;
+        }
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+        .Tecno:hover {
-    background-image: linear-gradient(#4682B4, #dae5f4);
+            border-radius: 4px;
-    color: #FFF;
+            background: DarkTurquoise;
-    padding: 8px 12px;
+        }
-    text-decoration: none;
-    cursor:pointer;
+        .Samsung {
+            -moz-border-radius: 4px;
-	}
+            border-radius: 4px;
-	.Vivo{
+            border: solid 5px black;
-	   -moz-border-radius: 4px;
+            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
-    border-radius: 4px;
+            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-    border: solid 5px black;
+            background-image: linear-gradient(#4682B4, #dae5f4);
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
+            color: #FFF;
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+            padding: 8px 12px;
-    background-image: linear-gradient(#4682B4, #dae5f4);
+            text-decoration: none;
-    color: #FFF;
+            cursor: pointer;
-    padding: 8px 12px;
-    text-decoration: none;
-    cursor:pointer;
+        }
-	}
+        .Vivo {
-	.Oppo{
+            -moz-border-radius: 4px;
-	 -moz-border-radius: 4px;
+            border-radius: 4px;
-    border-radius: 4px;
+            border: solid 5px black;
-    border: solid 5px black;
+            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
+            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+            background-image: linear-gradient(#4682B4, #dae5f4);
-    background-image: linear-gradient(#4682B4, #dae5f4);
+            color: #FFF;
-    color: #FFF;
+            padding: 8px 12px;
-    padding: 8px 12px;
+            text-decoration: none;
-    text-decoration: none;
+            cursor: pointer;
-    cursor:pointer;
+        }
-	}
-	.Lava{
+        .Oppo {
+            -moz-border-radius: 4px;
-	 -moz-border-radius: 4px;
+            border-radius: 4px;
-    border-radius: 4px;
+            border: solid 5px black;
-    border: solid 5px black;
+            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
+            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+            background-image: linear-gradient(#4682B4, #dae5f4);
-    background-image: linear-gradient(#4682B4, #dae5f4);
+            color: #FFF;
-    color: #FFF;
+            padding: 8px 12px;
-    padding: 8px 12px;
+            text-decoration: none;
-    text-decoration: none;
+            cursor: pointer;
-    cursor:pointer;
+        }
-	}
-	.Realme{
+        .Lava {
-	-moz-border-radius: 4px;
-    border-radius: 4px;
+            -moz-border-radius: 4px;
-    border: solid 5px black;
+            border-radius: 4px;
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
+            border: solid 5px black;
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
-    background-image: linear-gradient(#4682B4, #dae5f4);
+            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-    color: #FFF;
+            background-image: linear-gradient(#4682B4, #dae5f4);
-    padding: 8px 12px;
+            color: #FFF;
-    text-decoration: none;
+            padding: 8px 12px;
-    cursor:pointer;
+            text-decoration: none;
+            cursor: pointer;
-	}
-	.Tecno{
+        }
-	-moz-border-radius: 4px;
-    border-radius: 4px;
+        .Realme {
-    border: solid 5px black;
+            -moz-border-radius: 4px;
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
+            border-radius: 4px;
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+            border: solid 5px black;
-    background-image: linear-gradient(#4682B4, #dae5f4);
+            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
-    color: #FFF;
+            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-    padding: 8px 12px;
+            background-image: linear-gradient(#4682B4, #dae5f4);
-    text-decoration: none;
+            color: #FFF;
-    cursor:pointer;
+            padding: 8px 12px;
+            text-decoration: none;
-	}
+            cursor: pointer;
-	.Nokia{
-	-moz-border-radius: 4px;
+        }
-    border-radius: 4px;
-    border: solid 5px black;
+        .Tecno {
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
+            -moz-border-radius: 4px;
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+            border-radius: 4px;
-    background-image: linear-gradient(#4682B4, #dae5f4);
+            border: solid 5px black;
-    color: #FFF;
+            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
-    padding: 8px 12px;
+            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-    text-decoration: none;
+            background-image: linear-gradient(#4682B4, #dae5f4);
-    cursor:pointer;
+            color: #FFF;
+            padding: 8px 12px;
-	}
+            text-decoration: none;
-	.Live{
+            cursor: pointer;
-	-moz-border-radius: 4px;
+        }
-    border-radius: 4px;
-    border: solid 5px black;
+        .Nokia {
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
+            -moz-border-radius: 4px;
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+            border-radius: 4px;
-    background-image: linear-gradient(#4682B4, #dae5f4);
+            border: solid 5px black;
-    color: #FFF;
+            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
-    padding: 8px 12px;
+            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-    text-decoration: none;
+            background-image: linear-gradient(#4682B4, #dae5f4);
-    cursor:pointer;
+            color: #FFF;
-	}
+            padding: 8px 12px;
-	#accesoriesStock:hover{
+            text-decoration: none;
-	cursor:pointer;
+            cursor: pointer;
-	border-radius: 4px;
-	 background: white;
+        }
-	}
+        .Live {
-	#accesoriesStock{
+            -moz-border-radius: 4px;
-	 -moz-border-radius: 4px;
+            border-radius: 4px;
-    border-radius: 4px;
+            border: solid 5px black;
-    border: solid 5px black;
+            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
+            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+            background-image: linear-gradient(#4682B4, #dae5f4);
-    background-image: linear-gradient(#4682B4, #dae5f4);
+            color: #FFF;
-    color: #FFF;
+            padding: 8px 12px;
-    padding:14px 3px 18px 3px;
+            text-decoration: none;
-    text-decoration: none;
+            cursor: pointer;
-    object-fit: cover;
+        }
-    width: 100%;
-    height: 90px;
+        #accesoriesStock:hover {
+            cursor: pointer;
-}
+            border-radius: 4px;
+            background: white;
-		.loading {
+        }
-  			display: none;
-		}
+        #accesoriesStock {
-		.breadcrumb {
-    		padding: 0 15px;
+            -moz-border-radius: 4px;
-    	}
+            border-radius: 4px;
+            border: solid 5px black;
-    	.stars-outer {
+            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
-		  display: inline-block;
+            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
-		  position: relative;
+            background-image: linear-gradient(#4682B4, #dae5f4);
-		  font-family: FontAwesome;
+            color: #FFF;
-		}
+            padding: 14px 3px 18px 3px;
+            text-decoration: none;
-		.stars-outer::before {
+            object-fit: cover;
-		  content: "\f006 \f006 \f006 \f006 \f006";
+            width: 100%;
-		}
+            height: 90px;
-		.stars-inner {
+        }
-		  position: absolute;
-		  top: 0;
+        .loading {
-		  left: 0;
+            display: none;
-		  white-space: nowrap;
+        }
-		  overflow: hidden;
-		  width: 0;
+        .breadcrumb {
-		}
+            padding: 0 15px;
+        }
-		.stars-inner::before {
-		  content: "\f005 \f005 \f005 \f005 \f005";
+        .stars-outer {
-		  color: #f8ce0b;
+            display: inline-block;
-		}
+            position: relative;
+            font-family: FontAwesome;
+        }
-	.table-striped > tbody > tr:nth-child(odd) > td{
-  		background: white;
+        .stars-outer::before {
-  		background-color: #dae5f4;
+            content: "\f006 \f006 \f006 \f006 \f006";
-	}
+        }
-	.table-striped > tbody > tr:nth-child(even) > td{
-  		background:  #f2f2f2;
+        .stars-inner {
-  		background-color: #b8d1f3;
+            position: absolute;
-	}
+            top: 0;
+            left: 0;
-	.btn:hover{
+            white-space: nowrap;
-  		color: grey;
+            overflow: hidden;
-  		text-decoration: none;
+            width: 0;
-	}
+        }
-	.btn-primary:hover{
-  		color: grey;
+        .stars-inner::before {
-  		text-decoration: none;
+            content: "\f005 \f005 \f005 \f005 \f005";
-	}
+            color: #f8ce0b;
-	.sale-details{
+        }
-		cursor:pointer;
-	}
+        .table-striped > tbody > tr:nth-child(odd) > td {
-	.fa-2x {
+            background: white;
-		font-size:1.4em;
+            background-color: #dae5f4;
-	}
+        }
-	.cover {
-	  object-fit: cover;
+        .table-striped > tbody > tr:nth-child(even) > td {
-	  width: 100%;
+            background: #f2f2f2;
-	  height: 90px;
+            background-color: #b8d1f3;
-	  padding: 8px;
+        }
-	}
-	.info-box .notifications i {
+        .btn:hover {
-    display: inline-block;
+            color: grey;
-    margin-top:0px;
+            text-decoration: none;
-    height: 25px;
+        }
-    font-size: 16px;
-    line-height: 25px;
+        .btn-primary:hover {
-    width: 25px;
+            color: grey;
-    float: none;
+            text-decoration: none;
-    text-align: center;
+        }
-    padding-right: 0px;
-    color:#768399;
+        .sale-details {
-  }
+            cursor: pointer;
+        }
-	#preview {
-	  position: relative;
+        .fa-2x {
-	  color: #fff;
+            font-size: 1.4em;
-	  float: left;
+        }
-	  width: 100%;
-	  -webkit-border-radius: 10px;
+        .cover {
-	  -moz-border-radius: 10px;
+            object-fit: cover;
-	  border-radius: 10px;
+            width: 100%;
-	  clear: both;
+            height: 90px;
-	}
+            padding: 8px;
-	#canvas-preview{
+        }
-	  width: 100%;
-	  position: relative;
+        .info-box .notifications i {
-	  top:-15px;
+            display: inline-block;
-	}
+            margin-top: 0px;
-	#preview-textfield{
+            height: 25px;
-	  position: absolute; top: -10px; left: 0; right: 0;
+            font-size: 16px;
-	  text-align: center; font-size: 2em; font-weight: bold;
+            line-height: 25px;
-	  color: white; font-family: 'Amaranth', sans-serif;
+            width: 25px;
-	}
+            float: none;
+            text-align: center;
-	#descriptionMenu {
+            padding-right: 0px;
-	 list-style: desc !important
+            color: #768399;
-	 list-style-type:square;
+        }
-	 text-align:left;
-	}
+        #preview {
+            position: relative;
-	.messagebutton{
+            color: #fff;
-	margin-left:1px;
+            float: left;
+            width: 100%;
-	}
+            -webkit-border-radius: 10px;
+            -moz-border-radius: 10px;
+            border-radius: 10px;
-	</style>
+            clear: both;
-  </head>
+        }
-  <body style="background-color:#f7f7f7">
+        #canvas-preview {
-  <!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
+            width: 100%;
-  <!-- container section start -->
+            position: relative;
-  <section id="container">
+            top: -15px;
+        }
-      <header class="header dark-bg indian-flag">
+        #preview-textfield {
-            <div class="toggle-nav">
+            position: absolute;
-                <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i class="icon_menu"></i></div>
+            top: -10px;
-            </div>
+            left: 0;
-            <a href="${rc.contextPath}/dashboard" class="logo" style="margin-top: 7px"> <img src="resources/images/SmartDukaan-135x45.jpg" alt="smartDukaan" width="140" height="45" >$fofoStore.getCode()</a>
+            right: 0;
+            text-align: center;
-            <a href="#"><img src="${partnerTypeImage}" width="60px" class="target-slide"></a>
+            font-size: 2em;
+            font-weight: bold;
-             <div class="btn-group message-filter" style="margin-left: 10%;">
+            color: white;
-							<button data-messagetype="notification" type="button"  class="btn btn-default notifi" aria-label="Notifications">
+            font-family: 'Amaranth', sans-serif;
-							<span class="notify1 Notificat">Notification</span></button>
+        }
-							<button data-messagetype="announcement" type="button"  class="btn btn-default price" aria-label="Announcements">
-							<span class="notify Price">Price-Drop</span></button>
+        #descriptionMenu {
-							<button data-messagetype="scheme" type="button"  class="btn btn-default schem" aria-label="SmartDukaan Schemes">
+            list-style: desc !important;
-								<span class="notify Scheme">Schemes</span>
+            list-style-type: square;
-							</button>
+            text-align: left;
+        }
-							<button data-messagetype="marketing" type="button" class="btn btn-default mark" aria-label="SmartDukaan Schemes">
-								 <span class="notify market">Marketing</span>
+        .messagebutton {
-							</button>
+            margin-left: 1px;
-						</div>
+        }
-            <div class="top-nav notification-row">
-                <!-- notificatoin dropdown start-->
+    </style>
-                <ul class="nav pull-right top-menu">
+</head>
-	                <li class="dropdown">
-	            		<a data-toggle="dropdown" class="dropdown-toggle" href="#">
+<body style="background-color:#f7f7f7">
-	                        <img style="height:38px" src="/resources/images/icons/care1.jpg" />
+<!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
-	                        <span class="username" style="font-size:15px">CARE</span>
+<!-- container section start -->
-	                        <b class="caret"></b>
+<section id="container">
-	                    </a>
-	                    <ul class="dropdown-menu extended logout">
-	                        <div class="log-arrow-up"></div>
+    <header class="header dark-bg indian-flag">
-	                        <li class="eborder-top">
+        <div class="toggle-nav">
-	                            <a class="create-ticket" href="javascript:void(0);"><i></i>Create Ticket</a>
+            <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i
-	                            <a class="my-ticket" href="javascript:void(0);"><i class=""></i>View Tickets</a>
+                    class="icon_menu"></i></div>
-	                        </li>
+        </div>
-	                        <li></li>
+        <a href="${rc.contextPath}/dashboard" class="logo" style="margin-top: 7px"> <img
-	                    </ul>
+                src="resources/images/SmartDukaan-135x45.jpg" alt="smartDukaan" width="140"
-	                </li>
+                height="45">$fofoStore.getCode()</a>
-                    <li class="dropdown" style="margin-top:3px;">
+        <a href="#"><img src="${partnerTypeImage}" width="60px" class="target-slide"></a>
-                        <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>
+        <div class="btn-group message-filter" style="margin-left: 10%;">
-                        </a>
+            <button data-messagetype="notification" type="button" class="btn btn-default notifi"
-                    </li>
+                    aria-label="Notifications">
+                <span class="notify1 Notificat">Notification</span></button>
-                    <li class="dropdown" style="margin-top:5px;">
+            <button data-messagetype="announcement" type="button" class="btn btn-default price"
-                        <a href="javascript:void(0);"  class="download_reports btn btn-link" style="color:#D3181F">
+                    aria-label="Announcements">
-                            <i title="reports" class="far fa-list-alt fa-2x"></i>
+                <span class="notify Price">Price-Drop</span></button>
-                        </a>
+            <button data-messagetype="scheme" type="button" class="btn btn-default schem"
-                    </li>
+                    aria-label="SmartDukaan Schemes">
+                <span class="notify Scheme">Schemes</span>
+            </button>
-                    <li id="wallet_bar" class="dropdown">
-                        <a data-toggle="dropdown" class="dropdown-toggle wallet_icon_header" href="javascript:void(0);">
+            <button data-messagetype="marketing" type="button" class="btn btn-default mark"
-                            <i title="wallet summary" class="fas fa-wallet fa-2x" aria-hidden="true"></i>
+                    aria-label="SmartDukaan Schemes">
-                        </a>
+                <span class="notify market">Marketing</span>
-                    </li>
+            </button>
+        </div>
-                    <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>
+        <div class="top-nav notification-row">
-                            <span class="badge bg-important"></span>
+            <!-- notificatoin dropdown start-->
-                        </a>
+            <ul class="nav pull-right top-menu">
-                    </li>
+                <li class="dropdown">
+                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
+                        <img style="height:38px" src="/resources/images/icons/care1.jpg"/>
-                    <!-- alert notification start-->
+                        <span class="username" style="font-size:15px">CARE</span>
-                    <!--<li id="alert_notificatoin_bar" class="dropdown">
+                        <b class="caret"></b>
-                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
+                    </a>
+                    <ul class="dropdown-menu extended logout">
-                            <i class="icon-bell-l"></i>
+                        <div class="log-arrow-up"></div>
-                            <span class="badge bg-important">0</span>
+                        <li class="eborder-top">
-                        </a>
+                            <a class="create-ticket" href="javascript:void(0);"><i></i>Create Ticket</a>
-                        <ul class="dropdown-menu extended notification">
+                            <a class="my-ticket" href="javascript:void(0);"><i class=""></i>View Tickets</a>
-                            <div class="notify-arrow notify-arrow-blue"></div>
+                        </li>
-                            <li>
+                        <li></li>
-                                <p class="blue">You have no new notifications</p>
+                    </ul>
-                            </li>
+                </li>
-                            <li>
-                                <a href="#">
+                <li class="dropdown" style="margin-top:3px;">
-                                    <span class="label label-primary"><i class="icon_profile"></i></span>
+                    <a href="javascript:void(0);" id="links_bar" style="color:#D3181F" class="btn btn-link"
-                                    Friend Request
+                       data-toggle="popover">
-                                    <span class="small italic pull-right">5 mins</span>
+                        <i title="third-party dashboards" class="glyphicon glyphicon-th fa-2x"></i>
-                                </a>
+                    </a>
-                            </li>
+                </li>
-                            <li>
-                                <a href="#">
+                <li class="dropdown" style="margin-top:5px;">
-                                    <span class="label label-warning"><i class="icon_pin"></i></span>
+                    <a href="javascript:void(0);" class="download_reports btn btn-link" style="color:#D3181F">
-                                    John location.
+                        <i title="reports" class="far fa-list-alt fa-2x"></i>
-                                    <span class="small italic pull-right">50 mins</span>
+                    </a>
-                                </a>
+                </li>
-                            </li>
-                            <li>
-                                <a href="#">
+                <li id="wallet_bar" class="dropdown">
-                                    <span class="label label-danger"><i class="icon_book_alt"></i></span>
+                    <a data-toggle="dropdown" class="dropdown-toggle wallet_icon_header" href="javascript:void(0);">
-                                    Project 3 Completed.
+                        <i title="wallet summary" class="fas fa-wallet fa-2x" aria-hidden="true"></i>
-                                    <span class="small italic pull-right">1 hr</span>
+                    </a>
-                                </a>
+                </li>
-                            </li>
-                            <li>
+                <li id="cart_bar" class="dropdown">
-                                <a href="#">
+                    <a class="cart_icon_header" href="javascript:void(0);">
-                                    <span class="label label-success"><i class="icon_like"></i></span>
+                        <i class="fas fa-shopping-cart fa-2x" aria-hidden="true"></i>
-                                    Mick appreciated your work.
+                        <span class="badge bg-important"></span>
-                                    <span class="small italic pull-right"> Today</span>
+                    </a>
-                                </a>
+                </li>
-                            </li>
-                            <li>
-                                <a href="#">See all notifications</a>
+                <!-- alert notification start-->
-                            </li>
+                <!--<li id="alert_notificatoin_bar" class="dropdown">
-                        </ul>
+                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
-                    </li>
-                    -->
+                        <i class="icon-bell-l"></i>
-                    <!-- alert notification end -->
+                        <span class="badge bg-important">0</span>
-					<li class="dropdown">
+                    </a>
-                        <ul class="dropdown-menu extended">
+                    <ul class="dropdown-menu extended notification">
-                            <div class="log-arrow-up"></div>
+                        <div class="notify-arrow notify-arrow-blue"></div>
-                            <li class="eborder-top">
+                        <li>
-                                <a href="javascript:void(0);" class="create-ticket">Create Ticket</a>
+                            <p class="blue">You have no new notifications</p>
-                            </li>
+                        </li>
-                        </ul>
+                        <li>
-                    </li>
+                            <a href="#">
-                    <!-- user login dropdown start-->
+                                <span class="label label-primary"><i class="icon_profile"></i></span>
-                    <li class="dropdown">
+                                Friend Request
-                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
+                                <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>
+                        <span class="username" id="fofo_name"></span>
-                            <b class="caret"></b>
+                        <b class="caret"></b>
-                        </a>
+                    </a>
-                        <ul class="dropdown-menu extended logout">
+                    <ul class="dropdown-menu extended logout">
-                            <div class="log-arrow-up"></div>
+                        <div class="log-arrow-up"></div>
-                            <li class="eborder-top">
+                        <li class="eborder-top">
-                                <a class="user-profile" href="javascript:void(0);"><i class="icon_profile"></i> My Profile</a>
+                            <a class="user-profile" href="javascript:void(0);"><i class="icon_profile"></i> My
+                                Profile</a>
-                                <a href="${rc.contextPath}/mobileapp" class="btn btn-default" target="_blank">SD Mobile App</a>
+                            <a href="${rc.contextPath}/mobileapp" class="btn btn-default" target="_blank">SD Mobile
+                                App</a>
+                            <a class="user-manual" target="_blank"
-                                <a class="user-manual" target="_blank"  href="http://www.smartdukaan.com/Dealer-Guideline.pdf">Franchise Manual Sd Policies</a>
+                               href="http://www.smartdukaan.com/Dealer-Guideline.pdf">Franchise Manual Sd Policies</a>
-                                 #if($isAdmin)
+                            #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>
+                                <a class="change-auth-user-password" href="javascript:void(0);"><i class=""></i>Change
+                                    Password</a>
-                            	#end
+                            #end
-                            </li>
+                        </li>
-                            <li>
+                        <li>
-                                <a href="${rc.contextPath}/logout"><i class="icon_key_alt" id = "logout"></i> Log Out</a>
+                            <a href="${rc.contextPath}/logout"><i class="icon_key_alt" id="logout"></i> Log Out</a>
-                            </li>
+                        </li>
-                        </ul>
+                    </ul>
-                    </li>
+                </li>
-                    <!-- user login dropdown end -->
+                <!-- user login dropdown end -->
-                </ul>
+            </ul>
-                <!-- notificatoin dropdown end-->
+            <!-- notificatoin dropdown end-->
-            </div>
+        </div>
-      </header>
+    </header>
-      <!--header end-->
+    <!--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>
+                <li class="sub-menu">
+                    <a href="javascript:;" class="schemes">
+                        <i class="icon_document_alt"></i>
+                        <span>Margins</span>
+                    </a>
+                </li>
+                <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>
+                <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>
+                    </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">
+                        <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">
+                        <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>
+                <li>
+                    <a href="javascript:;" class="create_indent">
+                        <i class="icon_document_alt"></i>
+                        <span>Monthly Planning</span>
+                    </a>
+                </li>
+                <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>
-      <!--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 class="sub-menu">
-		                  <a href="javascript:;" class="schemes">
-	                          <i class="icon_document_alt"></i>
-	                          <span>Margins</span>
-	                  ##        <span class="menu-arrow arrow_carrot-right"></span>
-		                  </a>
-		           #*       <ul class="sub">
-					          <li><a class="current-margin" <href="javascript:void(0);">Current Margin</a></li>
-		                  		<li><a class="margin-calculator"<href="javascript:void(0);">Margin Calculator</a></li>
-		               	  </ul>
-		               *#
-	                  </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>
-		                       <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>
-	              #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>
+                    </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>
+                </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="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>
-                                <li><a class="inventory-listing" href="javascript:void(0);">Inventory</a></li>
-                      </ul>
-                  </li>
-                  #else
-                  <li>
-	                  <a href="javascript:;" class="create_indent">
-                          <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="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">
+                <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>
+                        <i class="icon_genius"></i>
-                          <span>Catalog</span>
+                        <span>Catalog</span>
-                          <span class="menu-arrow arrow_carrot-right"></span>
+                        <span class="menu-arrow arrow_carrot-right"></span>
-                      </a>
+                    </a>
-                  <ul class="sub">
+                    <ul class="sub">
-                  <li><a class="catalog" href="javascript:void(0);">Catalog</a></li>
+                        <li><a class="catalog" href="javascript:void(0);">Catalog</a></li>
-                  <li><a class="product-compare-info" href="javascript:void(0);">Product Compare</a></li>
+                        <li><a class="product-compare-info" href="javascript:void(0);">Product Compare</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>
-                  <li class="sub-menu">
+                <li class="sub-menu">
-                  	<a href="javascript:;" class="">
+                    <a href="javascript:void(0);" class="">
-                  		<i class="icon_table"></i>
+                        <i class="icon_table"></i>
-                  		<span>Item Aging</span>
+                        <span>Item Aging</span>
-                  		<span class="menu-arrow arrow_carrot-right"><span>
+                        <span class="menu-arrow arrow_carrot-right"></span>
-                  	</a>
+                    </a>
-                  	<ul class="sub">
+                    <ul class="sub">
-                  		<li><a class="download_reports" href="javascript:void(0);">Download Reports</a></li>
+                        <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="download_aging_report" href="javascript:void(0);">Download</a></li>
-                  		<li><a class="item_aging" href="javascript:void(0);">View</a></li>
+                        <li><a class="item_aging" href="javascript:void(0);">View</a></li>
-                  	</ul>
+                    </ul>
-                  </li>
+                </li>
-                  <li class="sub-menu">
+                <li class="sub-menu">
-                  	<a href="javascript:;" class="">
+                    <a href="javascript:;" class="">
-                  		<i class="icon_table"></i>
+                        <i class="icon_table"></i>
-                  		<span>Item Ledger</span>
+                        <span>Item Ledger</span>
-                  		<span class="menu-arrow arrow_carrot-right"><span>
+                        <span class="menu-arrow arrow_carrot-right"></span>
-                  	</a>
+                    </a>
-                  	<ul class="sub">
+                    <ul class="sub">
-                  		<li><a class="item-ledger-report-download-page" href="javascript:void(0);">Download</a></li>
+                        <li><a class="item-ledger-report-download-page" href="javascript:void(0);">Download</a></li>
-                  	</ul>
+                    </ul>
-                  </li>
+                </li>
-                 	<li class="sub-menu">
+                <li class="sub-menu">
-                  		<a href="javascript:;" class="">
+                    <a href="javascript:;" class="">
-                      		<i class="icon_table"></i>
+                        <i class="icon_table"></i>
-                          	<span>Sale</span>
+                        <span>Sale</span>
-                          	<span class="menu-arrow arrow_carrot-right"></span>
+                        <span class="menu-arrow arrow_carrot-right"></span>
-                      </a>
+                    </a>
-                      <ul class="sub">
+                    <ul class="sub">
-                      	  <!--<li><a class="create-order" href="javascript:void(0);">Create Sale Order</a></li>-->
+                        <li><a class="pending_fofo_order" href="javascript:void(0);">Pending Order</a></li>
-                          #if($isAdmin)
+                        <li><a class="sale-history" href="javascript:void(0);">History</a></li>
-		                    <li><a class="search-order" href="javascript:void(0);">Search Order</a></li>
+                        <li><a class="target-slide" href="javascript:void(0);">Outlet Categories</a></li>
-		                       <li><a class="upload-target" href="javascript:void(0);">Create Partner Target</a></li>
+                        <li><a class="insurance-policy-details" href="javascript:void(0);">Insurance History</a></li>
-		                        <li><a class="pending_fofo_order" href="javascript:void(0);">Pending Order</a></li>
+                    </ul>
+                </li>
-        	             #end
+                <li class="sub-menu" style="margin-bottom:20px">
+                    <a href="javascript:;" class="">
-        	                <li><a class="pending_fofo_order" href="javascript:void(0);">Pending Order</a></li>
+                        <i class="icon_documents_alt"></i>
-                          <li><a class="sale-history" href="javascript:void(0);">History</a></li>
+                        <span>Support</span>
-                           <li><a class="target-slide" href="javascript:void(0);">Outlet Categories</a></li>
+                        <span class="menu-arrow arrow_carrot-right"></span>
-                           <li><a class="insurance-policy-details" href="javascript:void(0);">Insurance History</a></li>
+                    </a>
-                      </ul>
+                    <ul class="sub" style="margin-bottom:20px">
-                  </li>
+                        <li><a class="contact-us" href="#">Contact Us</a></li>
-                   #if($isAdmin)
+                    </ul>
+                </li>
-		             <li class="sub-menu">
+            </ul>
-			              <a href="javascript:;" class="">
+            <!-- sidebar menu end-->
-		                       <i class="icon_document_alt"></i>
+        </div>
-		                       <span>Lead</span>
+    </aside>
-		                        <span class="menu-arrow arrow_carrot-right"></span>
+    <!--sidebar end-->
-			              </a>
-			             <ul class="sub">
+    <!--main content start-->
-                          <li><a class="lead" href="#">Lead</a></li>
+    <section id="main-content">
-                          <li><a class="lead-close" href="#">Closed Lead</a></li>
+        <section class="wrapper">
-                         </ul>
+            <!--overview start-->
-		             </li>
+            <div class="row">
-                   <li class="sub-menu">
+                <div class="col-lg-12">
-                      <a href="javascript:;" class="">
+                    <h3 class="page-header"><i class="fa fa-laptop"></i> Dashboard</h3>
-                          <i class="icon_documents_alt"></i>
+                    <ol class="breadcrumb">
-                          <span>Ticket</span>
+                        <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
-                          <span class="menu-arrow arrow_carrot-right"></span>
+                        <li><i class="fa fa-laptop"></i>Dashboard</li>
+                    </ol>
-                      </a>
+                </div>
-                      <ul class="sub">
+            </div>
-                          <li><a class="create-ticket-category" href="#">Create Category</a></li>
+            <!-- overview end -->
-                           <li><a class="create-ticket-sub-category" href="#">Create Sub Category</a></li>
+            <div class="row">
-                           <li><a class="create-region" href="#">Create Region</a></li>
+                <div class="col-lg-6">
-                           <li><a class="create-partner-region" href="#">Add Partner Region</a></li>
+                    <div class="row">
-                           <li><a class="create-position" href="#">Create Position</a></li>
+                        <div class="col-lg-7">
-                            <li><a class="my-ticket" href="#">My Assigned Ticket</a></li>
+                            <div class="info-box blue-bg">
-                             <li><a class="manager-ticket" href="#">Manager Ticket</a></li>
+                                <i class="fa fa-chart-line"></i>
-                      </ul>
+                                <h3 style="margin-top:-2px;margin-bottom:12px"><strong>Sale</strong></h3>
-                  </li>
+                                <div class="row">
-                 #end
+                                    <div class="col-lg-4 row">
-                  <li class="sub-menu"  style = "margin-bottom:20px">
+                                        <div style="margin-top:0px" class="count currency">$salesMap.get(
-                      <a href="javascript:;" class="">
+                                            "lmtdSale")</div>
-                          <i class="icon_documents_alt"></i>
+                                        <div class="title">LMTD</div>
-                          <span>Support</span>
+                                    </div>
-                          <span class="menu-arrow arrow_carrot-right"></span>
+                                    <div class="col-lg-4 row">
-                      </a>
+                                        <div style="margin-top:0px" class="count currency">$salesMap.get(
-                      <ul class="sub" style = "margin-bottom:20px">
+                                            "mtdSale")</div>
-                          <li><a class="contact-us" href="#">Contact Us</a></li>
+                                        <div class="title">MTD</div>
-                      </ul>
+                                    </div>
-                  </li>
+                                    <div class="col-lg-3 row">
+                                        <div style="margin-top:0px" class="count currency">$salesMap.get(
-              </ul>
+                                            "todaySale")</div>
-              <!-- sidebar menu end-->
+                                        <div class="title">Today&apos;s</div>
-          </div>
+                                    </div>
-      </aside>
-      <!--sidebar end-->
+                                    <div class="col-lg-1 row" style="margin-left: -20px;margin-top: 20px;">
+                                        <i class="fk_more fa fa-angle-double-down" id="blue-dropdown"
-	<!--main content start-->
+                                           style="cursor:pointer;font-size: 27px;width: 27px;height: 27px;margin-top: 0px;color: rgba(255, 255, 255, 0.75);line-height: 27px;"></i>
-	<section id="main-content">
+                                    </div>
-		<section class="wrapper">
+                                </div>
-          	<!--overview start-->
-			<div class="row">
+                                <div class="row monthsaleContainer" style="margin:5px">
-				<div class="col-lg-12">
+                                </div>
-					<h3 class="page-header"><i class="fa fa-laptop"></i> Dashboard</h3>
+                            </div>
-					<ol class="breadcrumb">
+                        </div>
-						<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
+                        <div class="col-lg-5 row">
-						<li><i class="fa fa-laptop"></i>Dashboard</li>
+                            <div class="info-box brown-bg">
-					</ol>
-				</div>
+                                <div class="col-lg-12">
-			</div>
+                                    <div class="col-lg-6">
-			<!-- overview end -->
+                                        <h4 style="margin-top:-2px;margin-bottom:3px"><strong>Current Rate</strong></h4>
-			<div class="row">
+                                        <div style="margin-top:0px" class="count">
-				<div class="col-lg-6">
+                                            <span class="currency">$salesMap.get("currentRate")</span>/day
-					<div class="row">
+                                        </div>
-						<div class="col-lg-7">
+                                        <img src="${salesMap.get('currentTypeImage')}" width="60px"
-							<div class="info-box blue-bg">
+                                             class="target-slide">
-								<i class="fa fa-chart-line"></i>
+                                    </div>
-								<h3 style="margin-top:-2px;margin-bottom:12px"><strong>Sale</strong></h3>
+                                    <div class="col-lg-6 row">
-								<div class="row">
+                                        <h4 style="margin-top:-2px;margin-bottom:3px"><strong>Reqd Rate</strong></h4>
-									<div class="col-lg-4 row">
+                                        <div style="margin-top:0px" class="count currency">
-										<div style="margin-top:0px" class="count currency">$salesMap.get("lmtdSale")</div>
+                                            <span class="currency">$salesMap.get("requiredRate")</span>/day
-										<div class="title">LMTD</div>
+                                        </div>
-									</div>
+                                        <img src="${salesMap.get('requiredTypeImage')}" width="60px"
-									<div class="col-lg-4 row">
+                                             class="target-slide">
-										<div style="margin-top:0px" class="count currency">$salesMap.get("mtdSale")</div>
+                                    </div>
-										<div class="title">MTD</div>
+                                </div>
-									</div>
+                            </div>
-									<div class="col-lg-3 row">
+                        </div>
-										<div style="margin-top:0px" class="count currency">$salesMap.get("todaySale")</div>
+                        <div class="col-lg-8">
-										<div class="title">Today&apos;s</div>
+                            <div class="info-box purple-bg">
-									</div>
+                                <div class="col-lg-12 row">
+                                    <i class="fa fa-coins"></i>
-									<div class="col-lg-1 row" style="margin-left: -20px;margin-top: 20px;">
+                                    <h3 style="margin-top:-2px;margin-bottom:12px"><strong>Investments</strong></h3>
-										<i class="fk_more fa fa-angle-double-down" id="blue-dropdown" style="cursor:pointer;font-size: 27px;width: 27px;height: 27px;margin-top: 0px;color: rgba(255, 255, 255, 0.75);line-height: 27px;"></i>
+                                    <div class="row">
-									</div>
+                                        <div class="col-lg-4 row">
-						       	</div>
+                                            <div style="margin-top:0px" class="count currency">$investments.get(
+                                                "today")</div>
-								<div class="row monthsaleContainer" style="margin:5px">
+                                            <div class="title">current</div>
-								</div>
+                                        </div>
-							</div>
+                                        <div class="col-lg-3">
-						</div>
+                                            <div style="margin-top:0px" class="count">$investments.get("minimum")</div>
-						<div class="col-lg-5 row">
+                                            <div class="title">min</div>
-							<div class="info-box brown-bg">
+                                        </div>
+                                        <div class="col-lg-3 row"
-								<div class="col-lg-12">
+                                            #if(!$isInvestmentOk)
-									<div class="col-lg-6">
+                                             style="color:mediumvioletred"
-									<h4 style="margin-top:-2px;margin-bottom:3px"><strong>Current Rate</strong></h4>
+                                            #end
-										<div style="margin-top:0px" class="count">
+                                        >
-											<span class="currency">$salesMap.get("currentRate")</span>/day
+                                            #if($investments.get("short")<=0)
-										</div>
+                                                <div style="margin-top:0px" class="count">&gt;100%</div>
-										<img src="${salesMap.get('currentTypeImage')}" width="60px" class="target-slide">
+                                                <div class="title">OK</div>
-									</div>
+                                            #else
-									<div class="col-lg-6 row">
+                                                <div style="margin-top:0px" class="count currency">$investments.get(
-									<h4 style="margin-top:-2px;margin-bottom:3px"><strong>Reqd Rate</strong></h4>
+                                                    "short")%
-										<div style="margin-top:0px" class="count currency">
+                                                </div>
-											<span class="currency">$salesMap.get("requiredRate")</span>/day
+                                                <div class="title">short</div>
-										</div>
+                                            #end
-										<img src="${salesMap.get('requiredTypeImage')}" width="60px" class="target-slide">
+                                        </div>
-									</div>
+                                    </div>
-								</div>
+                                </div>
-							</div>
+                            </div>
-						</div>
+                        </div>
-						<div class="col-lg-8">
+                        <div class="col-lg-4 row">
-						<div class="info-box purple-bg">
+                            <div class="info-box green-bg">
-							<div class="col-lg-12 row">
+                                <i class="fa fa-cubes"></i>
-								<i class="fa fa-coins"></i>
+                                <div class="count currency">$investments.get("inStock")</div>
-								<h3 style="margin-top:-2px;margin-bottom:12px"><strong>Investments</strong></h3>
+                                <div class="title">Total Stock</div>
-								<div class="row">
+                            </div>
-									<div class="col-lg-4 row">
+                        </div>
-										<div  style="margin-top:0px" class="count currency">$investments.get("today")</div>
+                    </div>
-										<div class="title">current</div>
+                    <div class="row">
-									</div>
+                        <div class="Mobile">
-									<div class="col-lg-3">
+                            #foreach($brandStockPrice in $brandStockPrices)
-										<div  style="margin-top:0px" class="count">$investments.get("minimum")</div>
-										<div class="title">min</div>
+                                <div class="col-lg-3">
-									</div>
+                                    <div class="card card-default">
-									<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">
-				<div class="Mobile">
-					#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
-										<tr><th>Value</th><td><span class="currency">$brandStockPrice.getTotalValue()</span></td></tr>
+                                                class="currency">$brandStockPrice.getTotalValue()</span></td></tr>
 									</tbody>
 								</table>
-								#if($brandStockPrice.getAgedValue()>0)
+                                #if($brandStockPrice.getAgedValue()>0)
-								<p style="color:#d15a57;font-weight:700" title="Focus Stock">
+                                    <p style="color:#d15a57;font-weight:700" title="Focus Stock">
 									<span class="currency">$brandStockPrice.getAgedValue()</span> / $brandStockPrice.getAgedQty()
 								</p>
-								#else
+                                #else
-								<p>&nbsp;</p>
+                                    <p>&nbsp;</p>
-								#end
+                                #end
 							</span>
-							<span class="card-img" >
+                                        <span class="card-img">
-							<img src="${brandStockPrice.getBrandUrl()}" data-stockbrand="$brandStockPrice.getBrand()" class="cover $brandStockPrice.getBrand()" id="stockcatalog" class="$brandStockPrice.getBrand()">
+							<img src="${brandStockPrice.getBrandUrl()}" data-stockbrand="$brandStockPrice.getBrand()"
+                                 class="cover $brandStockPrice.getBrand()" id="stockcatalog"
+                                 class="$brandStockPrice.getBrand()">
 							</span></span>
-						</div>
+                                    </div>
-					</div>
+                                </div>
-					#end
+                            #end
-					</div>
+                        </div>
-					<div class="row">
+                        <div class="row">
-					<div class="col-lg-3">
+                            <div class="col-lg-3">
-						<div class="card card-default">
+                                <div class="card card-default">
 							<span class="card-body" style="padding-bottom:38px;">
 								<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">
+                                    <span class="card-img">
-								<img src="resources/images/accessories.jpg"  id="accesoriesStock" class="accesoriesClass">
+								<img src="resources/images/accessories.jpg" id="accesoriesStock"
+                                     class="accesoriesClass">
 							</span>
-						</div>
+                                </div>
-					</div>
+                            </div>
-				</div>
+                        </div>
-				</div>
+                    </div>
+                </div>
-			</div>
+                <div class="col-lg-6">
-			<div class="col-lg-6">
+                    #if($activatedImeis > 0)
-				#if($activatedImeis > 0)
+                        <div class="row col-lg-12 info-box white-bg">
-					<div class="row col-lg-12 info-box white-bg">
+                            #parse("dashboard-activated-imeis.vm")
-						#parse("dashboard-activated-imeis.vm")
+                        </div>
-					</div>
+                    #end
-				#end
+                    #foreach( $offer in $publishedOffers )
-				#if($sales)
+                        <div class="row col-lg-12 info-box white-bg" style="margin-bottom:1px">
-				#if(!$offers.isEmpty())
+                            <h3 style="margin-top:-2px;font-size:22px; margin-bottom:3px;color:#c70db8;font-weight:bold">
-				#foreach( $offer in $offers )
+                                $offer.getName() - $datehiphenFormatter.format($offer.getStartDate()) to $datehiphenFormatter.format($offer.getEndDate())
-					<div class="row col-lg-12 info-box white-bg" style="margin-bottom:1px">
+                            </h3>
-						<h3 style="margin-top:-2px;font-size:17px; margin-bottom:3px;color:#c70db8;font-weight:bold">
+                            <h4 style="margin-top:-2px;font-size:16px; margin-bottom:3px;color:#c70db8;font-weight:bold">
-							$offer.getName() - $offer.getStartDateTime() to $offer.getEndDateTime()
+                            	Based on $offer.getSchemeType() on $offer.getActivationBrands()
-						</h3>
+                            </h4>
-						    #if($offer.getShortAmount() == 0 && $offer.getAmountType() == "amount" )
+                            <h4 style="color:green;margin-top:0px;margin-bottom:0px;">
-						     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;"> Congratulations you have earn Rs. <span class="currency">$offer.getMargin()</span>. Happy Selling!</h4>
+                            	#if($offer.getNextTargetSlab())
+                                Sell stock worth Rs.<span class="currency">$offer.getNextTargetSlab().getRemainingAmount($offer.getEligibleSale())</span>
-						     #elseif($offer.getShortAmount() == 0 && $offer.getAmountType() == "percentage" )
+                                to earn $offer.getNextTargetSlab().getTargetDescription()
-						     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;"> Congratulations you have secured $offer.getMargin()%. Happy Selling!</h4>
+                                #else
+                                Congratulations for achieving the highest slab, you are eligible for $offer.getCurrentTargetSlab().getTargetDescription(), keep up!!
-						     #elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="value" && $offer.getShortAmount() == $offer.getValue())
+                                #end
-						     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
+                            </h4>
-						      Sell stock worth Rs.<span class="currency">$offer.getShortAmount()</span> to earn additional Rs. <span class="currency">$offer.getMargin()</span>
+                            <p style="float:right;font-size:15px; margin:0px 0px 0px;" class="description-offer"
-						    </h4>
+                               data-offerid="$offer.getId()" data-toggle="modal" data-target="#offerDescription"
+                               data-backdrop="static" data-keyboard="false"><a href="javascript:void(0)">All terms & conditions</a></p>
-						     #elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="quantity" && $offer.getShortAmount() == $offer.getValue())
+                        </div>
-						     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
+                    #end
-						      Sell  <span class="currency">$offer.getShortAmount()</span> units  to earn additional Rs. <span class="currency">$offer.getMargin()</span>
+                    <div class="offer-margin-container">
-						    </h4>
+                        <div class="modal  text-center" id="offerDescription">
+                            <div class="modal-dialog">
-						     #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="quantity" && $offer.getShortAmount()== $offer.getValue())
+                                <div class="modal-content">
-						       <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
+                                </div>
-							     Sell  <span class="currency">$offer.getShortAmount()</span> units to earn additional $offer.getMargin()%
+                            </div>
+                        </div>
-							  </h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
+                    </div>
-						     #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="value" && $offer.getShortAmount() == $offer.getValue())
-					         <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
+                    <div class="row col-lg-12 info-box white-bg">
-							   Sell stock worth Rs <span class="currency">$offer.getShortAmount()</span>  to earn additional $offer.getMargin()%
+                        #parse("performance.vm")
-					         </h4>
+                    </div>
+                    <div class="row col-lg-12">
-							#elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="value" && $offer.getShortAmount() != 0)
+                        <div class="chart-container" id="chart-container" style="position: relative; width:100%">
-							<h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
+                            <canvas id="barchart" width="auto" height="auto"></canvas>
-						    Sell stock worth Rs.<span class="currency">$offer.getShortAmount()</span> more to earn additional Rs. <span class="currency">$offer.getMargin()</span>
+                        </div>
-						    </h4>
+                    </div>
-						    #elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="quantity" && $offer.getShortAmount() != 0)
-							<h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
+                </div>
-						    Sell <span class="currency">$offer.getShortAmount()</span> unit more to earn additional Rs. <span class="currency">$offer.getMargin()</span>
+            </div>
-						    </h4>
+            </div>
-						    #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="quantity" && $offer.getShortAmount() != 0)
+        </section>
-							<h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
+        <div class="text-center">
-							Sell  <span class="currency">$offer.getShortAmount()</span> unit more to earn additional $offer.getMargin()%
+            <div class="credits">
+                <p>All rights reserved.&copy;2017, Smart Dukaan</p>
-							</h4>
+            </div>
-							 #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="value" && $offer.getShortAmount() != 0)
+        </div>
-							<h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
+    </section>
-							Sell stock worth Rs<span class="currency">$offer.getShortAmount()</span> more to earn additional $offer.getMargin()%
+    <script type="text/javascript">
-							</h4>
+        context = "${rc.contextPath}";
+        webApiScheme = "$webApiScheme";
-						   #end
+        webApiRoot = "$webApiRoot";
+        webApiHost = "$webApiHost";
-                           <p style="float:right;font-size:15px; margin:0px 0px 0px; " id="description-offer" data-offerid = "$offer.getId()" data-toggle="modal" data-target="#offerDescription"  data-backdrop="static" data-keyboard="false"><a href="#">All terms & conditions</a></p>
+        webApiPort = "$webApiPort";
+    </script>
-					</div>
+    #parse("include-scripts.vm")
-					#end
-				#end
+    <script type="text/javascript">
-				#end
+        $(document).ready(function () {
-				<div class="offer-margin-container">
+            var salesCloseFlag = true;
-		          	<div  class="modal  text-center" id="offerDescription">
+            $("#blue-dropdown").click(function () {
-						<div class="modal-dialog">
+                // console.log("clicked");
-						    <div class="modal-content" >
+                if (salesCloseFlag) {
-						    </div>
+                    var containerWidth = $(".blue-bg").width()
-						</div>
+                    doGetAjaxRequestHandler(context + "/getMonthSale", function (response) {
-					</div>
+                        $('.monthsaleContainer').html(response);
-				</div>
+                        $(".blue-bg").css({"position": "absolute", "z-index": "10"}).width(containerWidth);
-				<div class="row col-lg-12 info-box white-bg">
+                    });
-					#parse("performance.vm")
+                } else {
-				</div>
+                    $(".blue-bg").removeAttr('style');
-				<div class="row col-lg-12">
+                    $('.monthsaleContainer').html('');
-					<div class="chart-container" id="chart-container" style="position: relative; width:100%">
+                }
-						<canvas id="barchart" width="auto" height="auto"></canvas>
+                salesCloseFlag = !salesCloseFlag;
-					</div>
+            });
-				</div>
+        });
-				</div>
-			</div>
+        $(document).on("click", "p.description-offer",
-		</div>
+                function (e) {
-		</section>
+                    var offerid = $(this).data('offerid');
-    	<div class="text-center">
+                    console.log(offerid);
-          <div class="credits">
+                    doGetAjaxRequestHandler(context + "/getOfferMargins?offerId="
-          	<p>All rights reserved.&copy;2017, Smart Dukaan</p>
+                            + offerid, function (response) {
-          </div>
+                        $('.offer-margin-container .modal-content').html(response);
-		</div>
+                    });
-	</section>
-	<script type="text/javascript">
+                });
-		context="${rc.contextPath}";
-		webApiScheme="$webApiScheme";
-		webApiRoot="$webApiRoot";
+        $(document).on("click", ".cancel-description",
-		webApiHost="$webApiHost";
+                function (e) {
-		webApiPort="$webApiPort";
+                    $("#descriptionMenu").empty();
-	</script>
+                });
-	#parse("include-scripts.vm")
-	<script type="text/javascript">
+        $(document).on("click", "#cancel-model",
-   $(document).ready(function(){
+                function (e) {
-	var salesCloseFlag = true;
+                    $("#descriptionMenu").empty();
-	$("#blue-dropdown").click(function () {
+                });
-	        // console.log("clicked");
-	     if(salesCloseFlag) {
-	     	var containerWidth = $(".blue-bg").width()
+    </script>
-	     	doGetAjaxRequestHandler(context + "/getMonthSale", function(response) {
+    <script>
-				$('.monthsaleContainer').html(response);
+        //knob
-	       		$(".blue-bg").css({ "position": "absolute","z-index": "10"}).width(containerWidth);
+        $(function () {
-			});
+            /*$(".knob").knob({
-		} else {
+              'draw' : function () {
-            $(".blue-bg").removeAttr('style');
+                $(this.i).val(this.cv + '%')
-            $('.monthsaleContainer').html('');
+              }
-		}
+            });*/
-		salesCloseFlag = !salesCloseFlag;
+            $.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()));
-	$(document).on("click", "#description-offer",
+                }
-			function(e) {
+            });
-			var offerid = $(this).data('offerid');
+        });
-			console.log(offerid);
-			doGetAjaxRequestHandler(context + "/getOfferMargins?offerId="
+        $(function () {
-					+ offerid, function(response) {
+            var profile = localStorage.getItem('profile');
-				$('.offer-margin-container .modal-content').html(response);
+            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");
+            }
+        });
-			$(document).on("click", ".cancel-description",
-			function(e) {
+        $(function () {
-	    		$("#descriptionMenu").empty();
+            var bag = localStorage.getItem('bag');
-			});
+            console.log(bag);
+            if (bag) {
+                console.log("yes");
-				$(document).on("click", "#cancel-model",
+                //$("#cart_bar").find('span').text(10);
-			function(e) {
+                $("#cart_bar").find('span').text(Object.keys(JSON.parse(bag)).length);
-	    		$("#descriptionMenu").empty();
+            } else {
-			});
+                $("#cart_bar").find('span').text(0);
+            }
+        });
-</script>
-  <script>
+        $("#logout").click(function () {
+            localStorage.profile = undefined;
-      //knob
+        });
-      $(function() {
+            #set($partnerInvestment = $investments.get("investment"))
-        /*$(".knob").knob({
+        saleAmount = numberToComma($partnerInvestment.getSalesAmount());
-          'draw' : function () {
+        minimumInvestmentAmount = numberToComma($partnerInvestment.getMinInvestment());
-            $(this.i).val(this.cv + '%')
+        totalInvestedAmount = numberToComma($partnerInvestment.getTotalInvestment());
-          }
+        shortPercentage = numberToComma($partnerInvestment.getShortPercentage());
-        });*/
+        grnPendingStockAmount = numberToComma($partnerInvestment.getGrnPendingAmount());
-        $.fn.dataTable.moment( 'DD/MM/YYYY' );
+        unbilledStockAmount = numberToComma($partnerInvestment.getUnbilledAmount());
-        $.fn.dataTable.moment( 'DD/MM/YYYY hh:mm' );
+        inStockAmount = numberToComma($partnerInvestment.getInStockAmount());
-        $('.currency').each(function(index, ele) {
+        walletAmount = numberToComma($partnerInvestment.getWalletAmount());
-			if (!isNaN(parseInt($(ele).html()))) {
+        shortAmount = numberToComma($partnerInvestment.getShortInvestment());
-				$(ele).html(numberToComma($(ele).html()));
+        minAmountToBeAdded = numberToComma($partnerInvestment.getMinAmountToBeAdded());
-			}
+        isInvestmentOk = $isInvestmentOk;
-		});
+        starTotal = 5;
-      });
+        ratings = {
+            current: $currentMonthRating,
-      $(function() {
+            last: $lastMonthRating,
-    	 	var profile = localStorage.getItem('profile');
+            tilldate: $ratingTillDate
-    	 	if (profile){
+        };
-    			$("#photo").attr("src",JSON.parse(profile).image_url);
+        for (const rating in ratings) {
-    			$("#fofo_name").text(JSON.parse(profile).name);
+            // 2
-    	 	}
+            const starPercentage = (ratings[rating] / starTotal) * 100;
-    	 	else{
+            // 3
-    	 		$("#photo").attr("src","");
+            const starPercentageRounded = `${starPercentage}%`;
-    			$("#fofo_name").text("Welcome, User");
+            // 4
-    	 	}
+            document.querySelector(`.${rating} .stars-inner`).style.width = starPercentageRounded;
-    	});
+        }
-    	$(function() {
+        hasGift =$hasGift;
-    	 	var bag = localStorage.getItem('bag');
+        giftItemId = $giftItemId;
-    	 	console.log(bag);
+        monthDays =$monthDays;
-    	 	if (bag){
+        dayOfMonth = $dayOfMonth;
-    	 	console.log("yes");
+        $(function () {
-    	 		//$("#cart_bar").find('span').text(10);
+            $('#links_bar').popover({
-    	 		$("#cart_bar").find('span').text(Object.keys(JSON.parse(bag)).length);
+                container: ".notification-row",
-    	 	}
+                template: `<div class="popover" style="min-width: 18%;">
-    	 	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" style="min-width: 18%;">
 							<div class="arrow"></div>
 							<div class="popover-inner">
 								<h4 class="popover-title">
 								</h4>
 								<div class="popover-content"><p></p></div>
 							</div>
 						</div>`,
-		    html: true,
+                html: true,
-		    content: `<div class="container-fluid">
+                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",
+                placement: "bottom",
-		    trigger: "focus"
+                trigger: "focus"
-		});
+            });
-	});
+        });
-	function showAttendanceModal() {
+        function showAttendanceModal() {
-		var today = new Date().getTime();
+            var today = new Date().getTime();
-		if ($.cookie("punchIn") == undefined) {
+            if ($.cookie("punchIn") == undefined) {
-			document.cookie = "punchIn=" + today;
+                document.cookie = "punchIn=" + today;
-		}
+            }
-		if (today >= parseInt($.cookie("punchIn"))) {
+            if (today >= parseInt($.cookie("punchIn"))) {
-			doGetAjaxRequestHandler(context + "/getPunchInOutForModel", function(response) {
+                doGetAjaxRequestHandler(context + "/getPunchInOutForModel", function (response) {
-				if(response == 'true'){
+                    if (response == 'true') {
-					$('#punchInOutModal').modal('hide');
+                        $('#punchInOutModal').modal('hide');
-					clearInterval(stopInterval);
+                        clearInterval(stopInterval);
-				} else{
+                    } else {
-			      	$("#punch-in-out-model").html(response);
+                        $("#punch-in-out-model").html(response);
-					$('#punchInOutModal').modal('show');
+                        $('#punchInOutModal').modal('show');
-					var time = today + 30 * 60 * 1000
+                        var time = today + 30 * 60 * 1000
-					document.cookie = "punchIn=" + time;
+                        document.cookie = "punchIn=" + time;
-				}
+                    }
-			});
+                });
-		}
+            }
-	}
+        }
-	var stopInterval;
+        var stopInterval;
-	$(document).ready(function(){
+        $(document).ready(function () {
-		 stopInterval = setInterval(showAttendanceModal, 100000000);
+            stopInterval = setInterval(showAttendanceModal, 100000000);
-		 $('div.message-filter').on('click', 'button',function(){
+            $('div.message-filter').on('click', 'button', function () {
-		 messageType = $(this).data("messagetype");
+                messageType = $(this).data("messagetype");
-	   notifyTypeChange(messageType,$(this));
+                notifyTypeChange(messageType, $(this));
-       });
+            });
-	});
+        });
-	$(function(){
+        $(function () {
-		if (navigator.geolocation) {
+            if (navigator.geolocation) {
-	        navigator.geolocation.getCurrentPosition(showPosition);
+                navigator.geolocation.getCurrentPosition(showPosition);
-	    } else {
+            } else {
-	        console.log("Geolocation is not supported by browser.");
+                console.log("Geolocation is not supported by browser.");
-	    }
+            }
-		dateRangeCallback(moment(),moment());
+            dateRangeCallback(moment(), moment());
-		loaderDialogObj = bootbox.dialog({
+            loaderDialogObj = bootbox.dialog({
-		    message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
+                message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
-		    show: false
+                show: false
-		});
+            });
-	});
+        });
-</script>
+    </script>
     <div id="punchInOutModal" class="modal" role="dialog">
-	  <div class="modal-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>
+            <!-- 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>
+</section>
-  </body>
+</body>
 </html>
 <style>
-.popover2{
+    .popover2 {
-  min-width: 30em;
+        min-width: 30em;
-    height:410px;
+        height: 410px;
-    overflow: auto;
+        overflow: auto;
-    padding: 8px 5px;
+        padding: 8px 5px;
-    overflow-x: hidden;
+        overflow-x: hidden;
+    }
-}
-.popover1{
+    .popover1 {
-min-width: 30em;
+        min-width: 30em;
-}
+    }
-.mark{
+    .mark {
-font-size: 13px;
+        font-size: 13px;
-padding: 5px 6px;
+        padding: 5px 6px;
-border: solid 3px red;
+        border: solid 3px red;
-margin-bottom: -14px;
+        margin-bottom: -14px;
-color:red;
+        color: red;
+    }
-}
-.mark.btn-pressed{
+    .mark.btn-pressed {
-color:black;
+        color: black;
-background:white;
+        background: white;
-font-size: 17px;
+        font-size: 17px;
-border-radius: 3px;
+        border-radius: 3px;
-border: solid 2px black;
+        border: solid 2px black;
+    }
-}
-.price{
+    .price {
-padding: 5px 6px;
+        padding: 5px 6px;
-font-size: 13px;
+        font-size: 13px;
-border: solid 1px black;
+        border: solid 1px black;
-border: solid 3px red;
+        border: solid 3px red;
-margin-bottom: -14px;
+        margin-bottom: -14px;
-color:red;
+        color: red;
-}
+    }
-.price.btn-pressed{
+    .price.btn-pressed {
-color:black;
+        color: black;
-background:white;
+        background: white;
-font-size: 17px;
+        font-size: 17px;
-border: solid 2px black;
+        border: solid 2px black;
-}
+    }
-.schem{
+    .schem {
-color:red;
+        color: red;
-padding: 5px 6px;
+        padding: 5px 6px;
-font-size: 13px;
+        font-size: 13px;
-border: solid 3px red;
+        border: solid 3px red;
-margin-bottom: -14px;
+        margin-bottom: -14px;
+    }
-}
-.schem.btn-pressed{
+    .schem.btn-pressed {
-color:black;
+        color: black;
-background:white;
+        background: white;
-font-size: 17px;
+        font-size: 17px;
-border: solid 2px black;
+        border: solid 2px black;
+    }
-}
-.notify-messages{
+    .notify-messages {
-min-height: 65px;
+        min-height: 65px;
+    }
-}
-.notifi{
+    .notifi {
-padding: 5px 6px;
+        padding: 5px 6px;
-font-size: 13px;
+        font-size: 13px;
-margin-bottom: -14px;
+        margin-bottom: -14px;
-color:red;
+        color: red;
-border: solid 3px red;
+        border: solid 3px red;
+    }
-}
-.notifi.btn-pressed{
+    .notifi.btn-pressed {
-color:black;
+        color: black;
-font-size: 17px;
+        font-size: 17px;
-border: solid 2px black;
+        border: solid 2px black;
-background:white;
+        background: white;
+    }
-}
-canvas
+    canvas {
-{	-moz-user-select: none;
+        -moz-user-select: none;
-		-webkit-user-select: none;
+        -webkit-user-select: none;
-		-ms-user-select: none;
+        -ms-user-select: none;
-}
+    }
 </style>
 </script>
 <script type="text/javascript">
     window.onload = function () {
         var options = $chartMap;

Subversion Repositories SmartDukaan

(root)//trunk/profitmandi-fofo/src/main/webapp/WEB-INF/views/ftl/dashboard1.vm – Rev 27757 → 27875