<template name="state">
  <div>&nbsp;</div>
  <div class="col-md-12">
    {{#with controller_state}}
    <img src="{{ bucket_image }}" class="img-responsive center-block" id="bucket_image" />
    <div class="text-center">
      {{controller_id}}:
      {{#with last_sensor_reading}} <strong> temp: {{ temperatureValue }} °C, vlaga: {{ humidityValue }} % <br/>nivo vode: {{water_level}} </strong>  {{/with}}
    </div>
    <div class="text-center">
      Automatsko zalijevanje:<br /> <strong>{{ pretty_days config.automaticDaysOfWeek }} {{ pretty_time config.automaticDaysOfWeek config.automaticTimeOfDay }}</strong> <button id="run_settings" class="btn btn-default"> <i class="fa fa-wrench"></i> </button>
    </div>
    {{/with}}
    <div>
      <button id="water_now" class="{{ water_now_button_class }}">Zalij sada</button>
      <button id="stop_water_now" class="{{ stop_button_class }}">Prekini zalijevanje</button>
        <button id="start_inflow_now" class="{{ start_inflow_button_class }}">Počni punjenje</button>
        <button id="stop_inflow_now" class="{{ stop_inflow_button_class }}">Prekini punjenje</button>
    </div>
  </div>
</template>
