mixin CardMembersActivity
  .card&attributes(attributes)
    .card-header.bg-body-tertiary.py-2.d-flex.flex-between-center
      h6.mb-0 Members Activity
      +DashboardDropdown('dropdown-members-activity')
    .card-body.members-activity.scrollbar-overlay
      -
        var membersActivities = [
          {
            name: 'Chandler Bing',
            avatar: 'team/4-thumb.png',
            activity:[
              {
                img: 'management/activity-1.png',
                amount: '20%',
                color: 'danger'
              },
              {
                img: 'management/activity-2.png',
                amount: '67%',
                color: 'primary'
              },
              {
                img: 'management/activity-3.png',
                amount: '89%',
                color: 'success'
              }
            ]
          },
          {
            name: 'Jared Dunn',
            avatar: 'team/5-thumb.png',
            activity:[
              {
                img: 'management/activity-4.png',
                amount: '20%',
                color: 'success'
              },
              {
                img: 'management/activity-5.png',
                amount: '67%',
                color: 'danger'
              },
              {
                img: 'management/activity-6.png',
                amount: '89%',
                color: 'primary'
              }
            ]
          },
          {
            name: 'Monica Geller',
            avatar: 'team/16.jpg',
            activity:[
              {
                img: 'management/activity-7.png',
                amount: '20%',
                color: 'danger'
              },
              {
                img: 'management/activity-8.png',
                amount: '67%',
                color: 'success'
              },
              {
                img: 'management/activity-9.png',
                amount: '89%',
                color: 'primary'
              },
            ]
          }
        ];
      each item in membersActivities
        +ActivityRow(item)
      
    .card-footer.bg-body-tertiary.p-0
      a.btn.btn-sm.btn-link.d-block.py-2(href=`#!`) See all projects
        span.fas.fa-chevron-right.ms-1.fs-11

mixin ActivityRow(item)
  .row.g-2.mb-4
    .col-12.d-flex.align-items-center
      +Avatar({img: `${item.avatar}`, size: 'xl'}).rounded-circle
      h6.mb-0.ps-2 #{item.name}
    each activity,index in item.activity
      .col-4.position-relative
        img.w-100(src=`${CWD}assets/img/${activity.img}`, alt="...")
        .badge.rounded-pill.position-absolute.top-100.start-50.translate-middle(class = `badge-subtle-${activity.color}`) #{activity.amount}