{{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 top attached header">
                {{$.i18n.Tr "repo.modelarts.version_manage"}}
            </h4>
            <div class="ui attached segment">
                <div class="ui style accordion">
                    <div class="title active">
                        <i class="dropdown icon"></i>
                        {{$.i18n.Tr "repo.modelarts.train_job.version"}}
                    </div>
                    <div class="content active">
                        <div class="ui container">
                            <div class="ui top attached tabular menu">
                                    <a class="item active" data-tab="configs">配置信息</a>
                                    <a class="item" data-tab="logs">{{$.i18n.Tr "repo.modelarts.log"}}</a>
                                    <!-- <a class="item" data-tab="resources">资源占用情况</a> -->
                                </div>
                                <div class="ui bottom attached tab segment active" data-tab="configs">
                                    <h4 class="ui header" id="vertical-segment">
                                        <a href="javascript:window.history.back();"><i class="arrow left icon"></i>{{$.i18n.Tr "repo.modelarts.back"}}</a>
                                    </h4>
                                    <div>
                                        <div class="ui yellow segment">
                                            <table class="ui celled striped table">
                                                <thead>
                                                <tr> <th colspan="2"> {{.i18n.Tr "repo.modelarts.train_job.basic_info"}} </th> </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.job_name"}} </td>
                                                        <td>{{.Profile.DeType}}</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.job_status"}} </td>
                                                        <td>{{.Profile.DeType}}</td>
                                                    </tr>
                                                    <tr>
                                                        <td  class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.version"}} </td>
                                                        <td>{{.Profile.FlavorType}}</td>
                                                    </tr>
                                                    <tr>
                                                        <td  class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.start_time"}} </td>
                                                        <td>{{.Profile.FlavorType}}</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.dura_time"}} </td>
                                                        <td>{{.Profile.DeType}}</td>
                                                    </tr>
                                                    <tr>
                                                        <td  class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.description"}} </td>
                                                        <td>{{.Profile.FlavorType}}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="ui green segment">
                                            <table class="ui celled striped table">
                                                <thead>
                                                <tr> <th colspan="2"> {{.i18n.Tr "repo.modelarts.train_job.parameter_setting_info"}} </th> </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.AI_driver"}} </td>
                                                        <td>{{.Profile.DeType}}</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.start_file"}}</td>
                                                        <td>{{.Profile.DeType}}</td>
                                                    </tr>
                                                    <tr>
                                                        <td  class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.dataset"}} </td>
                                                        <td>{{.Profile.FlavorType}}</td>
                                                    </tr>
                                                    <tr>
                                                        <td  class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.run_parameter"}} </td>
                                                        <td>{{.Profile.FlavorType}}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="ui blue segment">
                                            <table class="ui celled striped table">
                                                <thead>
                                                <tr> <th colspan="2"> {{.i18n.Tr "repo.modelarts.train_job.resource_setting_info"}} </th> </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.resource_pool"}} </td>
                                                        <td>{{.Profile.DeType}}</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.amount_of_compute_node"}}</td>
                                                        <td>{{.Profile.DeType}}</td>
                                                    </tr>
                                                    <tr>
                                                        <td  class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.NAS_mount_path"}} </td>
                                                        <td>{{.Profile.FlavorType}}</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="ui bottom attached tab segment" data-tab="logs">
                                    <div class="ui top attached segment" style="background: #f0f0f0;">
                                        <form class="ui form" action="{{.Link}}" method="post"> 
                                            <div class="inline field">
                                                <label>{{$.i18n.Tr "repo.modelarts.log"}}</label>
                                                <select class="ui search dropdown" id="trainjob_datasets" style='width:385px' name="attachment">
                                                    {{range .attachments}}
                                                        <option name="attachment" value="{{.UUID}}">{{.Attachment.Name}}</option>
                                                    {{end}}
                                                </select>
                                            </div>
                                        </form>
                                    </div>
                                    <div class="ui attached segment" style="height: 300px !important; overflow: auto;">
                                    </div> 
                                </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{{template "base/footer" .}}
<script>
    $('.menu .item').tab()
    $('.ui.style.accordion').
        accordion();
</script>