.trade-page.w80
  h1
    | ROLES
    = link_to new_company_role_path, data: {toggle: 'emodal', title: 'New Role', 'modal-id': 'new_roles_emodal', size: 'lg'}, class: 'btn btn-primary pull-right' do
      span NEW ROLE
  .tabel-trade-hoder
    = link_to 'Archive', '#', class: 'btn btn-archive', id: 'role-archive-link', data: {url: '#'}
    = link_to 'Delete', '#', class: 'btn btn-archive', id: 'role-delete-link', data: {url: '#'}
    table.table.roles_table.tabel-trade cellpadding="0" cellspacing="0"
      tr
        th
          input#master-roles-checkbox.checkbox-custom name="checkbox-1" type="checkbox"
          label.checkbox-custom-label for="master-roles-checkbox"
        th
          | Name
        th
          | Date
        th
          | Features
        th
          | Description
        th
      - @roles.each do |role|
        tr
          td
            input id= "check_box_#{role.id}" class= 'checkbox-custom' name="checkbox-1" type="checkbox"
            label.checkbox-custom-label for="check_box_#{role.id}"
          td
            = role.name
          td
            = role.created_at.strftime("%m/%d/%Y")
          td
            - if role.admin?
              | Full Access
            - else
              = "#{role.features.select {|k, v| v['access'].to_b}.size} / #{role.features&.count}"
          td
            = role.description
          td
            - unless role.name&.downcase == 'admin' and role.admin?
              = link_to 'Edit', edit_company_role_path(role.id), data: {toggle: 'emodal', title: 'New Role', 'modal-id': 'new_roles_emodal', size: 'lg'}