<div class="navbar navbar-expand-sm navbar-light navbar-lewagon">
  <%= link_to "/", class: "navbar-brand" do %>
  <img src="https://res.cloudinary.com/dzrilmt6t/image/upload/v1566466457/Image_8-22-19_at_11.33_AM_n5yx5i.jpg">
  <% end %>
  <div class="md-form mt-10">
    <div class="align-self">
      <%= form_tag vans_path, method: :get do %>
      <%= text_field_tag :query,
              params[:query],
              class: "form-control",
              placeholder: "Find a Van",
              id: "searchform",
              style: "width: 43vw;  border: 0px solid #ced4da !important;background-color: #fff0 !important;"
            %>
      <hr style="margin: 0;width: 43vw;border-top: 1px solid rgb(255, 255, 255);">
      <% end %>
        </div>
    </div>
    <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 mr-auto">
        <li class="nav-item active">
          <%= link_to "Home", "/", class: "nav-link" %>
        </li>
        <li class="nav-item">
          <%= link_to "Vans", vans_path, class: "nav-link" %>
        </li>
        <li>
        </li>
        <li>
          <% if current_user %>
          <%= link_to "New Van", new_van_path, class: "nav-link btn btn-success", style: "color:white; margin-right:8px;" %>
          <% end %>
        </li>
        <li class="nav-item dropdown">
          <% if current_user %>
          <%= image_tag "https://images.unsplash.com/photo-1537815749002-de6a533c64db", class: "avatar dropdown-toggle", id: "navbarDropdown", data: { toggle: "dropdown" }, 'aria-haspopup': true, 'aria-expanded': false %>
          <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
            <%= link_to "Log Out", destroy_user_session_path, method: :delete, class: "nav-link" %>
          </div>
          <% else %>
          <a class="nav-link dropdown-toggle btn btn-flat" id="navbarDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" src="https://images.unsplash.com/photo-1537815749002-de6a533c64db" style="color: rgb(0, 0, 0);">Get started</a>
          <div id="login-dropdown" class="dropdown-menu dropdown-menu-right card-trip" aria-labelledby="navbarDropdown">
            <%= form_for(:user, :url => session_path(:user)) do |f| %>
            <%= f.text_field :email %>
            <%= f.password_field :password %>
            <br>
            <%= f.check_box :remember_me %>
            <%= f.label :remember_me %>
            <%= f.submit 'Sign in', class: "btn btn-flat", style: "width: 100%; background: #dee2e6; margin-bottom: 12px;" %>
            <br>
            <%= link_to "Forgot your password?", new_password_path(:user) %>
            <hr>
            <%= link_to "Sign up", new_user_registration_path, class: "btn btn-flat", style: "width: 100%;"%>
            <% end %>
          </div>
          <% end %>
        </li>
      </ul>
    </div>
  </div>