<section class="budget-investment-show" id="<%= dom_id(investment) %>">

  <div class="row">
    <div class="small-12 medium-9 column">
      <%= back_link_to budget_investments_path(investment.budget, heading_id: investment.heading) %>

      <% if can_destroy_image?(investment) %>
        <%= link_to t("images.remove_image"),
                    image_path(investment.image, from: request.url),
                    method: :delete,
                    class: 'button hollow float-right' %>
      <% end %>

      <h1><%= investment.title %></h1>
      <div class="budget-investment-info">
        <%= render '/shared/author_info', resource: investment %>

        <span class="bullet">&nbsp;&bull;&nbsp;</span>
        <%= l investment.created_at.to_date %>
        <span class="bullet">&nbsp;&bull;&nbsp;</span>
        <%= investment.heading.name %>
      </div>

      <br>

      <%= render_image(investment.image, :large, true) if investment.image.present? %>

      <p id="investment_code">
        <%= t("budgets.investments.show.code_html", code: investment.id) %>
      </p>

      <% if investment.location.present? %>
        <p>
          <%= t("budgets.investments.show.location_html", location: investment.location) %>
        </p>
      <% end %>

      <% if investment.organization_name.present? %>
        <p>
          <%= t("budgets.investments.show.organization_name_html", name: investment.organization_name) %>
        </p>
      <% end %>

      <%= render 'shared/tags', taggable: investment %>

      <%= safe_html_with_links investment.description.html_safe %>

      <% if feature?(:map) && map_location_available?(@investment.map_location) %>
        <div class="margin">
          <%= render_map(@investment.map_location, "budget_investment", false, nil) %>
        </div>
      <% end %>

      <% if investment.external_url.present? %>
        <div class="document-link">
          <%= text_with_links investment.external_url %>
        </div>
      <% end %>

      <% if investment.unfeasible? && investment.unfeasibility_explanation.present? %>
        <h2><%= t('budgets.investments.show.unfeasibility_explanation') %></h2>
        <p><%= investment.unfeasibility_explanation %></p>
      <% end %>

      <% if investment.should_show_price_info? %>
        <h2><%= t('budgets.investments.show.price_explanation') %></h2>
        <p><%= investment.price_explanation %></p>
      <% end %>

    </div>

    <aside class="small-12 medium-3 column">
      <% if investment.should_show_aside? %>
        <% if investment.should_show_votes? %>
          <div class="sidebar-divider"></div>
          <h2><%= t("budgets.investments.show.supports") %></h2>
          <div class="text-center">
            <div id="<%= dom_id(investment) %>_votes">
              <%= render partial: '/budgets/investments/votes', locals: {
                investment: investment,
                investment_votes: investment_votes,
                vote_url: vote_budget_investment_path(investment.budget, investment, value: 'yes')
              } %>
            </div>
          </div>
        <% elsif investment.should_show_vote_count? %>
          <div class="sidebar-divider"></div>
          <h2><%= t("budgets.investments.show.supports") %></h2>
          <div class="text-center">
            <span class="total-supports">
                <%= t("budgets.investments.investment.supports",
                    count: investment.total_votes) %>
            </span>
          </div>
        <% elsif investment.should_show_ballots? %>
          <div class="sidebar-divider"></div>
          <h2><%= t("budgets.investments.show.votes") %></h2>
          <div class="text-center">
            <div id="<%= dom_id(investment) %>_ballot">
              <%= render partial: 'ballot', locals: {
                investment: investment,
                investment_ids: investment_ids,
                ballot: ballot,
              } %>
            </div>
          </div>
        <% end %>
      <% else %>
        <div class="float-right">
          <span class="label-budget-investment float-left">
            <%= t("budgets.investments.show.title") %>
          </span>
          <span class="icon-budget"></span>
        </div>
        <br>
      <% end %>
      <% if investment.should_show_price? %>
        <div class="sidebar-divider"></div>
        <h2><%= t("budgets.investments.show.price") %></h2>
        <div class="supports text-center">
          <p class="investment-project-amount">
            <%= investment.formatted_price %>
          </p>
        </div>
      <% end %>
      <%= render partial: 'shared/social_share', locals: {
        share_title: t("budgets.investments.show.share"),
        title: investment.title,
        image_url: image_absolute_url(investment.image, :thumb),
        url: budget_investment_url(budget_id: investment.budget_id, id: investment.id)
      } %>

      <% 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, investment) %>
      <% end %>

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

     </aside>
  </div>
</section>
