{{template "base/head" .}}
<div class="repository">
{{template "repo/header" .}}
  <div class="repository new repo ui middle very relaxed page grid">
    <div class="column">
  	    {{template "base/alert" .}}

        <h4 class="ui header" id="vertical-segment">
            <div class="ui breadcrumb">
              <a class="section" href="{{.RepoLink}}/cloudbrain">
                  {{.i18n.Tr "repo.cloudbrain"}}
              </a>
              <div class="divider"> / </div>
              <a class="section" href="{{.RepoLink}}/modelarts/notebook">
                  {{$.i18n.Tr "repo.modelarts.notebook"}}
              </a>
              <div class="divider"> / </div>
              {{with .task}}
              <div class="active section">{{.JobName}}</div>
              {{end}}
            </div>
        </h4>
        <div>
          <div class="ui yellow segment">
            {{with .task}}
            <p>任务名称: {{.JobName}}</p>
            {{end}}
          </div>
          <div class="ui green segment">
            <p>任务结果:</p>
            {{with .result}}
            <table class="ui celled striped table">
              <tbody>
                <tr>
                  <td class="four wide"> 状态 </td>
                  <td> {{.Status}} </td>
                </tr>
                <tr>
                  <td> 开始时间 </td>
                  <td>{{.CreateTime}}</td>
                </tr>
                <tr>
                  <td> 最后更新时间 </td>
                  <td>{{.LatestUpdateTime}}</td>
                </tr>
              </tbody>
            </table>
            {{end}}
          </div>
          <div class="ui blue segment">
          {{with .result}}
            <table class="ui celled striped table">
              <thead>
              <tr> <th colspan="2"> 配置信息 </th> </tr>
              </thead>
              <tbody>
                <tr>
                  <td class="four wide"> 开发环境类型 </td>
                  <td>{{.Profile.DeType}}</td>
                </tr>
                <tr>
                  <td> 硬件类型 </td>
                  <td>{{.Profile.FlavorType}}</td>
                </tr>
              </tbody>
            </table>

            <table class="ui celled striped table">
              <thead>
              <tr> <th colspan="2"> 机器规格详情 </th> </tr>
              </thead>
              <tbody>
                <tr>
                  <td class="four wide"> 机器规格 </td>
                  <td> {{.Flavor}} </td>
                </tr>
                <tr>
                  <td> 规格名称 </td>
                  <td>{{.FlavorDetails.Name}}</td>
                </tr>
                <tr>
                  <td> 规格销售状态 </td>
                  <td>{{.FlavorDetails.Status}}</td>
                </tr>
                <tr>
                  <td> 排队个数 </td>
                  <td>{{.FlavorDetails.QueuingNum}}</td>
                </tr>
                <tr>
                  <td> 排到队的剩余时间(秒) </td>
                  <td>{{.FlavorDetails.QueueLeftTime}}</td>
                </tr>
                <tr>
                  <td> 自动停止时间(秒) </td>
                  <td>{{.FlavorDetails.Duration}}</td>
                </tr>
              </tbody>
            </table>

            <table class="ui celled striped table" {{if eq .QueuingInfo.RemainTime 0}}hidden{{end}}>
              <thead>
              <tr> <th colspan="2"> 排队信息 </th> </tr>
              </thead>
              <tbody>
                <tr>
                  <td> 实例状态 </td>
                  <td>{{.QueuingInfo.Status}}</td>
                </tr>
                <tr>
                  <td> 实例排队的开始时间 </td>
                  <td>{{.QueuingInfo.BeginTime}}</td>
                </tr>
                <tr>
                  <td> 排到队的剩余时间(秒) </td>
                  <td>{{.QueuingInfo.RemainTime}}</td>
                </tr>
                <tr>
                  <td> 实例排队的预计停止时间 </td>
                  <td>{{.QueuingInfo.EndTime}}</td>
                </tr>
                <tr>
                  <td> 实例在队列中的排位 </td>
                  <td>{{.QueuingInfo.Rank}}</td>
                </tr>
              </tbody>
            </table>
            {{end}}
          </div>
        </div>

    </div>
  </div>
</div>
{{template "base/footer" .}}