BathHacked/energy-sparks

<% content_for :page_title, strip_tags(t('pupils.analysis.electricity_and_solar_data_html')) %>

<div class="d-flex justify-content-between align-items-center">
  <div>
    <%= link_to t('common.labels.back'), pupils_school_analysis_path(@school), class: 'btn btn-rounded' %>
  </div>
  <div>
    <h1><%= t('pupils.analysis.electricity_and_solar_data_html') %></h1>
  </div>
  <div></div>
</div>
<hr>

<h2><%= t('pupils.analysis.i_want_to') %></h2>

<div class="row">

  <%= render 'chart_link', school: @school, energy: :solar, chart_config: { energy: 'Electricity', presentation: 'kWh' } do %>
    <%= t('pupils.analysis.find_when_electricity_used_html') %>
  <% end %>

  <%= render 'chart_link', school: @school, energy: :solar,
                           chart_config: { energy: 'Electricity+Solar PV', presentation: 'Solar' } do %>
    <%= t('pupils.analysis.find_out_about_solar_html') %>
  <% end %>

  <%= render 'usage_link', school: @school, energy: :solar, supply: :electricity, usage_config: { period: :weekly } do %>
    <%= t('pupils.analysis.compare_electricity_in_2_weeks') %>
  <% end %>

  <%= render 'usage_link', school: @school, energy: :solar, supply: :electricity, usage_config: { period: :daily } do %>
    <%= t('pupils.analysis.compare_electricity_on_2_days') %>
  <% end %>

  <% if @school.filterable_meters(:electricity).count > 1 %>
    <%= render 'usage_link', school: @school, energy: :solar, supply: :electricity,
                             usage_config: { period: :weekly, split_meters: true } do %>
      <%= t('pupils.analysis.compare_electricity_use_by_meters') %>
    <% end %>
  <% end %>

</div>

<h2><%= sanitize t('pupils.analysis.i_want_to_look_at') %></h2>

<div class="row">

  <%= render 'chart_link', school: @school,
                           energy: :solar,
                           chart_config: { energy: 'Electricity', presentation: 'Pie' },
                           centre: true do %>
    <div class="p-4">
      <%= fa_icon 'chart-pie fa-3x' %>
    </div>
    <%= t('common.pie_charts') %>
  <% end %>

  <%= render 'category_link', school: @school, energy: :solar, category: :solar_bar,
                              category_name: t('common.bar_charts'), icon: 'chart-bar' %>

  <%= render 'category_link', school: @school, energy: :solar, category: :solar_line,
                              category_name: t('common.line_graphs'), icon: 'chart-line' %>

</div>