<script type="text/javascript">

	function full_navbar() {
		if ($(window).width() < 1285 && $(window).width() > 960) {
			$("#top_navbar").css("width", "1285px");
			$("body").css("width", "1285px");
			//$("body").css("overflow", "scroll");
		}
		else {
			$("#top_navbar").css("width", "100%");
			$("body").css("width", "100%");
		}
	}
	full_navbar();


	$(window).resize(function () {
		full_navbar();
	});
</script>

<div class="navbar navbar-inverse navbar-fixed-top" id="top_navbar">
	<div class="navbar-inner">
		<div class="container-fluid">
			<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
				<span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
			</button>
			<!--
			<a class="brand" href="<?= Util::link(__DIR__ . '/../main.php') ?>">One Solution Support</a>
			-->
			<a class="brand" href="<?= Util::link(__DIR__ . '/../main.php') ?>">Support Demo</a>			

			<div class="nav-collapse collapse">
				<ul class="nav">
					<li><a href="<?= Util::link(__DIR__ . '/../job/index.php') ?>?today=1">Today Jobs</a></li>

					<?php $startdate = date("Y-m-d");
						$enddate   = Date('Y-m-d', strtotime($startdate . "+1 month")); ?>

					<?php if (Util::isAdmin()): ?>
						<!--<li><a href="<?= Util::link(__DIR__ . '/../job/index.php') ?>?show_all=1">Jobs</a></li>-->
						<li>
							<a href="<?= Util::link(__DIR__ . '/../job/index.php') ?>?start_date=<?= $startdate ?>&end_date=<?= $enddate ?>">Jobs</a>
						</li>

					<?php endif; ?>

					<li>
						<a href="<?= Util::link(__DIR__ . '/../call_in_job/index.php') ?>?start_date=<?= $startdate ?>&end_date=<?= $enddate ?>">Call In Jobs</a>
					</li>

					<?php if (Util::isAdmin() || $_SESSION['webadmin']['role'] == 2): ?>
						<li><a href="<?= Util::link(__DIR__ . '/../task/follow_up_list.php') ?>">Follow up Tasks</a>
						</li>
					<?php endif; ?>
					<?php if (!Util::isGuest()): ?>

						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
								<?php if (Util::isAdmin()) { ?>
									<li><a href="<?= Util::link(__DIR__ . '/../project/master_index.php') ?>">Master
											Project</a></li>
								<?php } ?>
								<li>
									<a href="<?= Util::link(__DIR__ . '/../project/index.php') ?>?show_all=1">Project</a>
								</li>
							</ul>
						</li>


					<?php endif; ?>
					<?php if (Util::isAdmin()): ?>
						<li><a href="<?= Util::link(__DIR__ . '/../contract/index.php') ?>">Contract</a></li>
					<?php endif; ?>

					<?php if (!Util::isGuest()): ?>
						
						
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Customers <b class="caret"></b></a>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">

								<li><a href="<?= Util::link(__DIR__ . '/../customer/index.php') ?>">Customers</a></li>
								<!--
								<li>
									<li><a style="color:red;font-weight:900;" href="<?= Util::link(__DIR__ . '/../profile/index.php') ?>">Profile</a></li>
								</li>
								-->
								<li>
									<li><a href="<?= Util::link(__DIR__ . '/../customerProfile/index.php') ?>">Customer Profile</a></li>
								</li>
								
							</ul>
						</li>						
						
						
					<?php endif; ?>
					
					
					
					<?php if (Util::isAdmin()): ?>
						<!--<li><a href="<?/*= Util::link(__DIR__ . '/../user/index.php') */?>">Staffs</a></li>-->
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Reports <b class="caret"></b></a>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
								<li><a href="<?= Util::link(__DIR__ . '/../report/ClientServiceReport.php') ?>">Client
										Service Report</a></li>
								<li>
									<a href="<?= Util::link(__DIR__ . '/../report/MonthlyUsageReport_Contract_Job_Type.php') ?>">Monthly Usage Report</a></li>

								<li><a href="<?=Util::link(__DIR__ . '/../report/MonthlyUsageReport_Job_Type.php')?>">Monthly Usage Report (Job Type)</a></li>

								<li><a href="<?=Util::link(__DIR__ . '/../report/PackageReport_Contract_Job_Type.php')?>">Contract Package Report</a></li>

								<!--<li><a href="<? //=Util::link(__DIR__ . '/../report/MonthlyUsageReport_Contract_Job_Type.php')?>">Monthly Usage Report (Contract + Job Type)</a></li>-->
								<li><a href="<?= Util::link(__DIR__ . '/../report/late_report_jobs.php') ?>">Late report
										jobs</a></li>
								<li><a href="<?= Util::link(__DIR__ . '/../report/non_close_jobs.php') ?>">Non close
										jobs</a></li>
								<li><a href="<?= Util::link(__DIR__ . '/../report/staff_man_hour.php') ?>">Staff man
										hours</a></li>
							</ul>
						</li>

						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Others <b class="caret"></b></a>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
								<li><a href="<?= Util::link(__DIR__ . '/../user/index.php') ?>">Staffs</a></li>
								<li><a href="<?= Util::link(__DIR__ . '/../contract/contract_alert.php') ?>">Contract Alert</a></li>
								<li><a href="<?= Util::link(__DIR__ . '/../task/category_index.php') ?>">Task
										Category</a></li>
								<li><a href="<?= Util::link(__DIR__ . '/../others/holiday_index.php') ?>">Public
										Holiday</a></li>
								<li><a href="<?= Util::link(__DIR__ . '/../cron_job/auto_email.php') ?>">Resend Corn Job
										Email</a></li>
							</ul>
						</li>


					<?php endif; ?>
				</ul>
				<ul class="nav pull-right">
					<li class="divider-vertical"></li>
					<li><a href="<?= Util::link(__DIR__ . '/../logout.php') ?>">Logout</a></li>
				</ul>
				<p class="navbar-text pull-right">
					Logged in as
					<a id="change_password_link" href="<?= Util::link(__DIR__ . '/../user/password.php') ?>" class="navbar-link"
					   title="Change password" data-toggle="tooltip" data-placement="bottom">
						<?= $_SESSION['webadmin']['username'] ?>
					</a>
					<script type="text/javascript">
						$(function () {
							$('#change_password_link').tooltip();
						});
					</script>
				</p>
			</div>
			<!--/.nav-collapse -->
		</div>
	</div>
</div>