BathHacked/energy-sparks

<% content_for :page_title, strip_tags(t('pupils.analysis.storage_heater_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.storage_heater_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: :storage, chart_config: {energy: 'Storage Heaters', presentation: 'kWh'} do %>
    <%= t('pupils.analysis.find_when_storage_heaters_used_html') %>
  <% end %>

  <%= render 'chart_link', school: @school, energy: :storage, chart_config: {energy: 'Storage Heaters', presentation: 'Cost'} do %>
    <%= t('pupils.analysis.find_how_much_storage_heaters_cost_html') %>
  <% end %>

  <%= render 'chart_link', school: @school, energy: :storage, chart_config: {energy: 'Storage Heaters', presentation: 'CO2'} do %>
    <%= t('pupils.analysis.find_how_much_co2_generated_html') %>
  <% end %>

</div>

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

<div class="row">
  <%= render 'chart_link', school: @school, energy: :storage, chart_config: {energy: 'Storage Heaters', 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: :storage, category: :storage_heaters_bar, category_name: t('common.bar_charts'), icon: 'chart-bar' %>

  <%= render 'chart_link', school: @school, energy: :storage, chart_config: {energy: 'Storage Heaters', presentation: 'Line'}, centre: true do %>
    <div class="p-4">
      <%= fa_icon "chart-line fa-3x" %>
    </div>
    <%= t('common.line_graphs') %>
  <% end %>
</div>