{notempty name="items"}
<!-- landSever  -->
<div class="landSever wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0">
    <div class="cont w1280">
        <div class="title2 title4">
            <div class="titCont"><div class="h1">{$category.title ?? ''}</div></div>
            <div class="p">{$category.description ?? ''}</div>
        </div>
        <!-- pc -->
        <div class="list pcHide">
            {foreach $items as $ki => $item}
            {php}
                $indexOf = $ki+1;
                $indexOf = $indexOf < 10 ? str_pad($indexOf, 2, '0', STR_PAD_LEFT) : $indexOf;
                $descList   = getTextNlToList($item['summary'] ?? '');
            {/php}
            <div class="li">
                <div class="num"><p>{$indexOf}</p>{if $ki < (count($items) -1)}<em></em>{/if}</div>
                <div class="h1">{$item.title}</div>
                <div class="p">
                    {foreach $descList as $descText}
                    <p>{$descText|raw}</p>
                    {/foreach}
                </div>
            </div>
            {/foreach}
        </div>

        <!-- cell -->
        <div class="list cellHide">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    {foreach $items as $ki => $item}
                    {php}
                        $indexOf = $ki+1;
                        $indexOf = $indexOf < 10 ? str_pad($indexOf, 2, '0', STR_PAD_LEFT) : $indexOf;
                        $descList   = getTextNlToList($item['summary'] ?? '');
                    {/php}
                    <div class="swiper-slide">
                        <div class="li">
                            <div class="num"><p>{$indexOf}</p><em></em></div>
                            <div class="h1">{$item.title}</div>
                            <div class="p">
                                {foreach $descList as $descText}
                                <p>{$descText|raw}</p>
                                {/foreach}
                            </div>
                        </div>
                    </div>
                    {/foreach}
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>
</div>
{/notempty}