<% provide :title do %><%= @proposal.title %><% end %>
<% content_for :meta_description do %><%= @proposal.summary %><% end %>
<% provide :social_media_meta_tags do %>
  <%= render "shared/social_media_meta_tags",
              social_url: proposal_url(@proposal),
              social_title: @proposal.title,
              social_description: @proposal.summary,
              twitter_image_url: (@proposal.image.present? ? @proposal.image_url(:thumb) : nil),
              og_image_url: (@proposal.image.present? ? @proposal.image_url(:thumb) : nil) %>
<% end %>
<% content_for :canonical do %>
  <%= render "shared/canonical", href: proposal_url(@proposal) %>
<% end %>

<% cache [locale_and_user_status(@proposal),
          @proposal,
          @proposal.author,
          Flag.flagged?(current_user, @proposal),
          @proposal_votes] do %>
  <div class="proposal-show">
    <div id="<%= dom_id(@proposal) %>" class="row">
      <div class="small-12 medium-9 column">
        <%= back_link_to proposals_path %>

        <h1><%= @proposal.title %></h1>
        <% if @proposal.retired? %>
          <div data-alert class="callout alert margin-top proposal-retired">
            <strong>
              <%= t("proposals.show.retired_warning") %><br>
              <%= link_to t("proposals.show.retired_warning_link_to_explanation"),
                          "#retired_explanation" %>
            </strong>
          </div>
        <% elsif @proposal.conflictive? %>
          <div data-alert class="callout alert margin-top">
            <strong><%= t("proposals.show.flag") %></strong>
          </div>
        <% end %>

        <%= render "proposals/info", proposal: @proposal %>
        <%= render 'shared/geozone', geozonable: @proposal %>
        <%= render 'relationable/related_content', relationable: @proposal %>

        <div class="js-moderator-proposal-actions margin">
          <%= render 'proposals/actions', proposal: @proposal %>
        </div>
      </div>

      <aside class="small-12 medium-3 column">
        <% if author_of_proposal?(@proposal) || current_editable?(@proposal) || can_destroy_image?(@proposal) %>
          <div class="sidebar-divider"></div>
          <h2><%= t("proposals.show.author") %></h2>
          <div class="show-actions-menu">

            <% if current_editable?(@proposal) %>
              <%= link_to edit_proposal_path(@proposal), class: 'button hollow expanded' do %>
                          <span class="icon-edit"></span>
                          <%= t("proposals.show.edit_proposal_link") %>
              <% end %>
            <% end %>

            <% if author_of_proposal?(@proposal) %>
              <%= link_to new_proposal_notification_path(proposal_id: @proposal.id),
                          class: 'button hollow expanded' do %>
                          <span class="icon-no-notification"></span>
                          <%= t("proposals.show.send_notification") %>
              <% end %>
            <% end %>

            <% if can_destroy_image?(@proposal) %>
              <%= link_to image_path(@proposal.image, from: request.url),
                          method: :delete,
                          class: 'button hollow alert expanded',
                          data: { confirm: t('images.actions.destroy.confirm') } do %>
                          <span class="icon-image"></span>
                          <%= t("images.remove_image") %>
              <% end %>
            <% end %>

          </div>
        <% end %>

        <div class="sidebar-divider"></div>
        <h2><%= t("votes.supports") %></h2>
        <div id="<%= dom_id(@proposal) %>_votes">

          <% if @proposal.successful? %>
            <p>
              <%= t("proposals.proposal.successful") %>
            </p>
          <% elsif @proposal.archived? %>
            <div class="padding text-center">
              <p>
                <strong><%= t("proposals.proposal.supports", count: @proposal.total_votes) %></strong>
              </p>
              <p><%= t("proposals.proposal.archived") %></p>
            </div>
          <% else %>
            <%= render 'votes',
                      { proposal: @proposal, vote_url: vote_proposal_path(@proposal, value: 'yes') } %>
          <% end %>
        </div>

        <%= render 'proposals/social_share', proposal: @proposal, share_title: t("proposals.show.share") %>

        <% if current_user %>
          <div class="sidebar-divider"></div>
          <p class="sidebar-title"><%= t("shared.follow") %></p>

          <%= render 'follows/follow_button', follow: find_or_build_follow(current_user, @proposal)  %>
        <% end %>

        <%= render 'communities/access_button', community: @proposal.community %>

      </aside>
    </div>
  </div>
<% end %>

<div class="additional-content">
  <div class="filter-subnav">
    <div class="row">
      <div class="small-12 column">
        <%= render "proposals/filter_subnav" %>
      </div>
    </div>
  </div>
</div>

<div class="tabs-content" data-tabs-content="proposals_tabs">
  <div class="tabs-panel is-active" id="tab-comments">
    <%= render "proposals/comments" %>
  </div>

  <%= render "proposals/notifications" %>
  <%= render "milestones/milestones", milestoneable: @proposal %>
</div>
