<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
  <div class="container-fluid">
    <a class="navbar-brand pl-3 " href="/">Butler</a>
  </div>
  <div class="container-fluid flex-column">
    <div class="collapse navbar-collapse" id="sidebarMenu">
      <!-- 로그인/로그아웃 및 회원가입 버튼 -->
      <ul class="navbar-nav">
        {% if request.user.is_authenticated %}
          <!-- 로그아웃 버튼 -->
          <li class="nav-item">
            <form method="post" action="{% url 'custom_auth:logout' %}">
              {% csrf_token %}
              <button type="submit" class="btn btn-outline-danger w-100">Logout</button>
            </form>
          </li>
        {% else %}
          <!-- 로그인 버튼 -->
          <li class="nav-item">
            <button type="button" class="btn btn-outline-primary w-100 mb-2" data-bs-toggle="modal" data-bs-target="#loginModal">Login</button>
          </li>
          <!-- 회원가입 버튼 -->
          <li class="nav-item">
            <button type="button" class="btn btn-outline-success w-100" data-bs-toggle="modal" data-bs-target="#signupModal">Sign Up</button>
          </li>
        {% endif %}
      </ul>
    </div>
  </nav>

  