<template name="alarm">

  <div class="hello">
    <div class="jumbotron text-center center-block" >
      {{#with state}}
        {{#if alarmTriggered}}
        <strong class="bg-danger">{{ pretty_reasons alarmReasons }}</strong>
         <img src="/images/alarm.gif" class="img-responsive center-block" id="alarm_image" />
            <button id="stop_alarm" class="btn btn-danger"> <i class="fa fa-ban"></i> Prekini </button>

        {{/if}}
        {{#if alarmStopped}}
          <strong class="bg-danger">{{ pretty_reasons alarmReasons }}</strong>
          <br /><br />
          <div class="bg-warning"> <strong>Alarm prekinut!</strong> Nadzor će se nastaviti kada se temperatura vrati u zadani raspon.
          </div>
          <br /><br />
        {{/if}}
      {{/with}}
        {{#with last_reading}}
          <div class="huge_text"> {{ all_temperatures }}</div>
          <div>{{pretty_time created_at}}</div>
        {{/with}}
         <button id="run_alarm_settings" class="btn btn-default"> <i class="fa fa-wrench"></i> Podešavanje </button>
    </div>

  </div>
</template>
