<!DOCTYPE html>
<html lang="fi">
    <head>
        <% include head %>
    </head>
    <body class="container-fluid">
        <% include header %>
        <% include hallinta %>

        <main class="flex flex-column">
            <nav class="serif row">Aiheet 
            </nav>
            <section class="serif">
                <div class="row">
                    <span class="col-sm-8">Otsikko</span>
                    <span  class="col-sm-1">Lkm</span>
                    <span  class="col-sm-3">Uusin viestij√§</span>
                </div>
            </section>
            <section>
                <% for(var i=0; i < messages.length; i++) { %>
                <a href="/keskustelu_aiheesta/?id=<%= messages[i].uusin %>" class="row o_linkki">
                    <b class="col-sm-8"><%= messages[i].topic %></b>
                    <span class="col-sm-1"><%= messages[i].lukum %></span>
                    <span class="col-sm-3"><%= messages[i].sender %></span>
                    <!--
<td>< %= messages[i].id %></td>
<td>< %= messages[i].sender %></td>
<td>< %= messages[i].topic %></td>
<td>< %= messages[i].message %></td>
-->
                </a>
                
                <%- (i< messages.length-1)?'<hr class="otsikoidenValit">':''; %>
                <% } %>
            </section>
        </main>

        <% include footer %>
    </body>
</html>
