{{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 .taskRes}}
              {{range .TaskStatuses}}
            <table class="ui celled striped table">
              <tbody>
                <tr>
                  <td class="four wide"> 状态 </td>
                  <td> {{.State}} </td>
                </tr>
              </tbody>
            </table>
                {{end}}
            {{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"> CPU </td>
                  <td>{{.Resource.CPU}}</td>
                </tr>
                <tr>
                  <td> Memory </td>
                  <td>{{.Resource.Memory}}</td>
                </tr>
                <tr>
                  <td> NvidiaComGpu </td>
                  <td>{{.Resource.NvidiaComGpu}}</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> {{.Platform}} </td>
                </tr>
                <tr>
                  <td> 开始时间 </td>
                  <td>{{.JobStatus.StartTime}}</td>
                </tr>
                <tr>
                  <td> 结束时间 </td>
                  <td>{{.JobStatus.EndTime}}</td>
                </tr>
                <tr>
                  <td> ExitCode </td>
                  <td>{{.JobStatus.AppExitCode}}</td>
                </tr>
                <tr>
                  <td> 退出信息 </td>
                  <td>{{.JobStatus.AppExitDiagnostics | nl2br}}</td>
                </tr>
              </tbody>
            </table>
            {{end}}
          </div>
        </div>

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