@extends('layouts.app')

@section('content')
		<div class="m-subheader ">
			<div class="d-flex align-items-center">
				<div class="mr-auto">
					<h3 class="m-subheader__title ">My Activity</h3>
				</div>
			</div>
		</div>
		<div class="m-content">
			@if(Session::has('success'))
				<div class="alert alert-success">
					<button type="button" class="close" data-dismiss="alert">×</button> <i class="fa fa-ban-circle"></i>
					{!! Session::get('success') !!}
				</div>
			@endif
			<div class="row">
				<div class="col-xl-3 col-lg-4">
					<div class="m-portlet m-portlet--full-height   m-portlet--rounded">
						<div class="m-portlet__body">
							<div class="m-card-profile">
								<div class="m-card-profile__title m--hide">
									Your Profile
								</div>
								<div class="m-card-profile__pic">
									<div class="m-card-profile__pic-wrapper">	
										<img src="{{ asset("images/user.jpg") }}" alt=""/>
									</div>
								</div>
								<div class="m-card-profile__details">
									<span class="m-card-profile__name">{{ Auth::user()->name }}</span>
									<a href="#" class="m-card-profile__email m-link">{{ Auth::user()->email }}</a>
								</div>
							</div>	
							<ul class="m-nav m-nav--hover-bg m-portlet-fit--sides">
								<li class="m-nav__separator m-nav__separator--fit"></li>
								<li class="m-nav__section m--hide">
									<span class="m-nav__section-text">Section</span>
								</li>
								<li class="m-nav__item">
									<a href="/profile" class="m-nav__link">
										<i class="m-nav__link-icon flaticon-profile-1"></i>
										<span class="m-nav__link-title">  
											<span class="m-nav__link-wrap">      
												<span class="m-nav__link-text">My Profile</span>
											</span>
										</span>
									</a>
								</li>
								<li class="m-nav__item">
									<a href="/user/activity" class="m-nav__link">
									<i class="m-nav__link-icon flaticon-share"></i>
										<span class="m-nav__link-text">Activity</span>
									</a>
								</li>
							</ul>

						</div>			
					</div>	
				</div>
				<div class="col-xl-9 col-lg-8">
		<!--Begin::Portlet-->	    
