{$layout}
{$template "menu"}
{$template "/left_menu_with_menu"}

<div class="right-box with-menu">
    <h3 class="ui header">HTTPS 接口证书</h3>
    <p class="comment">用于 HTTPDNS 接口证书管理与展示。</p>

    <table class="ui table selectable celled">
        <thead>
            <tr>
                <th style="width:45%;">证书名称</th>
                <th style="width:25%;">颁发机构</th>
                <th style="width:20%;">到期时间</th>
                <th style="width:10%;">证书ID</th>
            </tr>
        </thead>
        <tbody>
            <tr v-for="cert in certs">
                <td>{{cert.name}}</td>
                <td>{{cert.issuer}}</td>
                <td>{{cert.expiresAt}}</td>
                <td><code>{{cert.id}}</code></td>
            </tr>
            <tr v-if="!certs || certs.length == 0">
                <td colspan="4" class="grey">暂无证书。</td>
            </tr>
        </tbody>
    </table>
</div>