<h3 class="text-info">
 Top Votes Bots <img title="top votes" src="https://media.discordapp.net/attachments/549991142989758475/639469797486231552/9188c78b21d.png" class="profilebadges">
  </h3>
  <h5 class="text-info">
The top four most voted bots this month.
  </h5>
  <br>

      <div class="bots">
 <% if (bot.db.has('bots')) { %>
  <% const sorted = Object.keys(bot.db.fetch('bots')).sort((a, b) => { return (bot.db.fetch(`bots.${b}.vote`) || 0) - (bot.db.fetch(`bots.${a}.vote`) || 0) }) %>
 <% const top = sorted.splice(0, Object.keys(bot.db.fetch('bots')).length) %>
  <% const map = top.map(x=>x) %>
	<% for(var i = 0; i < Object.keys(bot.db.fetch('bots')).length; i++) { %>
  <% let idd = map[i] %>
 <% if(bot.db.has(`bots.${idd}.status`) === true) { %>
<% let bb = bot.db.fetch(`bots.${idd}`) %>
	<% if (bb.status === "Approved") { %>
         <% if(bot.db.has(`bots.${idd}.verfiyed`) === true) { %>
           <div  class="card col-sm-3">
                            <% } else {%>
                    <div class="card cardb col-sm-3">
                        <% } %>
  <center>
      <%if (bot.users.get(idd)){%>
    <img class="card-img-top" style="padding-top: 3%;border-radius: 50%;; width: 75%" src="<%=bot.users.get(idd).displayAvatarURL%>" alt="Bot Avatar">
     <% } else { %>
 <img class="card-img-top" style="padding-top: 3%; border-radius: 50%; width: 75%" src="<%=bb.avatar%>" alt="Bot Avatar">
       <% } %>
            <div class="card-body">
       <%if (bot.users.get(idd)){%>
    <h4 class="card-title text-info"><%=bot.users.get(idd).username%></h4>
   <% } else { %>
         <h4 class="card-title text-info"><%=bb.username%></h4>
        <% } %>
   <%if (bot.users.get(idd)){%>
						<% if (bot.users.get(idd).presence.status === 'online') {%>
<span class="badge badge-pill badge-success">Online</span>
						<%} else if(bot.users.get(idd).presence.status === 'offline'){%>
	<span class="badge badge-pill badge-secondary">Offline</span>
						<%}else if (bot.users.get(idd).presence.status === 'dnd'){%>
<span class="badge badge-pill badge-danger">DND</span>
						<%}else if(bot.users.get(idd).presence.status === 'idle'){%>
<span class="badge badge-pill badge-warning">IDLE</span>
						<%} %>
        <% } else { %>
	<span class="badge badge-pill badge-secondary">Offline</span>
        <% } %>
   <p class="card-text text-white" title="<%= bb.overview%>"><%=  bb.overview.length > 50 ?  bb.overview.slice(0, 53) + "..." :  bb.overview%></p>
      <a href="https://discordapp.com/oauth2/authorize?client_id=<%=idd%>&scope=bot&permissions=0" class="btn btn-primary">Invite</a>
              <a href="/view/<%=idd%>" class="btn btn-secondary">View</a>
            </div>
     </center>
          </div>
          </div>
   <% } %>
    <% } %>
   <% } %>
   <% } else {%>
<h5 style="margin-left: 10px;color:white;">
كن اول من يقدم
     </h5>
   <% } %>

    <hr style="background-color: grey;">
  <h3 class="text-info">
 Certified Bots <img title="Certified Bots" style="width: 70px" src="https://media.discordapp.net/attachments/897122473642979339/897122481817669662/oAw5t1pWfpwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMS0xN1QxNjozMTozNiswMDowMK118KoAAAAldEVYdGRhdGU6bW9kaWZ.png" class="profilebadges">

  </h3>
  <h5 class="text-info">
These are the bots certified by our certification programm
  </h5>
  <br>
    <hr style="background-color: grey;">

  <h3 class="text-info">
Last Added Bots
  </h3>
  <h5 class="text-info">
These are the bots recently added
  </h5>
  <br>
<br>