{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/index')}" method="get">
                <div class="search_all">
                    <input type="hidden" name="id" value="{$Request.get.id??$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="categorys"}
                {volist name="categorys" id="ca"}
                <a href="{:url('attachment/index', ['id' => $ca.id])}">
                    {if condition="(!$Request.has.id && $key == 0) || $Request.get.id == $ca.id"}
                    <div class="tabit on">
                    {else/}
                    <div class="tabit">
                    {/if}
                        {$ca.name}
                    </div>
                </a>
                {/volist}
                {/notempty}
                <a href="{:url('attachment/video')}"><div class="tabit">{:lang_i18n('视频')}</div></a>
            </div>
            <!-- 切换的内容 -->
            <div class="softlist">
                {notempty name="attachements"}
                {volist name="attachements" id="att"}
                <div class="softit">
                    <div class="left_img">
                        <img src="{$att.image}" alt="">
                    </div>
                    <div>
                        <p class="title">{$att.name}</p>
                        <p class="sub_title">{:lang_i18n('支持型号')}: </p>
                        <p class="des">{$att.applicable_to}</p>
                        <p class="sub_title">{:lang_i18n('支持系统')}: </p>
                        <p class="des">{$att.support_platform}</p>
                        <p>
                            {notempty name="att.attach"}
                            {volist name="att.attach" id="ch"}
                            <a href="{$ch.file_path}" target="_blank">
                                <span class="l_button">{$ch.btn_name}</span>
                            </a>
                            {/volist}
                            {/notempty}
                        </p>
                    </div>
                </div>
                {/volist}
                <div class="page-box">{$page|raw}</div>
                {else/}
                <div class="softit">{:lang_i18n('查询无结果！')}</div>
                {/notempty}
            </div>
        </div>
    </div>
</div>
{/block}