//-  Copyright (c) 2019 AT&T Intellectual Property.                             #
//-                                                                             #
//-  Licensed 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([@routerTransition])
  app-page-header([heading]="'Scheduling'", [icon]="'fa-edit'")
  .card-mb-12
    .card-body
      .row
        div.col-6
          input.form-control.bg-light.mb-1( type="text", placeholder="Search...")
        div.col-6
          button.pull-right.mb-1(mat-raised-button, color="primary", (click)='createSchedule()') Schedule a Test

      table.mat-elevation-z8.text-center(mat-table, [dataSource]="dataSource", style="width: 100%")

        ng-container(matColumnDef="name")
          th(mat-header-cell, *matHeaderCellDef) Instance Name
          td(mat-cell, *matCellDef="let element") {{ element.testInstanceName}}

        ng-container(matColumnDef="description")
          th(mat-header-cell, *matHeaderCellDef)  Date Last Run
          td(mat-cell, *matCellDef="let element") {{ element.lastRunAt }}

        ng-container(matColumnDef="testDefinition")
          th(mat-header-cell, *matHeaderCellDef) Date Next Run
          td(mat-cell, *matCellDef="let element") {{ element.nextRunAt }}

        ng-container(matColumnDef="options")
          th(mat-header-cell, *matHeaderCellDef) Options
          td(mat-cell, *matCellDef="let element")
            button.mr-3(mat-mini-fab, aria-label='View', color="primary", (click)='viewSchedule(element)')
              i.fa.fa-eye
            button.text-white(mat-mini-fab, aria-label='Remove', color='warn', (click)='deleteSchedule(element)')
              i.fa.fa-remove

        tr(mat-header-row, *matHeaderRowDef="displayedColumns")
        tr(mat-row, *matRowDef="let row; columns: displayedColumns")

    mat-paginator([length]="resultsLength", [pageSizeOptions]="[10, 25, 100]")