extends ../layouts/main
block content

  include ../job-queue/components/job-list

  .uk-margin
    h1 Job Queue: #{queueName}
    div(uk-grid).uk-flex-between
      .uk-width-auto
        label.uk-form-label.uk-text-primary Active
        .uk-text-large= numeral(jobCounts.active).format('0,0')
      .uk-width-auto
        label.uk-form-label.uk-text-success Completed
        .uk-text-large= numeral(jobCounts.completed).format('0,0')
      .uk-width-auto
        label.uk-form-label.uk-text-warning Delayed
        .uk-text-large= numeral(jobCounts.delayed).format('0,0')
      .uk-width-auto
        label.uk-form-label.uk-text-danger Failed
        .uk-text-large= numeral(jobCounts.failed).format('0,0')
      .uk-width-auto
        label.uk-form-label.uk-text-muted Waiting
        .uk-text-large= numeral(jobCounts.waiting).format('0,0')
      .uk-width-auto
        label.uk-form-label.uk-text-muted Paused
        .uk-text-large= numeral(jobCounts.paused).format('0,0')

  div(uk-grid)
    div(class="uk-width-1-1 uk-width-1-2@l")
      .uk-margin
        .uk-card.uk-card-default.uk-card-small
          .uk-card-header
            h3.uk-card-title Active
          .uk-card-body
            +renderJobQueueJobList(newsletterQueue, jobs.active)

      .uk-margin
        .uk-card.uk-card-default.uk-card-small
          .uk-card-header
            h3.uk-card-title Delayed
          .uk-card-body
            +renderJobQueueJobList(newsletterQueue, jobs.delayed)

      .uk-margin
        .uk-card.uk-card-default.uk-card-small
          .uk-card-header
            h3.uk-card-title Paused
          .uk-card-body
            +renderJobQueueJobList(newsletterQueue, jobs.paused)

    div(class="uk-width-1-1 uk-width-1-2@l")
      .uk-margin
        .uk-card.uk-card-default.uk-card-small
          .uk-card-header
            h3.uk-card-title Waiting
          .uk-card-body
            +renderJobQueueJobList(newsletterQueue, jobs.waiting)

      .uk-margin
        .uk-card.uk-card-default.uk-card-small
          .uk-card-header
            h3.uk-card-title Failed
          .uk-card-body
            +renderJobQueueJobList(newsletterQueue, jobs.failed)