Navigation

// Navigation Desktop
nav.navigation-desktop
  = link_to "#" do
    = vite_image_tag("images/shared/enercoop-logo.svg", class: "navbar-logo")

  .navigation-main-links.hidden-sm
    = link_to("Accueil", "#", class: "active")
    = link_to("Factures", "#")
    = link_to("Consommation", "#")
    = link_to("Sociétariat", "#")
    = link_to("Déménagement", "#")
  .navigation-right
    .hidden-sm.dropdown-trigger
      = link_to "#", class: "flex-align-center" do
        i.ph-user-circle-bold.account-icon
        .ml-1.mr-1 = "John Doe"
        i.ph-caret-down-bold
      .dropdown.mt-1.dropdown-no-wrap
        = link_to "Informations personnelles", "#", target: "_blank", rel: "noopener"
        = link_to "Contrats", "#", target: "_blank", rel: "noopener"
        = link_to "Coordonnées bancaires", "#", target: "_blank", rel: "noopener"
        = link_to "Coordonnées bancaires sociétaire", "#", target: "_blank", rel: "noopener"
        = link_to "Déconnexion", "#", method: :delete

    .hidden-unless-sm
      = link_to "#", class: "js-navigation-burger-menu" do
        i.ph-list-bold

// Navigation Mobile
nav.navigation-mobile.js-navigation-mobile-menu
  .navigation-mobile-header
    = link_to "#", class: "js-navigation-close-menu align-right" do
      i.ph-x-bold
  .navigation-mobile-content
    .navigation-main-links
      = link_to("Accueil", "#", class: "active")
      = link_to("Factures", "#")
      = link_to("Consommation", "#")
      = link_to("Sociétariat", "#")
      = link_to("Déménagement", "#")

    .navigation-bottom
      .icon-and-label.ui-m-med
        i.ph-user-circle-bold.account-icon
        = "John Doe"
      hr.mt-2.mb-2
        = link_to "FAQ", "https://www.faq.enercoop.fr/hc/fr", target: "_blank", rel: "noopener"
        = link_to "Déconnexion", "#", method: :delete