<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>ESK System</title>

    <!-- Bootstrap -->
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
    />
  </head>

  <body>
    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark mb-4">
      <div class="container-fluid">
        <a class="navbar-brand" href="/dashboard">ESK System</a>

        <% if (currentUser) { %>
          <button
            class="navbar-toggler"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#navbarNav"
          >
            <span class="navbar-toggler-icon"></span>
          </button>

          <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
              <li class="nav-item">
                <a class="nav-link" href="/dashboard">Dashboard</a>
              </li>

             
              <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">
                  Zeiterfassung
                </a>
                <ul class="dropdown-menu">
                  <li><a class="dropdown-item" href="/time/my">Meine Zeiten</a></li>
                  <li><a class="dropdown-item" href="/time/new">Zeit erfassen</a></li>
                  <li><a class="dropdown-item" href="/time/my/week">Wochenübersicht</a></li>
                  <li><a class="dropdown-item" href="/time/my/month">Monatsübersicht</a></li>

                  <% if (currentUser.role === 'admin') { %>
                    <li><hr class="dropdown-divider"></li>
                    <li><a class="dropdown-item" href="/time/all">Alle Zeiten</a></li>
                    <li><a class="dropdown-item" href="/time/by-commission">Zeit pro Kommission</a></li>
                  <% } %>
                </ul>
              </li>
              
              <li class="nav-item">
                <a class="nav-link" href="/time/my">Zeiterfassung</a>
              </li>
              <li class="nav-item">
                <a href="/commissions/my" class="nav-link">Meine Kommissionen</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="/reports/my">Meine Einsatzberichte</a>
              </li>

              <li class="nav-item">
                <a class="nav-link" href="/materials/my">Meine Materiallisten</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="/materials">Materialliste</a>
              </li>

              <li class="nav-item">
                <a class="nav-link" href="/reports">Einsatzberichte</a>
              </li>
              <!--
              <li class="nav-item"><a class="nav-link" href="/time/my">Meine Zeiten</a></li>
              <li class="nav-item"><a class="nav-link" href="/time/new">Zeit erfassen</a></li>

              <% if (currentUser.role === 'admin') { %>
                <li class="nav-item"><a  class="nav-link" href="/time/all">Alle Zeiten</a></li>
                <li class="nav-item"><a class="nav-link" href="/time/by-commission">Zeit pro Kommission</a></li>
              <% } %>
            -->
              <% if (currentUser.role === 'admin') { %>
                <li class="nav-item dropdown">
                  <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">
                    Verwaltung
                  </a>
                  <ul class="dropdown-menu">
                    <!-- <li><a class="dropdown-item" href="/time/my">Meine Zeiten</a></li>
                    <li><a class="dropdown-item" href="/time/new">Zeit erfassen</a></li>
                    <li><a class="dropdown-item" href="/time/my/week">Wochenübersicht</a></li>
                    <li><a class="dropdown-item" href="/time/my/month">Monatsübersicht</a></li>
                   -->
                    <li><a class="dropdown-item" href="/customers">Kunden Verwaltung</a></li>
                    <li><a class="dropdown-item" href="/commissions" >Kommissionen</a></li>
                    <li><a class="dropdown-item" href="/admin/users">Benutzer</a></li>
                    <li><a href="/admin/time_entries" class="dropdown-item">Zeiteinträge verwalten</a></li>
                    <li><a href="/admin/logo" class="dropdown-item">Logo verwaltung</a></li>
 


                   <!-- <li><a class="dropdown-item" href="/users">Benutzerverwaltung</a></li>-->
                  </ul>
                </li>

              <% } %>

            </ul>

            <span class="navbar-text me-3">
              <%= currentUser.username %> <!--(<%= currentUser.role %>)-->
            </span>

            <a class="btn btn-outline-light btn-sm" href="/logout">Logout</a>
          </div>
        <% } %>
      </div>
    </nav>

    <div class="container">
