<header>
  <div class="container">
    <div class="row py-4 justify-content-between align-items-center">
      <div class="col d-flex justify-content-start align-items-center">
        <%= link_to image_tag('logo.svg', alt: 'School Quality Measures Dashboard', size: "100x100"), welcome_path, class: 'me-7' %>
        <a class="sub-header-3 link me-4 <%= link_weight(path: 'overview') %>" href="<%= link_to_overview(district: @district, school: @school, academic_year: @academic_year) %>">Overview</a>
        <a class="sub-header-3 link me-4 <%= link_weight(path: 'browse') %>" href="<%= link_to_browse(district: @district, school: @school, academic_year: @academic_year) %>">Browse</a>
        <a class="sub-header-3 link <%= link_weight(path: 'analyze') %>" href="<%= link_to_analyze(district: @district, school: @school, academic_year: @academic_year) %>">Analyze</a>
      </div>

      <div class="col d-flex justify-content-end">
        <select id="select-district" class="form-select" name="district" <%= District.count == 1 ? "hidden": ""  %> >
          <% @districts.each do |district| %>
            <option class="district-options" value="<%= district_url_for(district: district, academic_year: @academic_year) %>" <%= @district.slug == district.slug ? "selected" : nil %>>
            <%= district.name %>
            </option>
          <% end %>
        </select>

        <select id="select-school" class="ms-3 form-select" name="school">
          <% @schools.each do |school| %>
            <option class="school-options" value="<%= school_url_for(school: school, academic_year: @academic_year) %>" <%= @school.slug == school.slug ? "selected" : nil %> >
            <%= school.name %>
            </option>
          <% end %>
        </select>
      </div>
    </div>
  </div>

  <div class="bg-color-blue">
    <div class="container d-flex justify-content-between align-items-center py-4">
      <% if content_for?(:navigation) %>
        <%= yield(:navigation) %>
      <% end %>

      <% if content_for?(:title) %>
        <%= yield(:title) %>
      <% end %>
    </div>
  </div>
</header>
