/*
Template Name: webadmin - Admin & Dashboard Template
Author: Themesdesign
Website: https://Themesdesign.com/
Contact: Themesdesign@gmail.com
File: Ecommerce shops Js File
*/

// Basic Table
new gridjs.Grid({
  columns:
    [
      

      {
        name: 'Brand',
        sort: {
          enabled: false
      },
        formatter: (function (cell) {
          switch (cell) {
            case "M":
              return gridjs.html('<div class="avatar"><span class="avatar-title bg-primary-subtle  text-primary font-size-16 rounded-circle"> ' + cell + ' </span></div>');

            case "B":
              return gridjs.html('<div class="avatar"><span class="avatar-title bg-warning-subtle  text-warning font-size-16 rounded-circle"> ' + cell + ' </span></div>');

              case "K":
                return gridjs.html('<div class="avatar"><span class="avatar-title bg-success-subtle  text-success font-size-16 rounded-circle"> ' + cell + ' </span></div>');

            case "P":
              return gridjs.html('<div class="avatar"><span class="avatar-title bg-danger-subtle  text-danger font-size-16 rounded-circle"> ' + cell + ' </span></div>');

            default:
              return gridjs.html('<div class="avatar"><span class="avatar-title bg-primary-subtle  text-primary font-size-16 rounded-circle"> ' + cell + ' </span></div>');
          }
        })
      },

      {
        name: 'Name',
        formatter: (function (cell) {
          return gridjs.html('<h5 class="font-size-15">'+ cell[0] +'</h5><p class="text-muted mb-0"> <i class="mdi mdi-account me-1"></i>'+ cell[1] +'</p>');
        })
      },
      
      , "Email", "Date", "Product", "Current Balance",

      {
        name: "Action",
        sort: {
          enabled: false
      },
        formatter: (function (cell) {
          return gridjs.html('<div class="dropdown">'+
          '<a class="text-muted dropdown-toggle font-size-20" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true">'+
              '<i class="bx bx-dots-horizontal-rounded"></i></a>'+
          '<div class="dropdown-menu dropdown-menu-end">'+
              '<a class="dropdown-item" href="#">Edit</a>'+
              '<a class="dropdown-item" href="#">Action</a>'+
             '<a class="dropdown-item" href="#">Remove</a>'+
          '</div>'+
      '</div>');
        })
      }
    ],
  pagination: {
    limit: 7
  },
  sort: true,
  search: true,
  data: [
    [ "M",  ["Nedick's", "Wayne McClain"], "WayneMcclain@gmail.com", "07/10/2021", "86", "$12,456" ],
    [ "B",     ["Brendle's", "David Marshall"], "Davidmarshall@gmail.com",  "12/10/2021", "82", "$34,523"],
    [ "K",   ["Tech Hifi", "Katia Stapleton"], "Katiastapleton@gmail.com", "14/11/2021", "75", "$63,265"],
    [ "P", ["Packer", "Mae Rankin"], "Maerankingmail.com",  "14/11/2021", "62", "$42,652"],
    [ "L",  ["Lafayette", "Andrew Bivens"], "Andrewbivens@gmail.com",  "15/11/2021", "55", "$52,652" ],
    [ "B",   ["Tech Hifi", "John McLeroy"], "JohnmcLeroy@gmail.com",  "20/11/2021", "53", "$12,523"],
    [ "K",    ["Packer", "Katia Stapleton"], "Katiastapleton@gmail.com", "23/11/2021", "66", "63,523"],
    [ "P", ["Packer", "Mae Rankin"], "Maerankingmail.com",  "14/11/2021", "62", "$42,652"],
    [ "L",  ["Lafayette", "Andrew Bivens"], "Andrewbivens@gmail.com",  "15/11/2021", "55", "$52,652" ],
    [ "B",   ["Tech Hifi", "John McLeroy"], "JohnmcLeroy@gmail.com",  "20/11/2021", "53", "$12,523"],
    [ "K",    ["Packer", "Katia Stapleton"], "Katiastapleton@gmail.com", "23/11/2021", "66", "63,523"],

  ]
}).render(document.getElementById("table-ecommerce-shops"));