include ../common

mixin LatestReviewsTableRow(data,index)
  tr.hover-actions-trigger.btn-reveal-trigger.position-static
    td.fs-9.align-middle.ps-0
      .form-check.mb-0.fs-8
        input.form-check-input(type='checkbox' data-bulk-select-row!=data)
    td.align-middle.product.white-space-nowrap.py-0
      a(href=`${CWD}${paths['e-commerce-fe-product-details']}`).d-block.rounded-2.border.border-translucent
        img(src=`${CWD}assets/img/${data.productImage}` alt="" width=53)
    td.align-middle.product.white-space-nowrap
      a.fw-semibold(href=`${CWD}${paths['e-commerce-fe-product-details']}`)=`${data.product.slice(0,46)}${data.product.length > 46 ? '...' : '' }`
    td.align-middle.customer.white-space-nowrap
      a(href=`${CWD}${paths['e-commerce-fe-profile']}`).d-flex.align-items-center.text-body
        .avatar.avatar-l
          if data.customer.avatar
            img.rounded-circle(src=`${CWD}assets/img${data.customer.avatar}`, alt="" class=data.customer.avatarPlaceholder ? 'avatar-placeholder' : '')
          else
            .avatar-name.rounded-circle
              span=data.customer.name.charAt(0).toUpperCase()
        h6.mb-0.ms-3.text-body=data.customer.name
    td.align-middle.rating.white-space-nowrap.fs-10
      +Rating(data.rating)
    td.align-middle.review(style='min-width:350px;')
      p.fs-9.fw-semibold.text-body-highlight.mb-0!=`${data.review.slice(0,134)}${data.review.length > 134 ? `...<a href='#!'>See more</a>` : '' }`
    td.align-middle.text-start.ps-5.status

      span.badge.badge-phoenix.fs-10(class=`badge-phoenix-${data.status.badge}`)
        span.badge-label=data.status.title
        span.ms-1(data-feather=data.status.icon style='height:12.8px;width:12.8px;')
    td.align-middle.text-end.time.white-space-nowrap
      .hover-hide
        h6.text-body-highlight.mb-0=data.time
    td.align-middle.white-space-nowrap.text-end.pe-0
      .position-relative
        .hover-actions
          button.btn.btn-sm.btn-phoenix-secondary.me-1.fs-10
            span.fas.fa-check
          button.btn.btn-sm.btn-phoenix-secondary.fs-10
            span.fas.fa-trash
      +DashboardDropdown.fs-10


