{$layout}

<second-menu>
    <a class="item" :href="'/httpdns/apps/domains?appId=' + app.id">{{app.name}}</a>
    <span class="item disabled" style="padding-left: 0; padding-right: 0">&raquo;</span>
    <a class="item" :href="'/httpdns/apps/sdk?appId=' + app.id">SDK 集成</a>
    <span class="item disabled" style="padding-left: 0; padding-right: 0">&raquo;</span>
    <div class="item"><strong>上传 SDK</strong></div>
</second-menu>

<form method="post"
      enctype="multipart/form-data"
      class="ui form"
      data-tea-action="$"
      data-tea-timeout="300"
      data-tea-before="beforeUpload"
      data-tea-done="doneUpload"
      data-tea-success="successUpload">
    <csrf-token></csrf-token>
    <input type="hidden" name="appId" :value="app.id"/>

    <table class="ui table selectable definition">
        <tr>
            <td class="title">平台 *</td>
            <td>
                <select name="platform" class="ui dropdown auto-width" v-model="platform">
                    <option value="android">Android</option>
                    <option value="ios">iOS</option>
                    <option value="flutter">Flutter</option>
                </select>
            </td>
        </tr>
        <tr>
            <td class="title">版本号 *</td>
            <td>
                <input type="text" name="version" v-model="version" maxlength="32"/>
                <p class="comment">默认 `1.0.0`。同平台+同版本再次上传会覆盖该版本文件。</p>
            </td>
        </tr>
        <tr>
            <td class="title">SDK 包</td>
            <td>
                <input type="file" name="sdkFile" accept=".zip"/>
                <p class="comment">支持 zip 包，例如 `httpdns-sdk-android.zip`。</p>
            </td>
        </tr>
        <tr>
            <td class="title">集成文档</td>
            <td>
                <input type="file" name="docFile" accept=".md,text/markdown"/>
                <p class="comment">支持 Markdown 文件（`.md`）。</p>
            </td>
        </tr>
    </table>

    <div v-if="isUploading" class="ui message blue">
        正在上传，请稍候...
    </div>

    <submit-btn v-show="!isUploading">上传并生效</submit-btn>
    <button v-if="isUploading" class="ui button disabled" type="button">上传中...</button>
    <a class="ui button" :href="'/httpdns/apps/sdk?appId=' + app.id">返回</a>
</form>

<h4 style="margin-top: 1.5em">已上传文件</h4>
<table class="ui table selectable celled" v-if="uploadedFiles.length > 0">
    <thead>
    <tr>
        <th>平台</th>
        <th>类型</th>
        <th>版本</th>
        <th>文件名</th>
        <th>大小</th>
        <th>更新时间</th>
        <th class="one wide">操作</th>
    </tr>
    </thead>
    <tbody>
    <tr v-for="file in uploadedFiles">
        <td>{{file.platform}}</td>
        <td>{{file.fileType}}</td>
        <td>{{file.version}}</td>
        <td>{{file.name}}</td>
        <td>{{file.sizeText}}</td>
        <td>{{file.updatedAt}}</td>
        <td><a href="" @click.prevent="deleteUploadedFile(file.name)">删除</a></td>
    </tr>
    </tbody>
</table>
<div class="ui message" v-else>
    暂无上传记录。
</div>