include Mixins

append variables
  - 
    var users = [
      {
        name: 'Emma Watson',
        avatar: {
          img: 'team/1.jpg',
          size: '2xl',
          status: 'online'
        },
        role: 'Admin'
      },
      {
        name: 'Antony Hopkins',
        avatar: {
          img: 'team/2.jpg',
          size: '2xl',
          status: 'online'
        },
        role: 'Moderator'
      },
      {
        name: 'Anna Karinina',
        avatar: {
          img: 'team/3.jpg',
          size: '2xl',
          status: 'away'
        },
        role: 'Editor'
      },
      {
        name: 'John Lee',
        avatar: {
          img: 'team/4.jpg',
          size: '2xl',
          status: 'offline'
        },
        role: 'Admin'
      },
      {
        name: 'Rowen Atkinson',
        avatar: {
          img: 'team/5.jpg',
          size: '2xl',
          status: 'offline'
        },
        role: 'Editor'
      },
      {
        name: 'Bucky Robert',
        avatar: {
          img: 'team/6.jpg',
          size: '2xl',
          status: 'offline'
        },
        role: 'Editor'
      },
      {
        name: 'Tom Hanks',
        avatar: {
          img: 'team/7.jpg',
          size: '2xl',
          status: 'offline'
        },
        role: 'Editor'
      },
    ]

mixin ActiveUser(config)
  .d-flex.align-items-center.position-relative&attributes(attributes)
    +Avatar(config.avatar)
    .flex-1.ms-3
      h6.mb-0.fw-semi-bold
        a(href=`${CWD}pages/user/profile.html`).stretched-link.text-900=config.name
      p.text-500.fs-11.mb-0=config.role

mixin CardActiveUsers(config)
  - var config = Object.assign({start: 0, end: 5}, config)
  .card&attributes(attributes)
    .card-header.d-flex.flex-between-center.bg-body-tertiary.py-2
      h6.mb-0 Active Users
      +DashboardDropdown('dropdown-active-user')
    .card-body.py-2
      each user, index in users.slice(config.start, config.end)
        +ActiveUser(user)(class=`${index !== config.end - 1 && 'mb-3'}`)
    .card-footer.bg-body-tertiary.p-0
      a.btn.btn-sm.btn-link.d-block.w-100.py-2(href=`${CWD}${paths['followers']}`) All active users
        span.fas.fa-chevron-right.ms-1.fs-11