<body class="">

<div class="loader-bg">
<div class="loader-track">
<div class="loader-fill"></div>
</div>
</div>


<nav class="pcoded-navbar menupos-fixed menu-light ">
<div class="navbar-wrapper  ">
<div class="navbar-content scroll-div ">
<ul class="nav pcoded-inner-navbar ">


<?php if(!empty($sideBarMenus)){
	foreach ($sideBarMenus as $key => $sideMenu) { 
		$actionName = ($sideMenu['view']!='na' && $sideMenu['view']!='NA')?$sideMenu['view']:'index';
		$controller_name =$this->name;
		$menuClass = '';
		$current_action_name = $this->request->params['action'];
		$check = $controller_name . '/' . $current_action_name;
		$currentMenu = $sideMenu['controller'].'/'.$actionName;
		if($check == $currentMenu){
					$menuClass = 'active';
		}
		?>
	<li class="nav-item pcoded-hasmenu <?php echo $menuClass; ?>">
	<?php echo $this->Html->link('<span class="pcoded-micon">'.$sideMenu['icon'].'</span><span class="pcoded-mtext">'.$sideMenu['name'].'</span>',['controller'=>$sideMenu['controller'],'action'=>$actionName],['escape'=>false]); ?>
	</li>
<?php 	}
} ?>

</ul>

</div>
</div>
</nav>


<header class="navbar pcoded-header navbar-expand-lg navbar-light headerpos-fixed header-dark">
	<div class="m-header">
		<a class="mobile-menu" id="mobile-collapse" href="#!"><span></span></a>
		<a href="<?= $base_url ?>" class="b-brand">

			<img src="<?php echo $base_url;?>img/logo.png" alt="" class="logo">
			<img src="<?php echo $base_url;?>img//logo-icon.png" alt="" class="logo-thumb">
		</a>
		<a href="<?= $base_url ?>" class="mob-toggler">
			<i class="feather icon-more-vertical"></i>
		</a>
	</div>
	<div class="collapse navbar-collapse">
		<ul class="navbar-nav mr-auto">
			<li class="nav-item">
				<!-- <i href="#!" class="pop-search"><i class="feather icon-search"></i></a> -->
				<div class="search-bar">
					<input type="text" class="form-control border-0 shadow-none" placeholder="Search here">
					<button type="button" class="close" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
			</li>
			<li class="nav-item">
				<a href="#!" class="full-screen" onclick="javascript:toggleFullScreen()"><i class="feather icon-maximize"></i></a>
			</li>
		</ul>
		<ul class="navbar-nav ml-auto ">
			<li>
				<div class="dropdown">
					<a class="dropdown-toggle" href="#" data-toggle="dropdown"><i class="icon feather icon-bell"></i><span class="badge bg-danger" id="notification_alert" style="display: none;"><span class="sr-only"></span></span></a>
					<div class="dropdown-menu dropdown-menu-right notification">
						<div class="noti-head">
							<h6 class="d-inline-block m-b-0">Notifications</h6>
							<!-- <div class="float-right">
								<a href="#!" class="m-r-10">mark as read</a>
								<a href="#!">clear all</a>
							</div> -->
						</div>
						<ul class="noti-body1 overflow-auto" style="max-height:350px" id="notifications">
						<?php foreach ($orderNotifiy as $key => $notifiy) { ?>
							<!-- end(array_column($orderNotifiy[0]->delivery_slices,'submitted_date'))) -->
						<li class="border-bottom">
							<a class="p-0" href="<?= $this->Url->build(['controller'=>'Orders','action' => 'view',$notifiy->id])?>" >
								<b  class="text-primary" >[#<?=$notifiy->id ?>] <?=$notifiy->project->topic ?> </b>  project recently submitted on <b>
								<?= @ date('d-M-y',strtotime(end(array_column($notifiy->delivery_slices,'submitted_date'))) )?></b>
							</a>
						</li>
						<?php } ?>
						</ul>
						<div class="noti-footer">
							<?=$this->Html->link('show all',['controller'=>'Notifys','action'=>'index']); ?>
						</div>
					</div>
				</div>
			</li>
			<!-- <li>
				<div class="dropdown">
					<a href="#!" class="displayChatbox dropdown-toggle"><i class="icon feather icon-mail"></i><span class="badge bg-success"><span class="sr-only"></span></span></a>
				</div>
			</li> -->
			<li>
				<div class="dropdown drp-user">
					<a href="#!" class="dropdown-toggle" data-toggle="dropdown">
						<img src="<?php echo $base_url;?>/img/user.png" class="img-radius wid-40" alt="User-Profile-Image">
					</a>
					<div class="dropdown-menu dropdown-menu-right profile-notification">
						<div class="pro-head">
							<img src="<?php echo $base_url;?>/img/user.png" class="img-radius" alt="User-Profile-Image">
							<span><?php echo $username; ?></span>
							<a onclick="location.href = '<?php echo $base_url;?>/users/logout';" class="dud-logout" title="Logout">
								<i class="feather icon-log-out"></i>
							</a>
						</div>
						<!-- <ul class="pro-body">
							<li><a href="user-profile.html" class="dropdown-item"><i class="feather icon-user"></i> Profile</a></li>
							<li><a href="email_inbox.html" class="dropdown-item"><i class="feather icon-mail"></i> My Messages</a></li>
							<li><a href="auth-signin.html" class="dropdown-item"><i class="feather icon-lock"></i> Lock Screen</a></li>
						</ul> -->
					</div>
				</div>
			</li>
		</ul>
	</div>
