<%- include('./include/_head.ejs') %>
<body>

    <%- include('./include/_navbar.ejs') %>
    <div class="container">
        <h4 class="my-5">Comedy Anime</h4>
        <div class="row row-cols-5">
            <%  animeFound.comedy.forEach( (anime) => { %>
                <%- include('./include/_anime_thumbnail.ejs', {anime: anime}) %>
            <% }); %>
        </div>
        <h4 class="my-5">Seinen Anime</h4>
        <div class="row row-cols-5">
            <%  animeFound.seinen.forEach( (anime) => { %>
                <%- include('./include/_anime_thumbnail.ejs', {anime: anime}) %>
            <% }); %>
        </div>
        <h4 class="my-5">Shoujo Anime</h4>
        <div class="row row-cols-5">
            <%  animeFound.shoujo.forEach( (anime) => { %>
                <%- include('./include/_anime_thumbnail.ejs', {anime: anime}) %>
            <% }); %>
        </div>
        <h4 class="my-5">Thriller Anime</h4>
        <div class="row row-cols-5">
            <%  animeFound.thriller.forEach( (anime) => { %>
                <%- include('./include/_anime_thumbnail.ejs', {anime: anime}) %>
            <% }); %>
        </div>
        
    </div>
    <%- include('./include/_footer.ejs') %>
</body>
</html>