{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" href="__CSS__/download.css" />
{/block}
{block name="main"}
<div class="orico_Page_download">
    <!-- 内容 -->
    <div class="downloadMain">
        <div class="topimg">
            <img src="__IMAGES__/banner_01.png" />
            <div class="banner_title">{:lang('attachment.software_drives')}</div>
        </div>
        <div class="contact_c">
            <!-- 搜索 -->
            <div class="search_all">
                <input type="text" name="textfield" placeholder="Search model" id="search_software">
                <div class="searchbtn" id="search-btn">
                    <img src="downloadImg/search.png" />
                </div>
            </div>
            <!-- tab切换 -->
            <div class="tab">
                {notempty name="attachment_categorys"}
                {volist name="attachment_categorys" id="ca"}
                <a href="{:url('attachment/index', ['id' => $ca.id])}">
                    <div class="tabit">
                        {$ca.name}
                    </div>
                </a>
                {/volist}
                {/notempty}
                <div class="tabit on">{:lang('attachment.video')}</div>
            </div>
            <!-- VIDEO 切换 -->
            <div class="vidotabs">
                {notempty name="video_categorys"}
                <div class="hd">
                    <ul>
                        {volist name="video_categorys" id="vca"}
                        <li class="vli {eq name='vca.id' value='Request.get.id' }von{/eq}">
                            <a href="{:url('attachment/video', ['id' => $vca.id])}" style="display: block;">{$vca.name}</a>
                        </li>
                        {/volist}
                    </ul>
                </div>
                {/notempty}
                <!-- 视频内容 -->
                {notempty name="videos"}
                <div class="bdconten">
                    <ul >
                        <dl class="video_hotul">
                            {volist name="videos" id="vo"}
                            <dd>
                                <div class="hot1">
                                    <video poster="{$vo.image}" preload="none" controls="controls">
                                        <source src="{$vo.video}" type="video/mp4">
                                    </video>
                                </div>
                                <div class="htit">
                                    <div class="htit1">{$vo.name}</div>
                                    <div class="htit2">{$vo.desc}</div>
                                </div>
                            </dd>
                            {/volist}
                            <div class="clear"></div>
                        </dl>
                        <div>{$page|raw}</div>
                    </ul>
                </div>
                {/notempty}
            </div>
        </div>
    </div>
</div>
{/block}