<article 
    class="card"
>
<div
    class="card__overlay"
    hx-get="/manga/<%= scanlator %>/<%=result.link?encodeURIComponent(result.link):'nolink'%>/<%= result.title %>" 
    hx-target="#container" 
    hx-indicator=".progress"
    hx-trigger="click"
>
</div>
    <% let scanlatorID = scan.scanlator.replace('-', '') %> 
    <div 
        class="card__img  img_<%=scanlatorID %>" 
        style="background-image: url(<%=result.img%>)"
    >
        <% if(result.favorite){%>
            <%-include('bookmarked.ejs', {scanlator, title:result.title, link:encodeURIComponent(result.link), id:result.favorite})  %> 
        <% } else { %>
            <%-include('bookmark.ejs', {scanlator, title:result.title, link:encodeURIComponent(result.link)})  %> 
        <% } %>  
        <%- include('status.ejs', {status:result.Status}) %> 
    </div>
    <div class="card__info">
        <h2 class="card__title"><%= result.title %></h2>
        <h3 class="chapter">Latest Chapter • <%= result.latestChap %> </h3>
        <div class="tags">
            <% for(let [index, tag] of result.tags.entries()) {%> 
                <% if(index >= 3) continue %> 
                <span class="tag"><%= tag.slice(0, 6)+(tag.length>6?'...':'')%></span>
            <% } %> 
        </div>
        <p class="desc">
            <%= result.description.slice(0,100)+(result.description.length>100?'...':'') %> 
        </p>
    </div>
</article>