{{!
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements.  See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership.  The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License.  You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
}}
<div class="row-fluid">
    <div class="top-portion">
        <ul class="breadcrumb">
            <li><a href="#/main/mirroring">{{t mirroring.dataset.AllDataSets}}</a> <span class="divider">/</span></li>
            <li class="active">{{view.dataset.name}}</li>
        </ul>
      {{#if App.isAdmin}}
          <div class="mirroring-top-nav button-section pull-right">
            {{#if isScheduled}}
                <span class="label label-success">{{content.status}}</span>
                <a href="javascript:void(null)" data-toggle="modal"
                   class="btn btn-danger" {{action "suspend" target="controller"}}>
                    <i class="icon-pause"></i>
                  {{actionDesc}}
                </a>
            {{else}}
                <span class="label label-important">{{content.status}}</span>
                <a href="javascript:void(null)" data-toggle="modal"
                   class="btn btn-success" {{action "schedule" target="controller"}}>
                    <i class="icon-play"></i>
                  {{actionDesc}}
                </a>
            {{/if}}
          </div>
      {{/if}}

    </div>
    <div class="jobs-sidebar">
        <h5>{{t common.details}} <span class="pull-right"><a
                href="#" {{action gotoEditDataset view.dataset}}>{{t common.edit}}</a></span></h5>
        <hr/>
        <p>{{t mirroring.dataset.source}}: <span class="pull-right">{{view.dataset.sourceClusterName}}</span></p>

        <p>{{t mirroring.dataset.target}}: <span class="pull-right">{{view.dataset.targetClusterName}}</span></p>
        <h5>{{t common.stats}}</h5>
        <hr/>
        <p>{{t mirroring.dataset.avgData}}: <span class="pull-right">{{view.dataset.avgData}}</span></p>

        <p>{{t mirroring.dataset.dateCreated}}: <span class="pull-right">{{view.dataset.createdDate}}</span></p>
    </div>
    <div class="jobs-middleportion">
        <div id="mirroring">
            <table class="table table-bordered table-striped">
                <thead>
                <tr>
                  {{#view view.sortView contentBinding="view.filteredContent"}}
                      <th class="first"></th>
                    {{view view.parentView.idSort}}
                    {{view view.parentView.startSort}}
                    {{view view.parentView.endSort}}
                    {{view view.parentView.durationSort}}
                    {{view view.parentView.dataSort}}
                      <th>
                        {{t common.status}}
                      </th>

                  {{/view}}
                </tr>
                <tr>
                    <th class="first"></th>
                    <th>{{view view.idFilterView}}</th>
                    <th>{{view view.startFilterView}}</th>
                    <th>{{view view.endFilterView}}</th>
                    <th>{{view view.durationFilterView}}</th>
                    <th>{{view view.dataFilterView}}</th>
                </tr>
                </thead>
                <tbody>
                  {{#if view.pageContent}}
                    {{#each job in view.pageContent}}
                      {{#view view.JobView contentBinding="job"}}

                      <td class="first">
                      </td>

                      <td>{{unbound job.id}}</td>
                      <td>{{view.startFormatted}}</td>
                      <td>{{view.endFormatted}}</td>

                      <td>
                        {{view.durationFormatted}}
                      </td>

                      <td>{{job.data}}</td>
                      <td>

                        {{#if view.canActionBeTaken}}
                            <div class="btn-group">
                                <a {{bindAttr class="view.statusClass"}} data-toggle="dropdown" href="#">
                                  {{view.content.status}}
                                    <span class="caret"></span>
                                </a>
                                <ul class="dropdown-menu">
                                  {{#each view.listOfOptions}}
                                      <li>
                                          <a href="#" {{action "changeStatus" this target="view" on="click"}}>{{title}}</a>
                                      </li>
                                  {{/each}}
                                </ul>
                            </div>
                        {{else}}
                          {{#if view.isKilled}}
                              <span class="label label-important">{{view.content.status}}</span>
                          {{else}}
                              <span class="label label-info">{{view.content.status}}</span>
                          {{/if}}
                        {{/if}}
                      </td>
                      {{/view}}
                    {{/each}}
                  {{else}}
                  <tr>
                      <td class="first"></td>
                      <td colspan="6">
                        {{t mirroring.table.noJobs}}
                      </td>
                  </tr>
                  {{/if}}
                </tbody>
            </table>

            <div class="page-bar">
                <div class="items-on-page">
                    <label>{{t common.show}}
                        : {{view view.rowsPerPageSelectView selectionBinding="view.displayLength"}}</label>
                </div>
                <div class="info">{{view.paginationInfo}}</div>
                <div class="paging_two_button">
                  {{view view.paginationLeft}}
                  {{view view.paginationRight}}
                </div>
            </div>
        </div>
    </div>
</div>