<div class="process-header row column">
  <div class="row column process-header__main"
       style="background-image:url(<%= current_participatory_process.banner_image.url %>);">
    <div class="process-header__container row">
      <div class="columns mediumlarge-9 process-header__info">
        <div>
          <h1 class="text-highlight heading2">
            <%= translated_attribute(current_participatory_process.title) %>
          </h1>
        </div>
        <div>
          <h2 class="text-highlight heading-small">
            <% if current_participatory_process.hashtag.present? %>
              <span class="process-header__hashtag">
                <%= link_to "##{current_participatory_process.hashtag}", "https://twitter.com/hashtag/#{current_participatory_process.hashtag}" %>
              </span>
            <% end %>
            <%= translated_attribute(current_participatory_process.subtitle) %>
          </h2>
        </div>
      </div>
      <%= render partial: "layouts/decidim/process_header_steps", locals: { participatory_process: current_participatory_process } %>
    </div>
  </div>
  <% if current_participatory_process.features.any? %>
    <div class="row column">
      <div class="process-nav">
        <button class="process-nav__trigger hide-for-medium"  data-toggle="process-nav-content">
          <%= icon "caret-bottom", class: "icon--small process-nav__trigger__icon", aria_label: t('.unfold'), role: "img" %>
            <div class="process-nav__link">
            <%  if self.try(:current_feature) %>
                <%= feature_icon(current_feature) %>
                <%= translated_attribute(current_feature.name) %>
            <% else %>
                <%= icon "process" %>
                <%= t ".process_menu_item" %>
            <% end %>
            </div>
        </button>
        <div class="row column process-nav__content" id="process-nav-content" data-toggler=".is-active">
          <ul>
            <li class="<%= "is-active" if is_active_link?(decidim.participatory_process_path(current_participatory_process), :exclusive) %>">
              <%= active_link_to decidim.participatory_process_path(current_participatory_process), active: :exact, class: "process-nav__link", class_active: "is-active" do %>
                <%= external_icon "decidim/process.svg" %>
                <%= t ".process_menu_item" %>
              <% end %>
            </li>

            <% current_participatory_process.features.each do |feature| %>
              <% if feature.published? || feature == self.try(:current_feature) %>
                <li class="<%= "is-active" if is_active_link?(feature_path(feature), :inclusive) %>">
                  <%= active_link_to feature_path(feature), class: "process-nav__link", active: :inclusive, class_active: "is-active" do %>
                    <%= feature_icon(feature) %>

                    <%= translated_attribute(feature.name) %>
                  <% end %>
                </li>
              <% end %>
            <% end %>
          </ul>
        </div>
      </div>
    </div>
  <% end %>
</div>