<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>${metadata.alias!}${word?has_content?then(' - '+word,'')}</title>
    <meta name="keywords" content="<#list getKeywords(word) as a>${a}<#sep>,</#list>"/>
    <meta name="description" content="${site.name} - Search"/>
    <style>
        .result b{color:red;}
        .pagination{list-style:none;}
        .pagination:after{content:"";display:block;clear:both;}
        .pagination .page-item{padding:0 0.3rem;float:left;}
        .pagination .page-item .page-link{margin-left:0;border-radius:0.2rem;padding:0.375rem 0.875rem;color:#999;border-color:#eee;}
        .page-item.active .page-link{background-color:#4C81E7;border-color:#eee;color:#FFF;}
    </style>
</head>
<body>
    <header data-diy="config" data-diy-id="siteAttribute">
        <form method="get">
            <input type="text" name="word" value="${word!}"/>
            <input type="submit" value="Search"/>
        </form>
    </header>
    <nav data-diy="category">
        <a href="${site.dynamicPath}">Home</a>
<@cms.categoryList>
    <#list page.list as category>
        <a href="${category.url!}" target="_blank" data-diy-item="${category.id}">${category.name}</a>
    </#list>
</@cms.categoryList>
    </nav>
    <main>
<#macro merge name value><#if !.vars[name]??><@"<#assign ${name}=''>"?interpret /></#if><#if value?has_content><@"<#assign ${name}=${name}+'${value},'>"?interpret /></#if></#macro>
<@cms.search word=word tagId=tagId highlight=true pageIndex=pageIndex pageSize=10>
    <#if page.totalCount gt 0>
        <h1>Results</h1>
    <#list page.list as a>
        <@merge 'categoryIds' a.categoryId!/>
    </#list>
    <@cms.category ids=categoryIds><#assign categoryMap=map/></@cms.category>
        <div class="result">
    <#list page.list as content>
            <article data-diy-item="${content.id}">
                <h3>[<a href="${(categoryMap[content.categoryId?string].url)!}" target="_blank">${(categoryMap[content.categoryId?string].name)!}</a>]<a href="<#if content.onlyUrl>${site.dynamicPath}content/redirect?id=${content.id}<#else>${content.url!}</#if>" target="_blank">${content.title?no_esc}</a></h3>
                <p>
                    <#if content.cover?has_content><img src="${content.cover}" alt="${content.title}"/></#if>
                    ${(content.description?no_esc)!}
                </p>
            </article>
    </#list>
        </div>
        <ul class="pagination">
            <#if !page.firstPage>
                <a href="?word=${word!}&tagId=${tagId!}&pageIndex=${page.prePage}">Previous page</a>
            <#else>
                <span>Previous page</span>
            </#if>
            <#assign
                start=1
                end=page.totalPage
            />
            <#if (page.pageIndex-5) gt start>
                <#assign start=page.pageIndex-4/>
            </#if>
            <#if (page.pageIndex+5) lt end>
                <#assign end=page.pageIndex+4/>
            </#if>
            <li class="page-item"><a class="page-link" href="${getPage(url,page.prePage,'pageIndex')}">Previous page</a></li>
            <#if start gt 1>
                <li class="page-item"><a class="page-link" href="?word=${word!}&tagId=${tagId!}">1</a></li>
                <li class="page-item"><span class="page-link">...</span></li>
            </#if>
            <#list start..end as n>
                <li class="page-item<#if n=page.pageIndex> active</#if>"><a class="page-link" href="?word=${word!}&tagId=${tagId!}&pageIndex=${n}">${n}</a></li>
            </#list>
            <#if end lt page.totalPage>
                <li class="page-item"><span class="page-link">...</span></li>
                <li class="page-item"><a class="page-link" href="?word=${word!}&tagId=${tagId!}&pageIndex=${page.totalPage}">${page.totalPage}</a></li>
            </#if>
            <li class="page-item"><a class="page-link" href="?word=${word!}&tagId=${tagId!}&pageIndex=${page.nextPage}">Next page</a></li>
        </div>
    </#if>
</@cms.search>
        <aside>
            <h3>Popular content</h3>
            <ul data-diy="content">
        <@cms.contentList orderField='clicks' pageSize=10>
            <#list page.list as content>
                <li data-diy-item="${content.id}"><a href="<#if content.onlyUrl>${site.dynamicPath}content/redirect?id=${content.id}<#else>${content.url!}</#if>" target="_blank">${content.title}</a><span>${content.clicks}</span></li>
            </#list>
        </@cms.contentList>
            </ul>
        </aside>
    </main>
    <footer>
        Copyright &copy; ${.now?string('yyyy')}
    </footer>
    <script>
    var templatePath='${.current_template_name?keep_after('/')}';
    </script>
    <script src="${site.dynamicPath}resource/js/cms.support.js"></script>
    <script>
        var ca = cmsAnalytics();
        var url='${site.dynamicPath}api/visit/record';
        if("string" ==typeof itemString){
            url=url+"?"+itemString;
        }
        ca.setDomain('${site.sitePath?keep_after('//')?keep_before('/')?keep_before(':')}');
        ca.setPath('/');
        ca.report(url);
    </script>
</body>
</html>