{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" href="__CSS__/attachment_index.css" />
{/block}
{block name="main"}
<div class="orico_Page_download">
    <!-- 内容 -->
    <div class="downloadMain">
        <div class="topimg">
            <img src="__IMAGES__/banner_01.webp" />
            <div class="banner_title">{:lang_i18n('软件和驱动程序')}</div>
        </div>
        <div class="contact_c">
            <!-- 搜索 -->
            <form action="{:url('attachment/video')}" method="get">
                <div class="search_all">
                    <input type="hidden" name="id" value="{$Request.get.id??$video_categorys[0]['id']??''}" />
                    <input type="text" name="keyword" placeholder="{:lang_i18n('搜索')}" />
                    <button class="searchbtn" type="submit"><img src="__IMAGES__/search_blue.png" /></button>
                </div>
            </form>
            <!-- 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}
                <a>
                  <div class="tabit on">{:lang_i18n('视频')}</div>
                </a>
            </div>
            <!-- VIDEO 切换 -->
            <div class="vidotabs">
                {notempty name="video_categorys"}
                <div class="hd">
                    <ul>
                        {volist name="video_categorys" id="vca" key="k"}
                        <li class="vli {if condition='($Request.has.id && $Request.get.id==$vca.id) || (!$Request.has.id && $k==1)'}von{/if}">
                            <a href="{:url('attachment/video', ['id' => $vca.id])}" style="display: block;">{$vca.name}</a>
                        </li>
                        {/volist}
                    </ul>
                </div>
                {/notempty}
                <!-- 视频内容 -->
                <div class="bdconten">
                    {notempty name="videos"}
                    {volist name="videos" id="items"}
                    <ul >
                        {volist name="items" id="vo"}
                        <dl class="video_hotul">
                            <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>
                            <div class="clear"></div>
                        </dl>
                        {/volist}
                    </ul>
                    {/volist}
                    <div class="page-box">{$page|raw}</div>
                    {else/}
                    <ul><dl class="video-empty">{:lang_i18n('查询无此视频！')}</dl></ul>
                    {/notempty}
                </div>
            </div>
        </div>
    </div>
</div>
{/block}