nav.eex

<div class="container menu">
  <nav class="navbar navbar-expand-lg navbar-light">
    <a class="navbar-brand" href="#">
      <img src="<%= static_path(@conn, "/images/smal-trangell-logo.png") %>" alt="گروه برنامه نویسی ترانگل">
      ترانگل
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav">
        <%=
          # inspect @conn.request_path

          for {_key, {name, addres, sub}} <- main_menu do %>
          <%=if length(sub) > 0 do %>
              <%=if addres === @conn.request_path do
                tag(:li, class: "nav-item dropdown active")
              else
                tag(:li, class: "nav-item dropdown")
              end %>
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <%= name %>
              </a>
              <div class="dropdown-menu" aria-labelledby="navbarDropdown">
              <%= for {subname, subaddres}  <- sub do
                raw "<a class=\"dropdown-item\" href=#{subaddres}>#{subname}</a><div class=\"dropdown-divider\"></div>"
              end %>
              </div>
            </li>
          <% else %>
          <%=
            if addres === @conn.request_path do
              tag(:li, class: "nav-item active")
            else
              tag(:li, class: "nav-item")
            end
          %>
              <%= raw "<a class=\"nav-link\" href=#{addres}>#{name}</a>" %>
          </li>
          <% end %>
        <% end %>
      </ul>

      <div class="basket">
        <div class="container">
            <div class="row">
              <div class="col-sm">
                One of three columns
              </div>
            </div>
          </div>
      </div> <!-- lang - basket  -->
    </div>
  </nav>
</div>