{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="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('attachment.video')}</div></a>
            </div>
            <!-- 切换的内容 -->
            {notempty name="attachements"}
            <div class="softlist">
                {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('attachment.support_model')}: </p>
                        <p class="des">{$att.applicable_to}</p>
                        <p class="sub_title">{:lang('attachment.support_platform')}: </p>
                        <p class="des">{$att.support_platform}</p>
                        <p>
                            {notempty name="att.attach"}
                            {volist name="att.attach" id="ch"}
                            <a href="{$ch.file_path}" data-cod="dl" data-id="{$att.id}" target="_blank">
                                <span class="l_button">{$ch.btn_name}</span>
                            </a>
                            {/volist}
                            {/notempty}
                        </p>
                    </div>
                </div>
                {/volist}
                <div>{$page|raw}</div>
            </div>
            {/notempty}
        </div>
    </div>
</div>
{/block}