@extends('layouts.header')
@section('content')
@php
@endphp
<br>
	<div class="page-header">
		<div class="breadcrumb-four">	
			<ul class="breadcrumb">
				<li><a href="{{url('dashboard')}}" title="Go to Home Page!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
				<li><a href="{{url('ActivityDashboard')}}" title="Go to Home Page!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>My Follow ups</a></li>
			</ul>
		</div>
	</div>
<br>
	<!--  BEGIN CONTENT AREA  -->
	
	<div class="row">
		<div class="col-lg-12 col-md-12 layout-spacing">
			<div class="statbox widget box box-shadow">
				<ul class="nav nav-tabs  mb-3 mt-3" id="simpletab" role="tablist">
					<li class="nav-item">
						<a class="nav-link active" id="MyActivity-tab" data-toggle="tab" href="#MyActivity" role="tab" aria-controls="home" aria-selected="true" onclick="DisplayDashboard('MyActivity')">
						<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
						My Activity</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" id="Upcoming-tab" data-toggle="tab" href="#Upcoming" role="tab" aria-controls="contact" aria-selected="false" onclick="DisplayDashboard('UpcomingActivity')">
						<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
						Upcoming Activity </a>
					</li>
				</ul>
				<div class="tab-content" id="simpletabContent">
					<div class="tab-pane fade show active" id="MyActivity" role="tabpanel" aria-labelledby="MyActivity-tab">
						<div id="MyActivityDashboard" > </div>
					</div>
					 <div class="tab-pane fade" id="Upcoming" role="tabpanel" aria-labelledby="Upcoming-tab">
					<div class="row">
						<div id="UpcomingAcitvityDashboard"> </div>
					</div>
					</div>
				</div>
				
			</div>
		</div>
	</div>

		<!-- Modal from here -->
		<div id="RowModal" class="modal animated fadeInDown" role="dialog" >
			<div class="modal-dialog" style="max-width:90% !important">
				<!-- Modal content-->
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title"><div id="ModalHeading" name="ModalHeading"></div></h5>
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
						</button>
					</div>
					<div class="modal-body">
						<p class="modal-text">
							<div class="loader dual-loader mx-auto" name="LoadingDiv" id="LoadingDiv" style="display:none"></div>
							<div id="ListTemplates" name="ListTemplates"></div>
						</p>
					</div>
					<div class="modal-footer">
						<button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i>Close</button>
					</div>
				</div>
			</div>
		</div>
		<!-- Modal Till here -->
        <!--  END CONTENT AREA  -->
@endsection