BathHacked/energy-sparks

<% content_for :page_title, t('schools.school_targets.first.page_title') %>

<div class="d-flex justify-content-between align-items-center">
  <h1><%= t('schools.school_targets.first.set_your_first_energy_saving_target') %></h1>
  <div>
    <%= link_to_help_for_feature :school_targets, css: "btn btn-outline-dark rounded-pill font-weight-bold" %>
  </div>
</div>

<div class="row">
  <div class="col-md-8">
    <p>
      <%= t('schools.school_targets.first.its_time') %>.
    </p>

    <p>
      <%= t('schools.school_targets.first.careful_planning') %>:
    </p>

    <ul>
      <li><%= t('schools.school_targets.first.providing_reports') %>'</li>
      <li><%= t('schools.school_targets.first.suggesting_ways_to_reduce_consumption') %></li>
      <li><%= t('schools.school_targets.first.suggesting_activities_for_pupils') %></li>
      <li><%= t('schools.school_targets.first.providing_more_insight') %></li>
    </ul>

  </div>
</div>

<div class="row">
  <div class="col-md-8">
    <h3>Your first target</h3>

    <div class="alert alert-info">
      <p>
        <%= far_icon("lightbulb fa-lg") %>
        <strong>Tip</strong>: don't try to be too ambitious.
      </p>
      Focus on building momentum and making some early savings.
    </div>

    <%= render 'fuel_type_note' %>

    <p>
      Based on our work with schools across the UK, we recommend setting the following targets for your school this year.
    </p>

    <%= render "form", target_service: @target_service, school_target: @school_target%>

  </div>
</div>