</header>

<section class="header-user-list">
	<a href="#!" class="h-close-text"><i class="feather icon-x"></i></a>
	<ul class="nav nav-tabs" id="chatTab" role="tablist">
		<li class="nav-item">
			<a class="nav-link active text-uppercase border-0" id="chat-tab" data-toggle="tab" href="#chat" role="tab" aria-controls="chat" aria-selected="true"><i class="feather icon-message-circle mr-2"></i>Chat</a>
		</li>
		<li class="nav-item">
			<a class="nav-link text-uppercase border-0" id="user-tab" data-toggle="tab" href="#user" role="tab" aria-controls="user" aria-selected="false"><i class="feather icon-users mr-2"></i>User</a>
		</li>
		<li class="nav-item">
			<a class="nav-link text-uppercase border-0" id="setting-tab" data-toggle="tab" href="#setting" role="tab" aria-controls="setting" aria-selected="false"><i class="feather icon-settings mr-2"></i>Setting</a>
		</li>
	</ul>
	<div class="tab-content" id="chatTabContent">
		<div class="tab-pane fade show active" id="chat" role="tabpanel" aria-labelledby="chat-tab">
			<div class="h-list-header">
				<div class="input-group">
					<input type="text" id="search-friends" class="form-control" placeholder="Search Friend . . .">
				</div>
			</div>
			<div class="h-list-body">
				<div class="main-friend-cont scroll-div">
					<div class="main-friend-list">
						<div class="media userlist-box" data-id="1" data-status="online" data-username="Josephin Doe">
							<a class="media-left" href="#!"><img class="media-object img-radius" src="<?=$base_url;?>/img/user.png" alt="Generic placeholder image ">
								<div class="live-status">3</div>
							</a>
							<div class="media-body">
								<h6 class="chat-header">Josephin Doe<small class="d-block text-c-green">Typing . . </small></h6>
							</div>
						</div>
					
					
					</div>
				</div>
			</div>
		</div>
		<div class="tab-pane fade" id="user" role="tabpanel" aria-labelledby="user-tab">
			<div class="h-list-body">
				<div class="main-friend-cont scroll-div">
					<div class="main-friend-list">
						<div class="media px-3 d-flex align-items-center mt-3">
							<a class="media-left m-r-15" href="#!">
								<div class="hei-50 wid-50 bg-primary img-radius d-flex text-white f-22 align-items-center justify-content-center"><i class="icon feather icon-users"></i></div>
							</a>
							<div class="media-body">
								<p class="chat-header f-w-600 mb-0">New Group</p>
							</div>
						</div>
						<div class="media p-3 d-flex align-items-center">
							<a class="media-left m-r-15" href="#!">
								<div class="hei-50 wid-50 bg-primary img-radius d-flex text-white f-22 align-items-center justify-content-center"><i class="icon feather icon-user-plus"></i></div>
							</a>
							<div class="media-body">
								<p class="chat-header f-w-600 mb-0">New Contact</p>
							</div>
						</div>
						<div class="media userlist-box" data-id="1" data-status="online" data-username="Josephin Doe">
							<a class="media-left" href="#!"><img class="media-object img-radius" src="<?php echo $base_url;?>img/avatar-1.png" alt="Generic placeholder image "></a>
							<div class="media-body">
								<p class="chat-header">Josephin Doe<small class="d-block">i am not what happened . .</small></p>
							</div>
						</div>
						<div class="media userlist-box" data-id="2" data-status="online" data-username="Lary Doe">
							<a class="media-left" href="#!"><img class="media-object img-radius" src="<?php echo $base_url;?>img/avatar-2.png" alt="Generic placeholder image"></a>
							<div class="media-body">
								<h6 class="chat-header">Lary Doe<small class="d-block">Avalable</small></h6>
							</div>
						</div>
						<div class="media userlist-box" data-id="3" data-status="online" data-username="Alice">
							<a class="media-left" href="#!"><img class="media-object img-radius" src="<?php echo $base_url;?>img/avatar-3.png" alt="Generic placeholder image"></a>
							<div class="media-body">
								<h6 class="chat-header">Alice<small class="d-block">hear using Elite able</small></h6>
							</div>
						</div>
						<div class="media userlist-box" data-id="4" data-status="offline" data-username="Alia">
							<a class="media-left" href="#!">
								<div class="hei-50 wid-50 img-radius bg-success d-flex text-white f-22 align-items-center justify-content-center">A</div>
							</a>
							<div class="media-body">
								<h6 class="chat-header">Alia<small class="d-block text-muted">Avalable</small></h6>
							</div>
						</div>
						<div class="media userlist-box" data-id="5" data-status="offline" data-username="Suzen">
							<a class="media-left" href="#!"><img class="media-object img-radius" src="<?php echo $base_url;?>img/avatar-4.png" alt="Generic placeholder image"></a>
							<div class="media-body">
								<h6 class="chat-header">Suzen<small class="d-block text-muted">Avalable</small></h6>
							</div>
						</div>
						<div class="media userlist-box" data-id="1" data-status="online" data-username="Josephin Doe">
							<a class="media-left" href="#!">
								<div class="hei-50 wid-50 bg-danger img-radius d-flex text-white f-22 align-items-center justify-content-center">JD</div>
							</a>
							<div class="media-body">
								<h6 class="chat-header">Josephin Doe<small class="d-block text-muted">Don't send me image</small></h6>
							</div>
						</div>
						<div class="media userlist-box" data-id="2" data-status="online" data-username="Lary Doe">
							<a class="media-left" href="#!"><img class="media-object img-radius" src="<?php echo $base_url;?>img/avatar-2.png" alt="Generic placeholder image"></a>
							<div class="media-body">
								<h6 class="chat-header">Lary Doe<small class="d-block text-muted">not send free msg</small></h6>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="tab-pane fade" id="setting" role="tabpanel" aria-labelledby="setting-tab">
			<div class="p-4 main-friend-cont scroll-div">
				<h6 class="mt-2"><i class="feather icon-monitor mr-2"></i>Desktop settings</h6>
				<hr>
				<div class="form-group mb-0">
					<div class="switch switch-primary d-inline m-r-10">
						<input type="checkbox" id="cn-p-1" checked>
						<label for="cn-p-1" class="cr"></label>
					</div>
					<label class="f-w-600">Allow desktop notification</label>
				</div>
				<p class="text-muted ml-5">you get lettest content at a time when data will updated</p>
				<div class="form-group mb-0">
					<div class="switch switch-primary d-inline m-r-10">
						<input type="checkbox" id="cn-p-5">
						<label for="cn-p-5" class="cr"></label>
					</div>
					<label class="f-w-600">Store Cookie</label>
				</div>
				<h6 class="mb-0 mt-5"><i class="feather icon-layout mr-2"></i>Application settings</h6>
				<hr>
				<div class="form-group mb-0">
					<div class="switch switch-primary d-inline m-r-10">
						<input type="checkbox" id="cn-p-3" checked>
						<label for="cn-p-3" class="cr"></label>
					</div>
					<label class="f-w-600">Backup Storage</label>
				</div>
				<p class="text-muted mb-0 ml-5">Automaticaly take backup as par schedule</p>
				<div class="form-group mb-4">
					<div class="switch switch-primary d-inline m-r-10">
						<input type="checkbox" id="cn-p-4" checked>
						<label for="cn-p-4" class="cr"></label>
					</div>
					<label class="f-w-600">Allow guest to print file</label>
				</div>
				<h6 class="mb-0 mt-5"><i class="feather icon-globe mr-2"></i>System settings</h6>
				<hr>
				<div class="form-group mb-0">
					<div class="switch switch-primary d-inline m-r-10">
						<input type="checkbox" id="cn-p-2">
						<label for="cn-p-2" class="cr"></label>
					</div>
					<label class="f-w-600">View other user chat</label>
				</div>
				<p class="text-muted ml-5">Allow to show public user message</p>
			</div>
		</div>
	</div>
