<% if header == :small %>
  <div class="legislation-hero jumbo grey-heading">
    <div class="row headline">
      <div class="small-12 medium-8 column">
        <h3 class="headline-small"><%= process.title %></h3>
      </div>
    </div>

    <div id="debate-show" class="row description is-hidden" data-toggler=".is-hidden">
      <div class="small-12 column">
        <% if process.description.present? %>
          <p class="title"><%= t('legislation.processes.header_full.description') %></p>
          <%= markdown process.description %>
        <% end %>
      </div>
      <% if process.additional_info.present? %>
        <div class="small-12 column debate-add-info">
          <%= markdown process.additional_info if process.additional_info %>
        </div>
      <% end %>
    </div>

    <% if process.description.present? || process.additional_info.present? %>
      <div class="text-center">
        <a class="button big text-center button-circle" title="<%= t('.view_process_information') %>" id="js-toggle-small-debate" data-toggle="debate-show">
          <span class="icon-angle-down" aria-hidden="true"></span>
        </a>
      </div>
    <% end %>
  </div>

<% else %>
  <%= render 'legislation/processes/header_full', process: @process %>
<% end %>
