const useragent = 'Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)'

  const Perfil = '' 
 const navigation = [
   { id: 0, text: 'TDRPIPE-GRPO', icon: 'home', path: '../' },
  
  

{ id: 99, text: 'Exit', icon: 'close', path:'../index.php?Salir=Y' },

]; 

$(() => {


  const drawer = $("#drawer").dxDrawer({
    opened:  true,
    position: "left",
    closeOnOutsideClick: true,
    template() {
      const $list = $("<div>").width(250).addClass("panel-list");

      return $list.dxList({
        dataSource: navigation,
        hoverStateEnabled: false,
        focusStateEnabled: false,
        activeStateEnabled: false,
        elementAttr: { class: "dx-theme-accent-as-background-color" },
         selectionMode: "single",
      onSelectionChanged: function(e) {
                 
                    window.location.href = e.addedItems[0].path ;
                   // drawer.hide();
                },

      });
    },
     
  }).dxDrawer("instance");


      $("#toolbar").dxToolbar({
    items: [{
      widget: "dxButton",
      location: "before",
      options: {
        icon: "menu",
        onClick() {
          drawer.toggle();
        },
      },
    }],
  });


});