<% provide :title do %>
  <%= "#{t("legislation.annotations.index.title")} - #{@draft_version.title} - #{@process.title}" %>
<% end %>

<%= render "legislation/processes/header", process: @process, header: :small %>

<%= render "legislation/processes/key_dates", process: @process, phase: :allegations_phase %>

<div class="column row">
  <div class="draft-panels small-12 column row">
    <%= render "slim_version_chooser", process: @process, draft_version: @draft_version %>
  </div>

  <%= render "legislation/processes/help_gif" %>

  <div class="small-12 medium-8 column row legislation-comments end">

    <% @annotations.each do |annotation| %>
      <div class="comment">
        <strong><%= t("legislation.annotations.index.comments_about") %></strong>
        <span class="float-right expand-context">
          <%= link_to legislation_process_draft_version_path(@process, @draft_version, anchor: "annotation-id-#{annotation.id}") do %>
            <span><%= t("legislation.annotations.index.see_in_context") %></span>
            <span class="icon-expand" aria-hidden="true"></span>
          <% end %>
        </span>
        <div class="comment-section">
          <%= sanitize(annotation.context).presence || annotation.quote %>
        </div>
        <%= render Shared::CommentsCountComponent.new(
          annotation.comments_count,
          url: legislation_process_draft_version_annotation_path(@process, @draft_version, annotation)
        ) %>
      </div>
    <% end %>

  </div>
</div>
