<!-- RECENT THREADS AND TOP STATS -->
<div class="sidebarthead thead">Latest Activities</div>
<div class="activities_tabstlyt" style="background-color: #232323; text-align: center;">
? <a class="tablinkslatestactiv active" style="width: 33%; padding: 9px 0px;" onclick="openCity(event, 'Home')"><i class="fas fa fa-home"></i></a>
? <a class="tablinkslatestactiv" style="width: 33%; padding: 9px 0px;" onclick="openCity(event, 'Shop')"><i class="fa fas fa-shopping-cart"></i></a>
? <a class="tablinkslatestactiv" style="width: 33%; padding: 9px 0px;" onclick="openCity(event, 'Activity')"><i class="fas fa-rss"></i></a>
</div>
<div id="Home" class="tabcontentlatestctv" style=display:block>{$recentthreadtable}</div>
<div id="Shop" class="tabcontentlatestctv">{$topStats['LastThreads']} </div>
<div id="Activity" class="tabcontentlatestctv">{$topStats['LastActiveThreads']} </div>
<style>
.activities_tabstlyt a.active {color:#fff!important;background-color: #202020;}
</style>
<script>
function openCity(evt, cityName) {
? var i, tabcontentlatestctv, tablinkslatestactiv;
? tabcontent = document.getElementsByClassName("tabcontentlatestctv");
? for (i = 0; i < tabcontent.length; i++) {
? ? tabcontent[i].style.display = "none";
? }
? tablinks = document.getElementsByClassName("tablinkslatestactiv");
? for (i = 0; i < tablinks.length; i++) {
? ? tablinks[i].className = tablinks[i].className.replace(" active", "");
? }
? document.getElementById(cityName).style.display = "block";
? evt.currentTarget.className += " active";
}
</script>
<!-- RECENT THREADS AND TOP STATS -->