mixin LatestReviewsTable
  -
    var latestReviewsTableData = [
      {
        product:'Fitbit Sense Advanced Smartwatch with Tools for Heart Health, Stress Management & Skin Temperature Trends, Carbon/Graphite, One Size (S & L Bands)',
        productImage:'/products/60x60/1.png',
        customer:{
          name:'Richard Dawkins',
          avatar:''
        },
        rating:5,
        review:'This Fitbit is fantastic! I was trying to be in better shape and needed some motivation, so I decided to treat myself to a new Fitbit.',
        status: {
          title: 'Approved',
          badge: 'success',
          icon:'check'
        },
        time:'Just now',
      },
      {
        product:'iPhone 13 pro max-Pacific Blue-128GB storage',
        productImage:'/products/60x60/2.png',
        customer:{
          name:'Ashley Garrett',
          avatar:'/team/40x40/59.webp'
        },
        rating:3,
        review:'The order was delivered ahead of schedule. To give us additional time, you should leave the packaging sealed with plastic.',
        status: {
          title: 'Approved',
          badge: 'success',
          icon:'check'
        },
        time:'Just now'
      },
      {
        product:'Apple MacBook Pro 13 inch-M1-8/256GB-space',
        productImage:'/products/60x60/3.png',
        customer:{
          name:'Woodrow Burton',
          avatar:'/team/40x40/58.webp'
        },
        rating:4.5,
        review: "It's a Mac, after all. Once you've gone Mac, there's no going back. My first Mac lasted over nine years, and this is my second.",
        status: {
          title: 'Pending',
          badge: 'warning',
          icon:'clock'
        },
        time:'Just now'
      },
      {
        product: 'Apple iMac 24" 4K Retina Display M1 8 Core CPU, 7 Core GPU, 256GB SSD, Green (MJV83ZP/A) 2021',
        productImage:'/products/60x60/4.png',
        customer:{
          name:'Eric McGee',
          avatar:'/team/40x40/avatar.webp',
          avatarPlaceholder: true
        },
        rating:3,
        review:"Personally, I like the minimalist style, but I wouldn't choose it if I were searching for a computer that I would use frequently. It's not horrible in terms of speed and power, but the",
        status: {
          title: 'Pending',
          badge: 'warning',
          icon:'clock'
        },
        time:'Nov 09, 3:23 AM'
      },
      {
        product:'Razer Kraken v3 x Wired 7.1 Surroung Sound Gaming headset',
        productImage:'/products/60x60/5.png',
        customer:{
          name:'Kim Carroll',
          avatar:'/team/40x40/avatar.webp',
          avatarPlaceholder: true
        },
        rating:4,
        review:'It performs exactly as expected. There are three of these in the family.',
        status: {
          title: 'Pending',
          badge: 'warning',
          icon:'clock'
        },
        time:'Nov 09, 2:15 PM'
      },
      {
        product:'PlayStation 5 DualSense Wireless Controller',
        productImage:'/products/60x60/6.png',
        customer:{
          name:'Barbara Lucas',
          avatar:'/team/40x40/57.webp'
        },
        rating:4,
        review:'The controller is quite comfy for me. Despite its increased size, the controller still fits well in my hands.',
        status: {
          title: 'Approved',
          badge: 'success',
          icon:'check'
        },
        time:'Nov 08, 8:53 AM'
      },
      {
        product:'2021 Apple 12.9-inch iPad Pro (Wi‑Fi, 128GB) - Space Gray',
        productImage:'/products/60x60/7.png',
        customer:{
          name:'Ansolo Lazinatov',
          avatar:'/team/40x40/3.webp'
        },
        rating:4.5,
        review:'The response time and service I received when contacted the designers were Phenomenal!',
        status: {
          title: 'Pending',
          badge: 'warning',
          icon:'clock'
        },
        time:'Nov 07, 9:00 PM'
      },
      {
        product:'Amazon Basics Matte Black Wired Keyboard - US Layout (QWERTY)',
        productImage:'/products/60x60/8.png',
        customer:{
          name:'Emma watson',
          avatar:'/team/40x40/26.webp'
        },
        rating:3,
        review:'I have started using this theme in the last week and it has really impressed me very much, the support is second to none.',
        status: {
          title: 'Pending',
          badge: 'warning',
          icon:'clock'
        },
        time:'Nov 07, 11:20 AM'
      },
      {
        product:'Amazon Basics Mesh, Mid-Back, Swivel Office Desk Chair with Armrests, Black',
        productImage:'/products/60x60/9.png',
        customer:{
          name:'Rowen Atkinson',
          avatar:'/team/40x40/29.webp'
        },
        rating:5,
        review:'The best experience we could hope for. Customer service team is amazing and the quality of their products is unsurpassed. Great theme too!',
        status: {
          title: 'Approved',
          badge: 'success',
          icon:'check'
        },
        time:'Nov 07, 2:00 PM'
      },
      {
        product:'Apple Magic Mouse (Wireless, Rechargable) - Silver',
        productImage:'/products/60x60/10.png',
        customer:{
          name:'Anthony Hopkins',
          avatar:''
        },
        rating:4,
        review:'This template has allowed me to convert my existing web app into a great looking, easy to use UI in less than 2 weeks. Very easy to use and understand and has a wide range of ready to use elements. ',
        status: {
          title: 'Approved',
          badge: 'success',
          icon:'check'
        },
        time:'Nov 06, 8:00 AM'
      },
      {
        product:'Echo Dot (4th Gen) _ Smart speaker with Alexa _ Glacier White',
        productImage:'/products/60x60/11.png',
        customer:{
          name:'Jennifer Schramm',
          avatar:'/team/40x40/8.webp'
        },
        rating:4.5,
        review:'The theme is really beautiful and the support answer very quickly and is friendly. Buy it, you will not regret it.',
        status: {
          title: 'Pending',
          badge: 'warning',
          icon:'clock'
        },
        time:'Nov 05, 4:00 AM'
      },
      {
        product:'HORI Racing Wheel Apex for PlayStation 4_3, and PC',
        productImage:'/products/60x60/12.png',
        customer:{
          name:'Raymond Mims',
          avatar:'/team/40x40/avatar.webp',
          avatarPlaceholder: true
        },
        rating:4,
        review:'As others mentioned, the team behind this theme is super responsive. I sent a message during the weekend, fully expecting a response after the weekend, but I got one within minutes, and I was unblocked.',
        status: {
          title: 'Approved',
          badge: 'success',
          icon:'check'
        },
        time:'Nov 04, 6:53 PM'
      },
      {
        product:'Nintendo Switch with Neon Blue and Neon Red Joy‑Con - HAC-001(-01)',
        productImage:'/products/60x60/13.png',
        customer:{
          name:'Michael Jenkins',
          avatar:'/team/40x40/9.webp'
        },
        rating:5,
        review:`I had a bit of a hard time at first but after I contacted the team they were able to help me set up the theme. It's really good and I highly recommend it to everyone.`,
        status: {
          title: 'Pending',
          badge: 'warning',
          icon:'clock'
        },
        time:'Nov 04, 12:00 PM'
      },
      {
        product:'Oculus Rift S PC-Powered VR Gaming Headset',
        productImage:'/products/60x60/14.png',
        customer:{
          name:'Kristine Cadena',
          avatar:'/team/40x40/avatar.webp',
          avatarPlaceholder: true
        },
        rating:5,
        review:'Excellent. All my doubts were answered by the team quickly. I highly recommend it.',
        status: {
          title: 'Pending',
          badge: 'warning',
          icon:'clock'
        },
        time:'Nov 03, 8:53 AM'
      },
      {
        product:'Sony X85J 75 Inch Sony 4K Ultra HD LED Smart Google TV',
        productImage:'/products/60x60/15.png',
        customer:{
          name:'Suzanne Martinez',
          avatar:'/team/40x40/24.webp'
        },
        rating:3.5,
        review:"This theme is great. Clean and easy to understand. Perfect for those who don't have time to start everything from scratch. The support is simply phenomenal! Highly recommended!",
        status: {
          title: 'Approved',
          badge: 'success',
          icon:'check'
        },
        time:'Nov 03, 10:43 AM'
      },
    ]
  .table-responsive.mx-n1.px-1.scrollbar
    table.table.fs-9.mb-0.border-top.border-translucent
      thead
        tr
          th.white-space-nowrap.fs-9.ps-0.align-middle
            .form-check.mb-0.fs-8
              input.form-check-input#checkbox-bulk-reviews-select(
                type='checkbox' 
                data-bulk-select!={
                  body: "table-latest-review-body",
                }
              )
          th.sort.white-space-nowrap.align-middle(scope='col')
          th.sort.white-space-nowrap.align-middle(scope='col' style='min-width:360px;' data-sort="product") PRODUCT
          th.sort.align-middle(scope='col' data-sort="customer" style='min-width:200px;') CUSTOMER
          th.sort.align-middle(scope='col' data-sort="rating" style='min-width:110px;') RATING
          th.sort.align-middle(scope='col' style='max-width:350px;' data-sort="review") REVIEW
          th.sort.text-start.ps-5.align-middle(scope='col' data-sort="status") STATUS
          th.sort.text-end.align-middle(scope='col' data-sort="time") TIME
          th.sort.text-end.pe-0.align-middle(scope='col')
      tbody.list#table-latest-review-body
        each row,index in latestReviewsTableData
          +LatestReviewsTableRow(row,index)

