<nav class="navbar bg-black border-bottom border-bottom-dark navbar-expand-lg" data-bs-theme="dark">
    <div class="container-fluid">
        <a class="navbar-brand" href="/">
          <img src="./images/netflix.png" height="50px" width="100px" alt="Netflix logo" >
        </a>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav list-group-horizontal-sm">
            <li class="nav-item m-1">
              <a class="nav-link active"  href="/">Home</a>
            </li>
            <li class="nav-item m-1">
              <a class="nav-link active" href="#tv">TV Shows</a>
            </li>
            <li class="nav-item m-1">
              <a class="nav-link active" href="/add-movie">Add Movie</a>
            </li>
            <li class="nav-item m-1">
              <a class="nav-link active" href="/south-indian">South Indian</a>
            </li>
        </ul>
        <form class="d-flex m-2" role="search">
          <input class="form-control w-50" type="search" placeholder="Search">
          <button class="btn btn-outline-light " type="submit"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
            <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
          </svg></button>
      </form>
        </div>  
        <button class="navbar-toggler m-2" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
    </div>
  </nav>