@extends('layouts.header')
@section('content')
@php
	$userdetails = Auth::user();
	$LoggedUser = $userdetails->name;
	$LoggedUserId = Auth::user()->RefId;
	$LoggedUser = ucwords($LoggedUser);
	$roleId=$roleId;
@endphp
<!--  BEGIN CONTENT AREA  -->
		<div class="page-header">
			<nav class="breadcrumb-one" aria-label="breadcrumb">
				<!-- <ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="javascript:void(0);"><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 class="breadcrumb-item"><a href="javascript:void(0);">DashBoard</a></li>
					<li class="breadcrumb-item active" aria-current="page"><span>DashBoard</span></li>
				</ol> -->
			</nav>
		</div>
		<input type="hidden" name="LoggedUserId" id="LoggedUserId" value="{{$LoggedUserId}}" />
		<input type="hidden" name="RoleId" id="RoleId" value="{{$roleId}}" />
		
			<ul class="nav nav-tabs  mb-3 mt-3" id="simpletab" role="tablist">
				<li class="nav-item">
					<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">
					<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>
					Role Dashboard</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false" onclick="GetUserDashBoard()">
					<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>
					User Dashboard</a>
				</li>
			</ul>
			<div class="tab-content" id="simpletabContent">
				<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
					<div class="loader dual-loader mx-auto" name="LoadingDivLayout" id="LoadingDivLayout" style="display:none"></div>
					<!-- <div name="DashboardLayout" id="DashboardLayout" class="responsive"> -->
						<table name="DashboardLayout" id="DashboardLayout" class="table table-bordered">
						</table>
					<!-- </div> -->
				</div>
				 <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
				<div class="row">
					<div >
						<div id="GetUserDashBoard" > </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
<script>
var RoleId='';
document.addEventListener('DOMContentLoaded',()=>{
	IsAdmin=0;
	load_me(RoleId,IsAdmin);
});

</script>