grecia/app/views/budgets/stats/show.html.erb

<% provide :title do %>
  <%= t("stats.budgets.page_title", budget: @budget.name) %>
<% end %>
<% provide :social_media_meta_tags do %>
<%= render "shared/social_media_meta_tags",
            social_url: budget_url(@budget),
            social_title: @budget.name,
            social_description: @budget.description_finished %>
<% end %>

<div class="participation-stats budgets-stats">
  <div class="expanded no-margin-top padding header">
    <div class="row">
      <div class="small-12 column">
        <%= back_link_to budgets_path %>
        <h2 class="margin-top">
          <%= t("stats.title") %><br>
          <span><%= @budget.name %></span>
        </h2>
      </div>
    </div>
  </div>

  <div class="row margin-top">
    <div class="small-12 column">
      <ul class="tabs">
        <li class="tabs-title">
          <span class="show-for-sr"><%= t("shared.you_are_in") %></span>
          <%= link_to t("budgets.results.link"), budget_results_path(@budget) %>
        </li>
        <li class="tabs-title is-active">
          <%= link_to t("stats.budgets.link"), budget_stats_path(@budget), class: "is-active" %>
        </li>
        <li class="tabs-title">
          <%= link_to t("budgets.executions.link"), budget_executions_path(@budget) %>
        </li>
      </ul>
    </div>
  </div>

  <div class="row margin">
    <div class="small-12 medium-3 column sidebar">
      <%= render "shared/stats/links", stats: @stats %>

      <p><strong><%= link_to t("stats.advanced"), "#advanced_statistics" %></strong></p>
      <ul class="menu vertical">
        <li>
          <%= link_to t("stats.budgets.total_investments"), "#total_investments" %>
        </li>
        <li>
          <%= link_to t("stats.budgets.by_phase"), "#stats_by_phase" %>
        </li>
        <li>
          <%= link_to t("stats.budgets.by_heading"), "#stats_by_heading" %>
        </li>
      </ul>
    </div>

    <div class="small-12 medium-9 column stats-content">
      <%= render "shared/stats/participation", stats: @stats %>

      <div id="advanced_statistics">
        <h3 class="section-title"><%= t("stats.advanced") %></h3>

        <div id="total_investments" class="stats-group">
          <h4><%= t("stats.budgets.total_investments") %></h4>

          <%= number_with_info_tags(
            @stats.total_budget_investments,
            t("stats.budgets.total_investments"),
            html_class: "total-investments"
          ) %>

          <%= number_with_info_tags(@stats.total_unfeasible_investments,
                                    t("stats.budgets.total_unfeasible_investments")) %>
          <%= number_with_info_tags(@stats.total_selected_investments,
                                    t("stats.budgets.total_selected_investments")) %>
        </div>

        <div id="stats_by_phase" class="stats-group">
          <h4><%= t("stats.budgets.by_phase") %></h4>

          <%= number_with_info_tags(@stats.total_participants_support_phase,
                                    t("stats.budgets.participants_support_phase")) %>
          <%= number_with_info_tags(@stats.total_participants_vote_phase,
                                   t("stats.budgets.participants_voting_phase")) %>

        </div>

        <div id="stats_by_heading" class="stats-group">
          <h4 class="margin-bottom"><%= t("stats.budgets.by_heading") %></h4>

          <table class="stats-districts survey-districts">
            <thead>
              <tr>
                <th scope="col" rowspan="2"><%= t("stats.budgets.heading") %></th>
                <th scope="col" rowspan="2"><%= t("stats.budgets.investments_sent_html") %></th>
                <th scope="col" colspan="3"><%= t("stats.budgets.participants_support_phase") %></th>
                <th scope="col" colspan="3"><%= t("stats.budgets.participants_voting_phase") %></th>
                <th scope="col" colspan="3"><%= t("stats.budgets.participants_total") %></th>
              </tr>
              <tr>
                <th scope="col" class="tiny"><%= t("stats.budgets.total") %></th>
                <th scope="col" class="tiny"><%= t("stats.budgets.percent_total_participants_html") %></th>
                <th scope="col" class="tiny"><%= t("stats.budgets.percent_heading_census_html") %></th>
                <th scope="col" class="tiny"><%= t("stats.budgets.total") %></th>
                <th scope="col" class="tiny"><%= t("stats.budgets.percent_total_participants_html") %></th>
                <th scope="col" class="tiny"><%= t("stats.budgets.percent_heading_census_html") %></th>
                <th scope="col" class="tiny"><%= t("stats.budgets.total") %></th>
                <th scope="col" class="tiny"><%= t("stats.budgets.percent_total_participants_html") %></th>
                <th scope="col" class="tiny"><%= t("stats.budgets.percent_heading_census_html") %></th>
              </tr>
            </thead>
            <tbody id="headings">
              <% @headings.each do |heading| %>
                <tr id="<%= heading.name.parameterize %>">
                  <td class="border-left">
                    <strong><%= heading.name %></strong>
                  </td>
                  <td id="total_spending_proposals_heading_<%= heading.id %>"
                      class="text-center border-left border-right">
                    <%= @stats.headings[heading.id][:total_investments_count] %>
                  </td>

                  <% ["support", "vote", "every"].each do |phase| %>
                    <td id="total_participants_<%= phase %>_phase_heading_<%= heading.id %>"
                        class="border-left text-center">
                      <%= @stats.headings[heading.id]["total_participants_#{phase}_phase".to_sym] %>
                    </td>
                    <td id="percentage_participants_<%= phase %>_phase_heading_<%= heading.id %>"
                        class="border-left border-right text-center">
                      <%= number_to_stats_percentage(@stats.headings[heading.id]["percentage_participants_#{phase}_phase".to_sym]) %>
                    </td>
                    <td id="percentage_district_population_<%= phase %>_phase_heading_<%= heading.id %>"
                        class="text-center border-right">
                      <%= number_to_stats_percentage(@stats.headings[heading.id]["percentage_district_population_#{phase}_phase".to_sym]) %>
                    </td>
                  <% end %>
                </tr>
              <% end %>
            </tbody>
          </table>
        </div>
      </div>

      <div class="row margin">
        <div class="small-12 column">
          <div id="total_no_demographic_data">
            <p class="help-text">
              <%= t("stats.no_demographic_data", count: @stats.total_no_demographic_data) %>
            </p>
            <p class="help-text">
                <%= t("stats.budgets.participatory_disclaimer") %>
            </p>
            <p class="help-text">
                <%= t("stats.budgets.heading_disclaimer") %>
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>