</section>


<section class="header-chat">
	<div class="h-list-header">
		<h6>Josephin Doe</h6>
		<a href="#!" class="h-back-user-list"><i class="feather icon-chevron-left"></i></a>
	</div>
	<div class="h-list-body">
		<div class="main-chat-cont scroll-div">
			<div class="main-friend-chat">
				<div class="media chat-messages">
					<a class="media-left photo-table" href="#!"><img class="media-object img-radius img-radius m-t-5" src="<?=$base_url;?>/img/user.png" alt="Generic placeholder image"></a>
					<div class="media-body chat-menu-content">
						<div class="">
							<p class="chat-cont">hello tell me something</p>
							<p class="chat-cont">about yourself?</p>
						</div>
						<p class="chat-time">8:20 a.m.</p>
					</div>
				</div>
				<div class="media chat-messages">
					<div class="media-body chat-menu-reply">
						<div class="">
							<p class="chat-cont">Ohh! very nice</p>
						</div>
						<p class="chat-time">8:22 a.m.</p>
					</div>
					<a class="media-right photo-table" href="#!"><img class="media-object img-radius img-radius m-t-5" src="<?=$base_url;?>/img/user.png" alt="Generic placeholder image"></a>
				</div>
				<div class="media chat-messages">
					<a class="media-left photo-table" href="#!"><img class="media-object img-radius img-radius m-t-5" src="<?=$base_url;?>/img/user.png" alt="Generic placeholder image"></a>
					<div class="media-body chat-menu-content">
						<div class="">
							<p class="chat-cont">can you help me?</p>
						</div>
						<p class="chat-time">8:20 a.m.</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="h-list-footer">
		<div class="input-group">
			<input type="file" class="chat-attach" style="display:none">
			<a href="#!" class="input-group-prepend btn btn-success btn-attach">
				<i class="feather icon-paperclip"></i>
			</a>
			<input type="text" name="h-chat-text" class="form-control h-auto h-send-chat" placeholder="Write hear . . ">
			<button type="submit" class="input-group-append btn-send btn btn-primary">
				<i class="feather icon-message-circle"></i>
			</button>
		</div>
	</div>
</section>
