<!DOCTYPE html>
<html lang="en">
<%- include('partials/head', { title: lang.all_communities.text }); %>
<body>
<div id="body">
    <header id="header">
        <h1 id="page-title" class=""><%= community.name %> Related Communities</h1>
    </header>
    <div class="body-content">
        <div class="communities-list">
            <ul class="list-content-with-icon-column" id="community-new-content">
                <% for(var i = 0; i < children.length; i++) {%>
                    <% var communityID = children[i].olive_community_id; %>
                    <li id="<%=communityID%>">
                        <a href="/titles/<%=communityID%>/new" data-pjax="#body" class="scroll to-community-button">
                            <span class="icon-container"><img src="http://mii.olv.pretendo.cc/icons/<%=communityID%>/64.png" class="icon" alt=""></span>
                            <div class="body">
                                <div class="body-content">
                                    <span class="community-name title"><%= children[i].name %></span>
                                    <br>
                                    <span class="text"><%= children[i].followers %> <%= lang.community.followers %></span>
                                </div>
                            </div>
                        </a>
                    </li>
                <% } %>
            </ul>
    </div>
</div>
</body>
</html>