{layout name="en/layout" /}

<!-- banner -->
<div class="page-banner w-100" style="background-image: url({:getImgSrc($topCategory, '__IMG__/page_ban4.jpg')});">
    <div class="info">
        <div class="w-1200 pt118" id="news">
            <strong>{$category.title_en ?? ''}</strong>
            <p>{:nl2br($category.description_en ?? '')}</p>
        </div>
    </div>
</div>
<!--  -->
<div class="all-center-box">
    <div class="news-box1 w-100">
        <!--
        <div class="w-1200 search-form-box">
            <form action="{:url('article/index', ['category_id'=> $categoryId])}" method="get" class="layui-form between-center w-100">
                <input class="layui-input" name="keyword" placeholder="关键词查询..." value="{$keyword ?? ''}"/>
                <button type="submit" class="layui-btn layui-btn-normal">查询</button>
            </form>
        </div>
        -->
        <div class="w-1200">
            {if isset($items)}
            <div class="center-block w-100">
                <ul>
                    {foreach $items as $item}
                    <li>
                        <a href="{:url('en.article/detail', ['id'=>$item['id']])}" class="between-center">
                            <div class="pull-left">{$item['create_time']|date="Y.m.d"}</div>
                            <div class="pull-right">
                                <div class="imgs"><img src="{:getImgSrc($item, '__IMG__/default_bg.jpg')}" ></div>
                                <div class="info">
                                    <span title="{$item['title_en'] ?? ''}">{$item['title_en'] ?? ''}</span>
                                    <em>{$item['create_time']|date="Y.m.d"}</em>
                                    <p>{:nl2br($item['summary_en'] ?? '')}</p>
                                    <i>Learn more+</i>
                                </div>
                            </div>
                        </a>
                    </li>
                    {/foreach}
                </ul>
            </div>
            <div class="pager w-100 div-pc">
                {$items->render()|raw}
            </div>
            <div class="pager w-100 div-phone">
                {$items->render(5)|raw}
            </div>
            {/if}
        </div>
    </div>
</div>