<!--begin::Tables widget 16-->
<div class="card card-flush h-xl-100">
	<!--begin::Header-->
	<div class="card-header pt-5">
		<!--begin::Title-->
		<h3 class="card-title align-items-start flex-column">
			<span class="card-label fw-bold text-gray-800">Authors Achievements</span>
			<span class="text-gray-500 mt-1 fw-semibold fs-6">Avg. 69.34% Conv. Rate</span>
		</h3>
		<!--end::Title-->
		<!--begin::Toolbar-->
		<div class="card-toolbar">
			<!--begin::Menu-->
			<button class="btn btn-icon btn-color-gray-500 btn-active-color-primary justify-content-end" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-overflow="true">{!! getIcon('dots-square', 'fs-1 text-gray-300 me-n1') !!}</button>
			<!--begin::Menu 2-->
			<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px" data-kt-menu="true">
				<!--begin::Menu item-->
				<div class="menu-item px-3">
					<div class="menu-content fs-6 text-gray-900 fw-bold px-3 py-4">Quick Actions</div>
				</div>
				<!--end::Menu item-->
				<!--begin::Menu separator-->
				<div class="separator mb-3 opacity-75"></div>
				<!--end::Menu separator-->
				<!--begin::Menu item-->
				<div class="menu-item px-3">
					<a href="#" class="menu-link px-3">New Ticket</a>
				</div>
				<!--end::Menu item-->
				<!--begin::Menu item-->
				<div class="menu-item px-3">
					<a href="#" class="menu-link px-3">New Customer</a>
				</div>
				<!--end::Menu item-->
				<!--begin::Menu item-->
				<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
					<!--begin::Menu item-->
					<a href="#" class="menu-link px-3">
						<span class="menu-title">New Group</span>
						<span class="menu-arrow"></span>
					</a>
					<!--end::Menu item-->
					<!--begin::Menu sub-->
					<div class="menu-sub menu-sub-dropdown w-175px py-4">
						<!--begin::Menu item-->
						<div class="menu-item px-3">
							<a href="#" class="menu-link px-3">Admin Group</a>
						</div>
						<!--end::Menu item-->
						<!--begin::Menu item-->
						<div class="menu-item px-3">
							<a href="#" class="menu-link px-3">Staff Group</a>
						</div>
						<!--end::Menu item-->
						<!--begin::Menu item-->
						<div class="menu-item px-3">
							<a href="#" class="menu-link px-3">Member Group</a>
						</div>
						<!--end::Menu item-->
					</div>
					<!--end::Menu sub-->
				</div>
				<!--end::Menu item-->
				<!--begin::Menu item-->
				<div class="menu-item px-3">
					<a href="#" class="menu-link px-3">New Contact</a>
				</div>
				<!--end::Menu item-->
				<!--begin::Menu separator-->
				<div class="separator mt-3 opacity-75"></div>
				<!--end::Menu separator-->
				<!--begin::Menu item-->
				<div class="menu-item px-3">
					<div class="menu-content px-3 py-3">
						<a class="btn btn-primary btn-sm px-4" href="#">Generate Reports</a>
					</div>
				</div>
				<!--end::Menu item-->
			</div>
			<!--end::Menu 2-->
			<!--end::Menu-->
		</div>
		<!--end::Toolbar-->
	</div>
	<!--end::Header-->
	<!--begin::Body-->
	<div class="card-body pt-6">
		<!--begin::Nav-->
		<ul class="nav nav-pills nav-pills-custom mb-3">
			<!--begin::Item-->
			<li class="nav-item mb-3 me-3 me-lg-6">
				<!--begin::Link-->
				<a class="nav-link btn btn-outline btn-flex btn-color-muted btn-active-color-primary flex-column overflow-hidden w-80px h-85px pt-5 pb-2 active" id="kt_stats_widget_16_tab_link_1" data-bs-toggle="pill" href="#kt_stats_widget_16_tab_1">
					<!--begin::Icon-->
					<div class="nav-icon mb-3">{!! getIcon('car', 'fs-1') !!}</div>
					<!--end::Icon-->
					<!--begin::Title-->
					<span class="nav-text text-gray-800 fw-bold fs-6 lh-1">SaaS</span>
					<!--end::Title-->
					<!--begin::Bullet-->
					<span class="bullet-custom position-absolute bottom-0 w-100 h-4px bg-primary"></span>
					<!--end::Bullet-->
				</a>
				<!--end::Link-->
			</li>
			<!--end::Item-->
			<!--begin::Item-->
			<li class="nav-item mb-3 me-3 me-lg-6">
				<!--begin::Link-->
				<a class="nav-link btn btn-outline btn-flex btn-color-muted btn-active-color-primary flex-column overflow-hidden w-80px h-85px pt-5 pb-2" id="kt_stats_widget_16_tab_link_2" data-bs-toggle="pill" href="#kt_stats_widget_16_tab_2">
					<!--begin::Icon-->
					<div class="nav-icon mb-3">{!! getIcon('bitcoin', 'fs-1') !!}</div>
					<!--end::Icon-->
					<!--begin::Title-->
					<span class="nav-text text-gray-800 fw-bold fs-6 lh-1">Crypto</span>
					<!--end::Title-->
					<!--begin::Bullet-->
					<span class="bullet-custom position-absolute bottom-0 w-100 h-4px bg-primary"></span>
					<!--end::Bullet-->
				</a>
				<!--end::Link-->
			</li>
			<!--end::Item-->
			<!--begin::Item-->
			<li class="nav-item mb-3 me-3 me-lg-6">
				<!--begin::Link-->
				<a class="nav-link btn btn-outline btn-flex btn-color-muted btn-active-color-primary flex-column overflow-hidden w-80px h-85px pt-5 pb-2" id="kt_stats_widget_16_tab_link_3" data-bs-toggle="pill" href="#kt_stats_widget_16_tab_3">
					<!--begin::Icon-->
					<div class="nav-icon mb-3">{!! getIcon('like', 'fs-1') !!}</div>
					<!--end::Icon-->
					<!--begin::Title-->
					<span class="nav-text text-gray-800 fw-bold fs-6 lh-1">Social</span>
					<!--end::Title-->
					<!--begin::Bullet-->
					<span class="bullet-custom position-absolute bottom-0 w-100 h-4px bg-primary"></span>
					<!--end::Bullet-->
				</a>
				<!--end::Link-->
			</li>
			<!--end::Item-->
			<!--begin::Item-->
			<li class="nav-item mb-3 me-3 me-lg-6">
				<!--begin::Link-->
				<a class="nav-link btn btn-outline btn-flex btn-color-muted btn-active-color-primary flex-column overflow-hidden w-80px h-85px pt-5 pb-2" id="kt_stats_widget_16_tab_link_4" data-bs-toggle="pill" href="#kt_stats_widget_16_tab_4">
					<!--begin::Icon-->
					<div class="nav-icon mb-3">{!! getIcon('tablet', 'fs-1') !!}</div>
					<!--end::Icon-->
					<!--begin::Title-->
					<span class="nav-text text-gray-800 fw-bold fs-6 lh-1">Mobile</span>
					<!--end::Title-->
					<!--begin::Bullet-->
					<span class="bullet-custom position-absolute bottom-0 w-100 h-4px bg-primary"></span>
					<!--end::Bullet-->
				</a>
				<!--end::Link-->
			</li>
			<!--end::Item-->
			<!--begin::Item-->
			<li class="nav-item mb-3 me-3 me-lg-6">
				<!--begin::Link-->
				<a class="nav-link btn btn-outline btn-flex btn-color-muted btn-active-color-primary flex-column overflow-hidden w-80px h-85px pt-5 pb-2" id="kt_stats_widget_16_tab_link_5" data-bs-toggle="pill" href="#kt_stats_widget_16_tab_5">
					<!--begin::Icon-->
					<div class="nav-icon mb-3">{!! getIcon('send', 'fs-1') !!}</div>
					<!--end::Icon-->
					<!--begin::Title-->
					<span class="nav-text text-gray-800 fw-bold fs-6 lh-1">Others</span>
					<!--end::Title-->
					<!--begin::Bullet-->
					<span class="bullet-custom position-absolute bottom-0 w-100 h-4px bg-primary"></span>
					<!--end::Bullet-->
				</a>
				<!--end::Link-->
			</li>
			<!--end::Item-->
		</ul>
		<!--end::Nav-->
		<!--begin::Tab Content-->
		<div class="tab-content">
			<!--begin::Tap pane-->
			<div class="tab-pane fade show active" id="kt_stats_widget_16_tab_1">
				<!--begin::Table container-->
				<div class="table-responsive">
					<!--begin::Table-->
					<table class="table table-row-dashed align-middle gs-0 gy-3 my-0">
						<!--begin::Table head-->
						<thead>
							<tr class="fs-7 fw-bold text-gray-500 border-bottom-0">
								<th class="p-0 pb-3 min-w-150px text-start">AUTHOR</th>
								<th class="p-0 pb-3 min-w-100px text-end pe-13">CONV.</th>
								<th class="p-0 pb-3 w-125px text-end pe-7">CHART</th>
								<th class="p-0 pb-3 w-50px text-end">VIEW</th>
							</tr>
						</thead>
						<!--end::Table head-->
						<!--begin::Table body-->
						<tbody>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-3.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Guy Hawkins</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">Haiti</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">78.34%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_1_1" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-2.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Jane Cooper</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">Monaco</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">63.83%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_1_2" class="h-50px mt-n8 pe-7" data-kt-chart-color="danger"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-9.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Jacob Jones</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">Poland</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">92.56%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_1_3" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-7.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Cody Fishers</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">Mexico</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">63.08%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_1_4" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
						</tbody>
						<!--end::Table body-->
					</table>
					<!--end::Table-->
				</div>
				<!--end::Table container-->
			</div>
			<!--end::Tap pane-->
			<!--begin::Tap pane-->
			<div class="tab-pane fade" id="kt_stats_widget_16_tab_2">
				<!--begin::Table container-->
				<div class="table-responsive">
					<!--begin::Table-->
					<table class="table table-row-dashed align-middle gs-0 gy-3 my-0">
						<!--begin::Table head-->
						<thead>
							<tr class="fs-7 fw-bold text-gray-500 border-bottom-0">
								<th class="p-0 pb-3 min-w-150px text-start">AUTHOR</th>
								<th class="p-0 pb-3 min-w-100px text-end pe-13">CONV.</th>
								<th class="p-0 pb-3 w-125px text-end pe-7">CHART</th>
								<th class="p-0 pb-3 w-50px text-end">VIEW</th>
							</tr>
						</thead>
						<!--end::Table head-->
						<!--begin::Table body-->
						<tbody>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-25.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Brooklyn Simmons</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">Poland</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">85.23%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_2_1" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-24.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Esther Howard</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">Mexico</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">74.83%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_2_2" class="h-50px mt-n8 pe-7" data-kt-chart-color="danger"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-20.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Annette Black</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">Haiti</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">90.06%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_2_3" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-17.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Marvin McKinney</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">Monaco</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">54.08%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_2_4" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
						</tbody>
						<!--end::Table body-->
					</table>
					<!--end::Table-->
				</div>
				<!--end::Table container-->
			</div>
			<!--end::Tap pane-->
			<!--begin::Tap pane-->
			<div class="tab-pane fade" id="kt_stats_widget_16_tab_3">
				<!--begin::Table container-->
				<div class="table-responsive">
					<!--begin::Table-->
					<table class="table table-row-dashed align-middle gs-0 gy-3 my-0">
						<!--begin::Table head-->
						<thead>
							<tr class="fs-7 fw-bold text-gray-500 border-bottom-0">
								<th class="p-0 pb-3 min-w-150px text-start">AUTHOR</th>
								<th class="p-0 pb-3 min-w-100px text-end pe-13">CONV.</th>
								<th class="p-0 pb-3 w-125px text-end pe-7">CHART</th>
								<th class="p-0 pb-3 w-50px text-end">VIEW</th>
							</tr>
						</thead>
						<!--end::Table head-->
						<!--begin::Table body-->
						<tbody>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-11.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Jacob Jones</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">New York</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">52.34%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_3_1" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-23.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Ronald Richards</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">Madrid</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">77.65%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_3_2" class="h-50px mt-n8 pe-7" data-kt-chart-color="danger"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-4.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Leslie Alexander</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">Pune</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">82.47%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_3_3" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-1.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Courtney Henry</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">Mexico</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">67.84%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_3_4" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
						</tbody>
						<!--end::Table body-->
					</table>
					<!--end::Table-->
				</div>
				<!--end::Table container-->
			</div>
			<!--end::Tap pane-->
			<!--begin::Tap pane-->
			<div class="tab-pane fade" id="kt_stats_widget_16_tab_4">
				<!--begin::Table container-->
				<div class="table-responsive">
					<!--begin::Table-->
					<table class="table table-row-dashed align-middle gs-0 gy-3 my-0">
						<!--begin::Table head-->
						<thead>
							<tr class="fs-7 fw-bold text-gray-500 border-bottom-0">
								<th class="p-0 pb-3 min-w-150px text-start">AUTHOR</th>
								<th class="p-0 pb-3 min-w-100px text-end pe-13">CONV.</th>
								<th class="p-0 pb-3 w-125px text-end pe-7">CHART</th>
								<th class="p-0 pb-3 w-50px text-end">VIEW</th>
							</tr>
						</thead>
						<!--end::Table head-->
						<!--begin::Table body-->
						<tbody>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-12.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Arlene McCoy</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">London</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">53.44%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_4_1" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-21.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Marvin McKinneyr</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">Monaco</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">74.64%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_4_2" class="h-50px mt-n8 pe-7" data-kt-chart-color="danger"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-30.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Jacob Jones</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">PManila</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">88.56%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_4_3" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-14.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Esther Howard</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">Iceland</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">63.16%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_4_4" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
						</tbody>
						<!--end::Table body-->
					</table>
					<!--end::Table-->
				</div>
				<!--end::Table container-->
			</div>
			<!--end::Tap pane-->
			<!--begin::Tap pane-->
			<div class="tab-pane fade" id="kt_stats_widget_16_tab_5">
				<!--begin::Table container-->
				<div class="table-responsive">
					<!--begin::Table-->
					<table class="table table-row-dashed align-middle gs-0 gy-3 my-0">
						<!--begin::Table head-->
						<thead>
							<tr class="fs-7 fw-bold text-gray-500 border-bottom-0">
								<th class="p-0 pb-3 min-w-150px text-start">AUTHOR</th>
								<th class="p-0 pb-3 min-w-100px text-end pe-13">CONV.</th>
								<th class="p-0 pb-3 w-125px text-end pe-7">CHART</th>
								<th class="p-0 pb-3 w-50px text-end">VIEW</th>
							</tr>
						</thead>
						<!--end::Table head-->
						<!--begin::Table body-->
						<tbody>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-6.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Jane Cooper</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">Haiti</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">68.54%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_5_1" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-10.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Esther Howard</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">Kiribati</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">55.83%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_5_2" class="h-50px mt-n8 pe-7" data-kt-chart-color="danger"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-9.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Jacob Jones</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">Poland</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">93.46%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_5_3" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="d-flex align-items-center">
										<div class="symbol symbol-50px me-3">
											<img src="{{ image('avatars/300-3.jpg') }}" class="" alt="" />
										</div>
										<div class="d-flex justify-content-start flex-column">
											<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Ralph Edwards</a>
											<span class="text-gray-500 fw-semibold d-block fs-7">Mexico</span>
										</div>
									</div>
								</td>
								<td class="text-end pe-13">
									<span class="text-gray-600 fw-bold fs-6">64.48%</span>
								</td>
								<td class="text-end pe-0">
									<div id="kt_table_widget_16_chart_5_4" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
								</td>
								<td class="text-end">
									<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
								</td>
							</tr>
						</tbody>
						<!--end::Table body-->
					</table>
					<!--end::Table-->
				</div>
				<!--end::Table container-->
			</div>
			<!--end::Tap pane-->
			<!--end::Table container-->
		</div>
		<!--end::Tab Content-->
	</div>
	<!--end: Card Body-->
</div>
<!--end::Tables widget 16-->
