<%
var hashCode = function (str) {
    if (!str && str.length === 0) {
        return 0;
    }

    var hash = 0;
    for (var i = 0, len = str.length; i < len; i++) {
        hash = ((hash << 5) - hash) + str.charCodeAt(i);
        hash |= 0;
    }
    return hash;
};

var featureimg = '/medias/featureimages/0.jpg';
var featureImages = theme.featureImages;
%>

<article id="prenext-posts" class="prev-next articles">
    <div class="row article-row">
        <% if (page.prev) { %>
        <div class="article col s12 m6 overflow-policy" data-aos="fade-up">
            <div class="article-badge left-badge text-color">
                <i class="fa fa-chevron-left"></i>&nbsp;<%= __('prev') %></div>
            <div class="card">
                <a href="<%- url_for(page.prev.path) %>">
                    <div class="card-image">
                        <% if (page.prev.img) { %>
                        <img src="<%= page.prev.img %>" class="responsive-img" alt="<%- page.prev.title %>">
                        <% } else { %>
                        <%
                            var len = featureImages.length;
                            var num = Math.abs(hashCode(page.prev.title) % len);
                            featureimg = featureImages[num];
                        %>
                        <img src="<%= featureimg %>" class="responsive-img" alt="<%- page.prev.title %>">
                        <% } %>
                        <span class="card-title"><%- page.prev.title %></span>
                    </div>
                </a>
                <div class="card-content article-content">
                    <div class="summary block-with-text">
                        <% if (page.prev.summary && page.prev.summary.length > 0) { %>
                            <%- page.prev.summary %>
                        <% } else { %>
                            <%- strip_html(page.prev.content).substring(0, 120) %>
                        <% } %>
                    </div>
                    <div class="publish-info">
                        <span class="publish-date">
                            <i class="fa fa-clock-o fa-fw icon-date"></i><%= date(page.prev.date, config.date_format) %>
                        </span>
                        <span class="publish-author">
                            <% if (page.prev.categories && page.prev.categories.length > 0) { %>
                            <i class="fa fa-bookmark fa-fw icon-category"></i>
                            <% page.prev.categories.forEach(category => { %>
                            <a href="<%- url_for(category.path) %>" class="post-category" target="_blank">
                                    <%- category.name %>
                                </a>
                            <% }); %>
                            <% } else if (page.prev.author && page.prev.author.length > 0) { %>
                            <i class="fa fa-user fa-fw"></i>
                            <%- page.prev.author %>
                            <% } else { %>
                            <i class="fa fa-user fa-fw"></i>
                            <%- config.author %>
                            <% } %>
                        </span>
                    </div>
                </div>
                <% if(page.prev.tags && page.prev.tags.length > 0) { %>
                <div class="card-action article-tags">
                    <% page.prev.tags.forEach(tag => { %>
                    <a href="<%- url_for(tag.path) %>" target="_blank">
                        <span class="chip bg-color"><%= tag.name %></span>
                    </a>
                    <% }); %>
                </div>
                <% } %>
            </div>
        </div>
        <% } else { %>
        <div class="article col s12 m6 overflow-policy" data-aos="fade-up" data-aos="fade-up">
            <div class="article-badge left-badge text-color">
                <i class="fa fa-dot-circle-o"></i>&nbsp;<%= __('curr') %>
            </div>
            <div class="card">
                <a href="<%- url_for(page.path) %>">
                    <div class="card-image">
                        <% if (page.img) { %>
                        <img src="<%= page.img %>" class="responsive-img" alt="<%- page.title %>">
                        <% } else { %>
                        <%
                            var len = featureImages.length;
                            var num = Math.abs(hashCode(page.title) % len);
                            featureimg = featureImages[num];
                        %>
                        <img src="<%= featureimg %>" class="responsive-img" alt="<%- page.title %>">
                        <% } %>
                        <span class="card-title"><%- page.title %></span>
                    </div>
                </a>
                <div class="card-content article-content">
                    <div class="summary block-with-text">
                        <% if (page.summary && page.summary.length > 0) { %>
                            <%- page.summary %>
                        <% } else { %>
                            <%- strip_html(page.content).substring(0, 120) %>
                        <% } %>
                    </div>
                    <div class="publish-info">
                            <span class="publish-date">
                                <i class="fa fa-clock-o fa-fw icon-date"></i><%= date(page.date, config.date_format) %>
                            </span>
                        <span class="publish-author">
                            <% if (page.categories && page.categories.length > 0) { %>
                            <i class="fa fa-bookmark fa-fw icon-category"></i>
                            <% page.categories.forEach(category => { %>
                            <a href="<%- url_for(category.path) %>" class="post-category" target="_blank">
                                    <%- category.name %>
                                </a>
                            <% }); %>
                            <% } else if (page.author && page.author.length > 0) { %>
                            <i class="fa fa-user fa-fw"></i>
                            <%- page.author %>
                            <% } else { %>
                            <i class="fa fa-user fa-fw"></i>
                            <%- config.author %>
                            <% } %>
                        </span>
                    </div>
                </div>

                <% if(page.tags && page.tags.length > 0) { %>
                <div class="card-action article-tags">
                    <% page.tags.forEach(tag => { %>
                    <a href="<%- url_for(tag.path) %>" target="_blank">
                        <span class="chip bg-color"><%= tag.name %></span>
                    </a>
                    <% }); %>
                </div>
                <% } %>
            </div>
        </div>
        <% } %>
        <% if (page.next) { %>
        <div class="article col s12 m6 overflow-policy" data-aos="fade-up">
            <div class="article-badge right-badge text-color">
                <%= __('next') %>&nbsp;<i class="fa fa-chevron-right"></i>
            </div>
            <div class="card">
                <a href="<%- url_for(page.next.path) %>">
                    <div class="card-image">
                        <% if (page.next.img) { %>
                        <img src="<%= page.next.img %>" class="responsive-img" alt="<%- page.next.title %>">
                        <% } else { %>
                        <%
                            var len = featureImages.length;
                            var num = Math.abs(hashCode(page.next.title) % len);
                            featureimg = featureImages[num];
                        %>
                        <img src="<%= featureimg %>" class="responsive-img" alt="<%- page.next.title %>">
                        <% } %>
                        <span class="card-title"><%- page.next.title %></span>
                    </div>
                </a>
                <div class="card-content article-content">
                    <div class="summary block-with-text">
                        <% if (page.next.summary && page.next.summary.length > 0) { %>
                            <%- page.next.summary %>
                        <% } else { %>
                            <%- strip_html(page.next.content).substring(0, 120) %>
                        <% } %>
                    </div>
                    <div class="publish-info">
                            <span class="publish-date">
                                <i class="fa fa-clock-o fa-fw icon-date"></i><%= date(page.next.date, config.date_format) %>
                            </span>
                        <span class="publish-author">
                            <% if (page.next.categories && page.next.categories.length > 0) { %>
                            <i class="fa fa-bookmark fa-fw icon-category"></i>
                            <% page.next.categories.forEach(category => { %>
                            <a href="<%- url_for(category.path) %>" class="post-category" target="_blank">
                                    <%- category.name %>
                                </a>
                            <% }); %>
                            <% } else if (page.next.author && page.next.author.length > 0) { %>
                            <i class="fa fa-user fa-fw"></i>
                            <%- page.next.author %>
                            <% } else { %>
                            <i class="fa fa-user fa-fw"></i>
                            <%- config.author %>
                            <% } %>
                        </span>
                    </div>
                </div>
                <% if(page.next.tags && page.next.tags.length > 0) { %>
                <div class="card-action article-tags">
                    <% page.next.tags.forEach(tag => { %>
                    <a href="<%- url_for(tag.path) %>" target="_blank">
                        <span class="chip bg-color"><%= tag.name %></span>
                    </a>
                    <% }); %>
                </div>
                <% } %>
            </div>
        </div>
        <% } else { %>
        <div class="article col s12 m6 overflow-policy" data-aos="fade-up">
            <div class="article-badge right-badge text-color">
                <%= __('curr') %>&nbsp;<i class="fa fa-dot-circle-o"></i>
            </div>
            <div class="card">
                <a href="<%- url_for(page.path) %>">
                    <div class="card-image">
                        <% if (page.img) { %>
                        <img src="<%= page.img %>" class="responsive-img" alt="<%- page.title %>">
                        <% } else { %>
                        <%
                            var len = featureImages.length;
                            var num = Math.abs(hashCode(page.title) % len);
                            featureimg = featureImages[num];
                        %>
                        <img src="<%= featureimg %>" class="responsive-img" alt="<%- page.title %>">
                        <% } %>
                        <span class="card-title"><%- page.title %></span>
                    </div>
                </a>
                <div class="card-content article-content">
                    <div class="summary block-with-text">
                        <% if (page.summary && page.summary.length > 0) { %>
                            <%- page.summary %>
                        <% } else { %>
                            <%- strip_html(page.content).substring(0, 120) %>
                        <% } %>
                    </div>
                    <div class="publish-info">
                            <span class="publish-date">
                                <i class="fa fa-clock-o fa-fw icon-date"></i><%= date(page.date, config.date_format) %>
                            </span>
                        <span class="publish-author">
                            <% if (page.categories && page.categories.length > 0) { %>
                            <i class="fa fa-bookmark fa-fw icon-category"></i>
                            <% page.categories.forEach(category => { %>
                            <a href="<%- url_for(category.path) %>" class="post-category" target="_blank">
                                    <%- category.name %>
                                </a>
                            <% }); %>
                            <% } else if (page.author && page.author.length > 0) { %>
                            <i class="fa fa-user fa-fw"></i>
                            <%- page.author %>
                            <% } else { %>
                            <i class="fa fa-user fa-fw"></i>
                            <%- config.author %>
                            <% } %>
                        </span>
                    </div>
                </div>

                <% if(page.tags && page.tags.length > 0) { %>
                <div class="card-action article-tags">
                    <% page.tags.forEach(tag => { %>
                    <a href="<%- url_for(tag.path) %>" target="_blank">
                        <span class="chip bg-color"><%= tag.name %></span>
                    </a>
                    <% }); %>
                </div>
                <% } %>
            </div>
        </div>
        <% } %>
    </div>
</article>