<div class="m-portlet m-portlet--full-height ">
	<div class="m-portlet__head">
		<div class="m-portlet__head-caption">
			<div class="m-portlet__head-title">
				<h3 class="m-portlet__head-text">
					Recent Notifications
				</h3>
			</div>
		</div>
		<div class="m-portlet__head-tools">
			<ul class="nav nav-pills nav-pills--brand m-nav-pills--align-right m-nav-pills--btn-pill m-nav-pills--btn-sm" role="tablist">
				<li class="nav-item m-tabs__item">
					<a class="nav-link m-tabs__link active" data-toggle="tab" href="#m_widget2_tab1_content" role="tab">
					Today
					</a>
				</li>
				<li class="nav-item m-tabs__item">
					<a class="nav-link m-tabs__link" data-toggle="tab" href="#m_widget2_tab2_content" role="tab">
					Month
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="m-portlet__body">
		<div class="tab-content">
			<div class="tab-pane active" id="m_widget2_tab1_content">
				<!--Begin::Timeline 3 -->
				<div class="m-timeline-3">
					<div class="m-timeline-3__items">
						<div class="m-timeline-3__item m-timeline-3__item--info">
							<span class="m-timeline-3__item-time">09:00</span> 
							<div class="m-timeline-3__item-desc">							 
								<span class="m-timeline-3__item-text">
								Lorem ipsum dolor sit amit,consectetur eiusmdd tempor 
								</span><br>
								<span class="m-timeline-3__item-user-name">
								<a href="#" class="m-link m-link--metal m-timeline-3__item-link">
								By Bob
								</a>
								</span>		 
							</div>
						</div>
						<div class="m-timeline-3__item m-timeline-3__item--warning">
							<span class="m-timeline-3__item-time">10:00</span> 
							<div class="m-timeline-3__item-desc">							
								<span class="m-timeline-3__item-text">
								Lorem ipsum dolor sit amit
								</span><br>
								<span class="m-timeline-3__item-user-name">
								<a href="#" class="m-link m-link--metal m-timeline-3__item-link">
								By Sean
								</a>	
								</span>		 
							</div>
						</div>
						<div class="m-timeline-3__item m-timeline-3__item--brand">
							<span class="m-timeline-3__item-time">11:00</span> 
							<div class="m-timeline-3__item-desc">							
								<span class="m-timeline-3__item-text">
								Lorem ipsum dolor sit amit eiusmdd tempor
								</span><br>
								<span class="m-timeline-3__item-user-name">
								<a href="#" class="m-link m-link--metal m-timeline-3__item-link">
								By James
								</a>	
								</span>		 
							</div>
						</div>
						<div class="m-timeline-3__item m-timeline-3__item--success">
							<span class="m-timeline-3__item-time">12:00</span> 
							<div class="m-timeline-3__item-desc">							
								<span class="m-timeline-3__item-text">
								Lorem ipsum dolor 
								</span><br>
								<span class="m-timeline-3__item-user-name">
								<a href="#" class="m-link m-link--metal m-timeline-3__item-link">
								By James
								</a>	
								</span>		 
							</div>
						</div>
						<div class="m-timeline-3__item m-timeline-3__item--danger">
							<span class="m-timeline-3__item-time">14:00</span> 
							<div class="m-timeline-3__item-desc">							
								<span class="m-timeline-3__item-text">
								Lorem ipsum dolor sit amit,consectetur eiusmdd
								</span><br>
								<span class="m-timeline-3__item-user-name">
								<a href="#" class="m-link m-link--metal m-timeline-3__item-link">
								By Derrick
								</a>										 
								</span>		 
							</div>
						</div>
						<div class="m-timeline-3__item m-timeline-3__item--info">
							<span class="m-timeline-3__item-time">15:00</span> 
							<div class="m-timeline-3__item-desc">							
								<span class="m-timeline-3__item-text">
								Lorem ipsum dolor sit amit,consectetur
								</span><br>
								<span class="m-timeline-3__item-user-name">
								<a href="#" class="m-link m-link--metal m-timeline-3__item-link">
								By Iman
								</a>
								</span>		 
							</div>
						</div>
						<div class="m-timeline-3__item m-timeline-3__item--brand">
							<span class="m-timeline-3__item-time">17:00</span>
							<div class="m-timeline-3__item-desc">
								<span class="m-timeline-3__item-text">
								Lorem ipsum dolor sit consectetur eiusmdd tempor
								</span><br>
								<span class="m-timeline-3__item-user-name">
								<a href="#" class="m-link m-link--metal m-timeline-3__item-link">
								By Aziko
								</a>	
								</span>	
							</div>
						</div>
					</div>
				</div>
				<!--End::Timeline 3 -->
			</div>
			<div class="tab-pane" id="m_widget2_tab2_content">
				<!--Begin::Timeline 3 -->
				<div class="m-timeline-3">
					<div class="m-timeline-3__items">
						<div class="m-timeline-3__item m-timeline-3__item--info">
							<span class="m-timeline-3__item-time m--font-focus">09:00</span> 
							<div class="m-timeline-3__item-desc">							 
								<span class="m-timeline-3__item-text">
								Contrary to popular belief, Lorem Ipsum is not simply random text.
								</span><br>
								<span class="m-timeline-3__item-user-name">
								<a href="#" class="m-link m-link--metal m-timeline-3__item-link">
								By Bob
								</a>
								</span>		 
							</div>
						</div>
						<div class="m-timeline-3__item m-timeline-3__item--warning">
							<span class="m-timeline-3__item-time m--font-warning">10:00</span> 
							<div class="m-timeline-3__item-desc">							
								<span class="m-timeline-3__item-text">
								There are many variations of passages of Lorem Ipsum available.
								</span><br>
								<span class="m-timeline-3__item-user-name">
								<a href="#" class="m-link m-link--metal m-timeline-3__item-link">
								By Sean
								</a>	
								</span>		 
							</div>
						</div>
						<div class="m-timeline-3__item m-timeline-3__item--brand">
							<span class="m-timeline-3__item-time m--font-primary">11:00</span> 
							<div class="m-timeline-3__item-desc">							
								<span class="m-timeline-3__item-text">
								Contrary to popular belief, Lorem Ipsum is not simply random text.
								</span><br>
								<span class="m-timeline-3__item-user-name">
								<a href="#" class="m-link m-link--metal m-timeline-3__item-link">
								By James
								</a>	
								</span>		 
							</div>
						</div>
						<div class="m-timeline-3__item m-timeline-3__item--success">
							<span class="m-timeline-3__item-time m--font-success">12:00</span> 
							<div class="m-timeline-3__item-desc">							
								<span class="m-timeline-3__item-text">
								The standard chunk of Lorem Ipsum used since the 1500s is reproduced.
								</span><br>
								<span class="m-timeline-3__item-user-name">
								<a href="#" class="m-link m-link--metal m-timeline-3__item-link">
								By James
								</a>	
								</span>		 
							</div>
						</div>
						<div class="m-timeline-3__item m-timeline-3__item--danger">
							<span class="m-timeline-3__item-time m--font-warning">14:00</span> 
							<div class="m-timeline-3__item-desc">							
								<span class="m-timeline-3__item-text">
								Latin words, combined with a handful of model sentence structures.
								</span><br>
								<span class="m-timeline-3__item-user-name">
								<a href="#" class="m-link m-link--metal m-timeline-3__item-link">
								By Derrick
								</a>										 
								</span>		 
							</div>
						</div>
						<div class="m-timeline-3__item m-timeline-3__item--info">
							<span class="m-timeline-3__item-time m--font-info">15:00</span> 
							<div class="m-timeline-3__item-desc">							
								<span class="m-timeline-3__item-text">
								Contrary to popular belief, Lorem Ipsum is not simply random text.
								</span><br>
								<span class="m-timeline-3__item-user-name">
								<a href="#" class="m-link m-link--metal m-timeline-3__item-link">
								By Iman
								</a>
								</span>		 
							</div>
						</div>
						<div class="m-timeline-3__item m-timeline-3__item--brand">
							<span class="m-timeline-3__item-time m--font-danger">17:00</span>
							<div class="m-timeline-3__item-desc">
								<span class="m-timeline-3__item-text">
								Lorem Ipsum is therefore always free from repetition, injected humour.
								</span><br>
								<span class="m-timeline-3__item-user-name">
								<a href="#" class="m-link m-link--metal m-timeline-3__item-link">
								By Aziko
								</a>	
								</span>	
							</div>
						</div>
					</div>
				</div>
				<!--End::Timeline 3 -->
			</div>
		</div>
	</div>
</div>
<!--End::Portlet-->  	</div>
			</div>
		</div>
@stop

@section('script')
	
@stop