mixin LatestReviews
  div(data-list!={
    valueNames: ["product", "customer", "rating", "review", "time"],
    page: 6,
  })
    .row.align-items-end.justify-content-between.pb-5.g-3
      .col-auto
        h3 Latest reviews
        p.text-body-tertiary.lh-sm.mb-0 Payment received across all channels
      .col-12.col-md-auto
        .row.g-2.gy-3
          .col-auto.flex-1
            +Search({placeholder:'Search', inputClass: 'form-control-sm'})
          .col-auto
            button.btn.btn-sm.btn-phoenix-secondary.bg-body-emphasis.bg-body-hover.me-2(type='button') All products
            button.btn.btn-sm.btn-phoenix-secondary.bg-body-emphasis.bg-body-hover.action-btn(type='button' data-bs-toggle='dropdown' data-boundary="window" aria-haspopup="true" aria-expanded="false" data-bs-reference="parent" )
              span.fas.fa-ellipsis-h(data-fa-transform="shrink-2")
            ul.dropdown-menu.dropdown-menu-end
              li
                a.dropdown-item(href='#') Action
              li
                a.dropdown-item(href='#') Another action
              li
                a.dropdown-item(href='#') Something else here

    +LatestReviewsTable
    .row.align-items-center.py-1
      .pagination.d-none
      .col.d-flex.fs-9
        p.mb-0.d-none.d-sm-block.me-3.fw-semibold.text-body(data-list-info)
        a.fw-semibold(href='#!' data-list-view="*")
          | View all
          span.fas.fa-angle-right.ms-1(data-fa-transform='down-1')
        a.fw-semibold.d-none(href='#!' data-list-view="less")
          | View Less
      .col-auto.d-flex
        = '\n'
        button(type='button' title="Previous" data-list-pagination='prev').btn.btn-link.px-1.me-1
          span.fas.fa-chevron-left.me-2
          | Previous
        button(type='button' title="Next" data-list-pagination='next').btn.btn-link.px-1.ms-1
          | Next
          span.fas.fa-chevron-right.ms-2