Untitled

<header>
	<div class="row">
		<div class="col-md-6" style="text-align: left;">
			<b><img class="img-responsive" style="height: 40px;position: absolute;top: -8px;" src="<?= base_url('template/images/telkomcels.png') ?>"></b>
		</div>
		<div class="col-md-6" style="text-align: right;color: #000;">
			Hi, Tekomcel (RCM Support01)
		</div>
	</div>
</header>

<style>
	.dropdown-submenu {
		position: relative;
	}

	.dropdown-submenu>.dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -6px;
		margin-left: -1px;
	}

	.dropdown-submenu:hover>.dropdown-menu {
		display: block;
	}

	.dropdown-submenu:hover>a:after {
		border-left-color: #fff;
	}

	.dropdown-submenu.pull-left {
		float: none;
	}

	.dropdown-submenu.pull-left>.dropdown-menu {
		left: -100%;
		margin-left: 10px;
	}

	ul li a {
		color: #656363 !important;
	}
</style>

<nav class="navbar navbar-default navbar-fixed" role="navigation" id="menu" style="z-index: 3;background: #171717;">
	<div class="container-fluid">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigation-example-2">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>

		</div>
		<div class="collapse navbar-collapse">
			<ul class="nav navbar-nav navbar-left">
				<li>
					<a href="<?= site_url('index.php/Dashboard/index') ?>">
						<p>DashMon</p>
					</a>
				</li>
				<li>
					<a href="#">
						<p>Service Monitoring</p>
					</a>
				</li>
				<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">
						<p>Reporting & Statistic
							<span class="caret"></span></p>
					</a>
					<ul class="dropdown-menu" role="menu" id="dropMenu1">
						<li>
							<!-- <a href="<?= site_url('index.php/Dashboard/cdr_vouchergame') ?>">Google Play</a> -->
						<li class="dropdown-submenu" onmouseover="subsubmenu();" onmouseleave="subsubmenuleave();">
							<a tabindex="-1" href="<?= site_url('index.php/Dashboard/cdr_vouchergame') ?>">Google Play <i class="fa fa-chevron-right"></i></a>
							<ul class="dropdown-menu" id="dropdownmenu2" style="display: none;">
								<li><a tabindex="-1" href="<?= site_url('index.php/Dashboard/detail_googleplay') ?>">Detail Google Play</a></li>
								<!-- <li><a href="#">Lik 2</a></li>
            			          <li><a href="#">Link 3</a></li> -->
							</ul>
						</li>
				</li>

				<li>
					<a href="<?= site_url('index.php/Dashboard/games') ?>">Voucher Management</a>
				</li>
				<li>
					<a href="<?= site_url('index.php/Dashboard/purchasePendingMobiwin') ?>">Purchase Pending Mobiwin</a>
				</li>

				<li>
					<a href="<?= site_url('index.php/Dashboard/ussd') ?>">Report Ussd</a>

				</li>
				<li>
					<a href="<?= site_url('index.php/Dashboard/refillVoucher') ?>">RefillVoucher</a>
				</li>
				<li>
					<a href="<?= site_url('index.php/Dashboard/BalanceTransfer') ?>">BalanceTransfer</a>
				</li>

				</li>
				<li>
					<a href="<?= site_url('index.php/Dashboard/report_etopup') ?>">Etopup</a>
				</li>


				<li>
					<div id="click_reportsmsc" style="margin-left:15px;">

						<a href="<?= site_url('index.php/ReportUmb/showDataUmbNodeDp') ?>">Report SMSC </a>
						<ul class="pilihan_report_smsc">
							<li>
								<a href="<?= site_url('index.php/ReportSmsc/showDataReportSmscLima') ?>">SMSC-5</a>
							</li>
							<li>
								<a href="<?= site_url('index.php/ReportSmsc/showDataReportSmscEnam') ?>">SMSC-6</a>
							</li>
							<li>
								<a href="<?= site_url('index.php/ReportSmsc/showDataReportSmscDelapan') ?>">SMSC-8</a>
							</li>
						</ul>
					</div>
				</li>

				<li>
					<div id="click_reportbalancetransfer" style="margin-left:15px;">

						<a href="#">Report Balance Transfer </a>
						<ul class="pilihan_report_balancetransfer">
							<li>
								<a href="<?= site_url('index.php/ReportBalanceTransfer/showDataReportBalanceTransferSdp') ?>">BalanceTransefer-180</a>
							</li>
							<li>
								<a href="<?= site_url('index.php/ReportBalanceTransfer/showDataReportBalanceTransferSdl') ?>">BalanceTransfer-185</a>
							</li>
						</ul>
					</div>
				</li>


				<li>
					<div id="click_reportumb" style="margin-left:15px;">

						<a href="<?= site_url('index.php/ReportUmb/showDataUmbNodeDp') ?>">Report UMB </a>
						<ul class="pilihan_reportumb">
							<li>
								<a href="<?= site_url('index.php/ReportUmb/showDataUmbNodeTps') ?>">Node 71</a>
							</li>
							<li>
								<a href="<?= site_url('index.php/ReportUmb/showDataUmbNodeTpd') ?>">Node 72</a>
							</li>
							<li>
								<a href="<?= site_url('index.php/ReportUmb/showDataUmbNodeDp') ?>">Node 80</a>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<div id="click_reporttransferquota" style="margin-left:15px;">

						<a href="<?= site_url('index.php/ReportUmb/showDataUmbNodeDp') ?>">Report TransferQuota </a>
						<ul class="pilihan_reporttransferquota">
							<li>
								<a href="<?= site_url('index.php/TransferQuota/showDataReportTransferQuotaSdp') ?>">node 180</a>
							</li>
							<li>
								<a href="<?= site_url('index.php/TransferQuota/showDataReportTransferQuotaSdl') ?>">node 185</a>
							</li>

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

				<li>
					<div id="click_reportgamesmobiwin" style="margin-left:15px;">

						<a href="#">Report GamesMobiwin </a>
						<ul class="pilihan_reportgamesmobiwin">
							<li>
								<a href="<?= site_url('index.php/ReportGamesMobiwin/showDataReportGamesMobiwinSdp') ?>">Node 180</a>
							</li>
							<li>
								<a href="<?= site_url('index.php/ReportGamesMobiwin/showDataReportGamesMobiwinSdl') ?>">Node 185</a>
							</li>
						</ul>
					</div>
				</li>

				<li>
					<div id="click_reportgamestl" style="margin-left:15px;">

						<a href="#">Report GamesTL </a>
						<ul class="pilihan_reportgamestl">
							<li>
								<a href="<?= site_url('index.php/GamesTl/showDataReportGamesTlSdp') ?>">Node 180</a>
							</li>
							<li>
								<a href="<?= site_url('index.php/GamesTl/showDataReportGamesTlSdl') ?>">Node 185</a>
							</li>

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

				<li>
					<div id="click_reportvouchergame" style="margin-left:15px;">

						<a href="#">Report VoucherGames </a>
						<ul class="pilihan_reportvouchergame">
							<li>
								<a href="<?= site_url('index.php/VoucherGames/showDataReportVoucherGamesSdp') ?>">Node 180</a>
							</li>
							<li>
								<a href="<?= site_url('index.php/VoucherGames/showDataReportVoucherGamesSdl') ?>">Node 185</a>
							</li>

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

				<li>
					<div id="click_reportextendme" style="margin-left:15px;">

						<a href="#">Report ExtendMe </a>
						<ul class="pilihan_reportextendme">
							<li>
								<a href="<?= site_url('index.php/ExtendMe/showDataReportExtendMeSdp') ?>">Node 180</a>
							</li>
							<li>
								<a href="<?= site_url('index.php/ExtendMe/showDataReportExtendMeSdl') ?>">Node 185</a>
							</li>

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

				<!-- akhir node  -->

			</ul>
			</li>

			<li>
				<a href="#">
					<p>Documentation</p>
				</a>
			</li>

			<li>
				<a href="#">
					<p>Troubleshooting</p>
				</a>
			</li>
			<li>
				<a href="#">
					<p>Administrative Tools</p>
				</a>
			</li>

			<li class="dropdown">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">
					<p>SMS Monitoring
						<span class="caret"></span></p>
				</a>
				<ul class="dropdown-menu" role="menu" id="dropMenuA2P">
					<li>
						<a href="<?= site_url('index.php/Dashboard/smsc') ?>">SMSC</a>
					</li>
					<li>
						<a href="<?= site_url('index.php/Dashboard/a2p') ?>">A2P</a>
					</li>
					<li>
						<a href="<?= site_url('index.php/Dashboard/ussd') ?>">USSD</a>
					</li>
					<li>
						<a href="<?= site_url('index.php/Dashboard/refillVoucher') ?>">RefillVoucher </a>
					</li>
					<li>
						<a href="<?= site_url('index.php/Dashboard/smscdet') ?>">SMSC Daily </a>
					</li>
				</ul>
			</li>


			</ul>
			</li>
			<li style="display:none">
				<a href="<?= site_url('index.php/Dashboard/games') ?>">
					<p>Games</p>
				</a>
			</li>


			</ul>

			<ul class="nav navbar-nav navbar-right">
				<!-- <li class="dropdown"> <a href="#" class="dropdown-toggle"
                data-toggle="dropdown"> <p> Superuser <b class="caret"></b> </p> </a> <ul
                class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another
                action</a></li> <li><a href="#">Something</a></li> <li><a href="#">Another
                action</a></li> <li><a href="#">Something</a></li> <li clas s="divider"></li>
                <li><a href="#">Separated link</a></li> </ul> </li> -->

				<li>
					<a href="<?= base_url() ?>index.php/Login/Logout">
						<p>Log out</p>
					</a>
				</li>
				<li class="separator hidden-lg"></li>
			</ul>
		</div>
	</div>
</nav>
<script>
	function subsubmenu() {
		var element = document.getElementById("dropdownmenu2");
		element.removeAttribute("style");
	}

	function subsubmenuleave() {
		var element = document.getElementById("dropdownmenu2");
		document.getElementById("dropdownmenu2").style.display = "none";
	}
</script>