<div class="navbar bg-base-100 mb-5">
  <div class="navbar-start">
    <div class="dropdown">
      <label tabindex="0" class="btn btn-ghost lg:hidden">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" /></svg>
      </label>
      <ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52">
        <li><%= link_to 'Map', map_url, class: "#{active_class?(map_url)}" %></li>
        <li><%= link_to 'Points', points_url, class: "#{active_class?(points_url)}" %></li>
        <li><%= link_to 'Stats', stats_url, class: "#{active_class?(stats_url)}" %></li>
        <li><%= link_to 'Imports', imports_url, class: "#{active_class?(imports_url)}" %></li>
        <li><%= link_to 'Exports', exports_url, class: "#{active_class?(exports_url)}" %></li>
      </ul>
    </div>
    <%= link_to 'DaWarIch', root_path, class: 'btn btn-ghost normal-case text-xl'%>
    <div class="badge mx-4 <%= 'badge-outline' if new_version_available? %> ">
      <a href="https://github.com/Freika/dawarich/releases/latest" target="_blank">
        <%= app_version %>
        <% if new_version_available? %>
          <span class="tooltip tooltip-bottom" data-tip="New version available! Check out Github releases!">
            &nbsp!
          </span>
        <% end %>
      </a>
    </div>

    <% if user_signed_in? %>
      <% if current_user.theme == 'light' %>
        <%= link_to settings_theme_path(theme: 'dark'), data: { turbo: false }, class: 'btn btn-ghost' do %>
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
        <% end %>
      <% else %>
        <%= link_to settings_theme_path(theme: 'light'), data: { turbo: false }, class: 'btn btn-ghost' do %>
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.2 4.2l1.4 1.4M18.4 18.4l1.4 1.4M1 12h2M21 12h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4"/></svg>
        <% end %>
      <% end %>
    <% end %>
  </div>
  <div class="navbar-center hidden lg:flex">
    <ul class="menu menu-horizontal px-1">
      <li><%= link_to 'Map', map_url, class: "#{active_class?(map_url)}" %></li>
      <li><%= link_to 'Points', points_url, class: "#{active_class?(points_url)}" %></li>
      <li><%= link_to 'Stats', stats_url, class: "#{active_class?(stats_url)}" %></li>
      <li><%= link_to 'Imports', imports_url, class: "#{active_class?(imports_url)}" %></li>
      <li><%= link_to 'Exports', exports_url, class: "#{active_class?(exports_url)}" %></li>
    </ul>
  </div>
  <div class="navbar-end">
  <%# menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52 %>
    <ul class="menu menu-horizontal bg-base-100 rounded-box px-1">
      <% if user_signed_in? %>
        <li>
        <details>
          <summary>
            <%= "#{current_user.email}" %>
          </summary>
          <ul class="p-2 bg-base-100 rounded-t-none z-10">
            <li><%= link_to 'Settings', edit_user_registration_path %></li>
            <li><%= link_to 'Logout', destroy_user_session_path, method: :delete, data: { turbo_method: :delete } %></li>
          </ul>
        </details>
      </li>
        </details>
      <% else %>
        <li><%= link_to 'Login', new_user_session_path %></li>
        <li><%= link_to 'Register', new_user_registration_path %></li>
      <% end %>
    </ul>
  </div>
</div>

