{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>{$topCategory.title_en ?? ''}</strong>
            <p>{:nl2br($topCategory.description_en ?? '')}</p>
        </div>
    </div>
</div>
<!--  -->
<div class="all-center-box">
    <!--  Corporate  -->
    {if isset($cateList['enterprise']) && !empty($cateList['enterprise'])}
    <div class="news-box1 w-100" id="news1">
        <div class="w-1200">
            <div class="all-title-box2 w-100"><span>{$cateList['enterprise']['title_en'] ?? ''}</span><p>{$cateList['enterprise']['description_en'] ?? ''}</p></div>
            <div class="center-block w-100">
                <ul>
                {if isset($cateList['enterprise']['items']) && count($cateList['enterprise']['items']) > 0}
                {foreach $cateList['enterprise']['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}
                {/if}
                </ul>
            </div>
            <div class="more w-100"><a href="{:url('en.article/index', ['category_id'=>$cateList['enterprise']['id']])}">Click to expand more</a></div>
        </div>
    </div>
    {/if}
    <!--  Industry  -->
    {if isset($cateList['industry']) && !empty($cateList['industry'])}
    <div class="news-box1 w-100 news-box2" id="news2">
        <div class="w-1200">
            <div class="all-title-box2 w-100"><span>{$cateList['industry']['title_en'] ?? ''}</span><p>{$cateList['industry']['description_en'] ?? ''}</p></div>
            <div class="center-block w-100">
                <ul>
                    {if isset($cateList['enterprise']['items']) && count($cateList['enterprise']['items']) > 0}
                    {foreach $cateList['enterprise']['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'] ?? ''}">{$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}
                    {/if}
                </ul>
            </div>
            <div class="more w-100"><a href="javascript:;">Click to expand more</a></div>
        </div>
    </div>
    {/if}
    <!--  Latest  -->
    {if isset($cateList['dynamics']) && !empty($cateList['dynamics'])}
    <div class="news-box3 w-100" id="news3">
        <div class="w-1200">
            <div class="between-top">
                <div class="all-title-box2"><span>{$cateList['dynamics']['title_en'] ?? ''}</span><p>{$cateList['dynamics']['description_en'] ?? ''}</p></div>
                <div class="pull-right">
                    <ul>
                    {if isset($cateList['dynamics']['items']) && count($cateList['dynamics']['items']) > 0}
                        {foreach $cateList['dynamics']['items'] as $item}
                        <li><a href="{:url('en.article/detail', ['id'=>$item['id']])}">
                            <span title="{$item['title_en'] ?? ''}">{$item['title_en'] ?? ''}</span>
                            <i>{$item['create_time']|date="Y.m.d"}</i></a>
                        </li>
                        {/foreach}
                    {/if}
                    </ul>
                </div>
            </div>
            <div class="more w-100"><a href="{:url('en.article/index', ['category_id'=>$cateList['dynamics']['id']])}">Click to expand more</a></div>
        </div>
    </div>
    {/if}
</div>