<!-- Sidebar -->
<div class="sidebar sidebar-style-1">			
	<div class="sidebar-wrapper scrollbar scrollbar-inner">
		<div class="sidebar-content">
			<div class="user">
				<div class="avatar-sm float-left mr-2">
				<span class="avatar-title rounded-circle bg-dark">
					{{ Str::limit(ucfirst(Auth::user()->cust_name),1,' ')}}
				</span>
				</div>
				<div class="info">
    				<a data-toggle="collapse" href="#collapseExample" aria-expanded="true">
						<span>
						{{ ucfirst(Auth::user()->userShopCustomer['Name']) }}
						
							<span class="user-level">User[{{ ucfirst(Auth::user()->userShopUser['fname']) }}]</span>
							<span class="caret"></span>
						</span>
					</a>
					<div class="clearfix"></div>

					<div class="collapse in" id="collapseExample">
						<ul class="nav">
							<li>
								<a href="{{ route('profile.customerprofile',Auth::user()->shop_id)}}">
								<span class="link-collapse">My Profile</span>
								</a>
							</li>

							<li>
								<a href="{{ route('profile.customerprofile',Auth::user()->shop_id)}}">	
								<span class="link-collapse">Edit Profile</span>
								</a>
							</li>
							<li>
								<a href="{{ route('logout')}}">
								<span class="link-collapse">Logout</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<ul class="nav nav-warning">
			    <li class="nav-item {{ (request()->is('customer')) ? 'active' : '' }}">
					<a href="{{ url('/home')}}" class="collapsed" aria-expanded="false">
						<i class="fas fa-home"></i>
						<p>Home</p>
					</a>
				</li>
				<li class="nav-item {{ (request()->is('customer')) ? 'active' : '' }}">
					<a href="{{ route('at.user-dashboard')}}" class="collapsed" aria-expanded="false">
						<i class="fas fa-tachometer-alt"></i>
						<p>Dashboard</p>
					</a>
				</li>
				<li class="nav-item {{ (request()->is('airtimeuser*')) ? 'active' : '' }}">
					<a href="{{ route('airtimeusers.index',Auth::user()->shop_id)}}">
						<i class="fas fa-users"></i>
						<p>Users</p>
					</a>
				</li>
				<li class="nav-item {{ (request()->is('groups*')) ? 'active' : '' }}">
					<a href="{{ route('at.groups')}}" class="collapsed" aria-expanded="false">
						<i class="fas fa-user-friends"></i>
						<p>Group</p>
					</a>
				</li>
				<li class="nav-item {{ (request()->is('contacts*')) ? 'active' : '' }}">
					<a href="{{ route('at.contacts')}}" class="collapsed" aria-expanded="false">
						<i class="fas fa-users"></i>
						<p>Contacts</p>
					</a>
				</li>
				
				



				<li class="nav-item {{ (request()->is('message*')) ? 'active' : '' }}">
					<a data-toggle="collapse" href="#topup">
						<i class="fa fa-table"></i>
						<p>Topup</p>
						<span class="caret"></span>
					</a>
					<div class="collapse" id="topup">
						<ul class="nav nav-collapse">
				<li>
								<a href="{{ route('at.topup.group')}}">
									<span class="sub-item">Top-up Group Contacts</span>
								</a>
							</li>
							<li>
								<a href="{{ route('at.topup.contact')}}">
									<span class="sub-item">Select Contacts</span>
								</a>
							</li>
							<li>
								<a href="{{ route('at.topup.myline')}}">
									<span class="sub-item">Topup My Line</span>
								</a>
							</li>

							</ul>
						</div>

							{{-- <li class="nav-item {{ (request()->is('message*')) ? 'active' : '' }}">
					<a data-toggle="collapse" href="#topupbundles">
						<i class="fa fa-table"></i>
						<p>Topup Bundles</p>
						<span class="caret"></span>
					</a>
							<div class="collapse" id="topupbundles">
							<ul class="nav nav-collapse">
							<li>
								<a href="{{ route('at.topup.groupbundles')}}">
									<span class="sub-item">Top-up Group Contacts</span>
								</a>
							</li>
							<li>
								<a href="{{ route('at.topup.contactbundles')}}">
									<span class="sub-item">Select Contacts</span>
								</a>
							</li>
							<li>
								<a href="{{ route('at.topup.mylinebundles')}}">
									<span class="sub-item">Topup My Line</span>
								</a>
							</li>

		<li>
								<a href="{{ route('at.historybundles')}}">
									<span class="sub-item">Data Assignment</span>
								</a>
							</li>
			
						</ul>
						</div>	</li>


--}}




						<li class="nav-item {{ (request()->is('transactions*')) || (request()->is('topup*')) ? 'active' : '' }}">
					<a data-toggle="collapse" href="#wallet">
						<i class="fas fa-wallet"></i>
						<p>Billing</p>
						<span class="caret"></span>
					</a>
					<div class="collapse" id="wallet">
						<ul class="nav nav-collapse">
							<li>
								<a href="{{route('attopup')}}">
									<span class="sub-item">Payment Method</span>
								</a>
							</li>
							<li>
								<a href="{{ route('attransactions')}}">
									<span class="sub-item">Top Ups</span>
								</a>
							</li>							
						</ul>
					</div>
				</li>

				<li class="nav-item {{ (request()->is('history*')) ? 'active' : '' }}">
					<a data-toggle="collapse" href="#history">
						<i class="fa fa-history"></i>
						<p>History</p>
						<span class="caret"></span>
					</a>
					<div class="collapse" id="history">
						<ul class="nav nav-collapse">
							<li>
								<a href="{{ route('at.history')}}">
									<span class="sub-item">Credit Assignment</span>
								</a>
							</li>
						</ul>
					</div>
				</li>

				<li class="mx-4 mt-2 text-white">
					<a href="#" class="btn btn-warning btn-block text-white"><span class="btn-label mr-2"></span>Bal: Kes. {{$wallet[0]}}</a> 
				</li>



			</ul>
		</div>
	</div>
</div>
<!-- End Sidebar -->
