<div id="<%= dom_id(investment) %>" class="budget-investment clear">
  <div class="panel <%= ('with-image' if feature?(:allow_images) && investment.image.present?) %>">

    <% if feature?(:allow_images) && investment.image.present? %>
    <div class="row" data-equalizer>

      <div class="small-12 medium-3 large-2 column text-center">
        <div data-equalizer-watch>
          <%= image_tag investment.image_url(:thumb), alt: investment.image.title %>
        </div>
      </div>

      <div class="small-12 medium-6 large-7 column">
    <% else %>
      <div class="row">
        <div class="small-12 medium-9 column">
    <% end %>
        <div class="budget-investment-content">

          <% cache [locale_and_user_status(investment), 'index', investment, investment.author] do %>
            <h3><%= link_to investment.title, namespaced_budget_investment_path(investment) %></h3>

            <p class="investment-project-info">
              <%= l investment.created_at.to_date %>

              <% if investment.author.hidden? || investment.author.erased? %>
                <span class="bullet">&nbsp;&bull;&nbsp;</span>
                <span class="author">
                  <%= t("budgets.investments.show.author_deleted") %>
                </span>
              <% else %>
                <span class="bullet">&nbsp;&bull;&nbsp;</span>
                <span class="author">
                  <%= investment.author.name %>
                </span>
                <% if investment.author.official? %>
                  <span class="bullet">&nbsp;&bull;&nbsp;</span>
                  <span class="label round level-<%= investment.author.official_level %>">
                    <%= investment.author.official_position %>
                  </span>
                <% end %>
              <% end %>

              <span class="bullet">&nbsp;&bull;&nbsp;</span>
              <%= investment.heading.name %>
            </p>
            <div class="investment-project-description">
              <p><%= investment.description %></p>
              <div class="truncate"></div>
            </div>
            <%= render "shared/tags", taggable: investment, limit: 5 %>
          <% end %>
        </div>
      </div>

      <% unless investment.unfeasible? %>

        <% if investment.should_show_votes? %>
          <div id="<%= dom_id(investment) %>_votes"
               class="small-12 medium-3 column text-center"
               <%= 'data-equalizer-watch' if feature?(:allow_images) && investment.image.present? %>>
               <%= render partial: '/budgets/investments/votes', locals: {
                 investment: investment,
                 investment_votes: investment_votes,
                 vote_url: namespaced_budget_investment_vote_path(investment, value: 'yes')
               } %>
          </div>
        <% elsif investment.should_show_vote_count? %>
          <div id="<%= dom_id(investment) %>_votes"
               class="small-12 medium-3 column text-center"
               <%= 'data-equalizer-watch' if feature?(:allow_images) && investment.image.present? %>>
            <div class="supports js-participation">
              <span class="total-supports no-button">
                <%= t("budgets.investments.investment.supports",
                    count: investment.total_votes) %>
              </span>
            </div>
          </div>
        <% elsif investment.should_show_ballots? %>
          <div id="<%= dom_id(investment) %>_ballot"
                class="small-12 medium-3 column text-center"
                <%= 'data-equalizer-watch' if feature?(:allow_images) && investment.image.present? %>>
                <%= render partial: '/budgets/investments/ballot', locals: {
                  investment: investment,
                  investment_ids: investment_ids,
                  ballot: ballot
                } %>
          </div>
        <% elsif investment.should_show_price? %>
          <div id="<%= dom_id(investment) %>_price"
               class="supports small-12 medium-3 column text-center"
               <%= 'data-equalizer-watch' if feature?(:allow_images) && investment.image.present? %>>
            <p class="investment-project-amount margin-top">
              <%= investment.formatted_price %>
            </p>
          </div>
        <% else %>
          <div <%= 'data-equalizer-watch' if feature?(:allow_images) && investment.image.present? %>></div>
        <% end %>

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