{##
 # @file alarms_info_list.html
 # Copyright (C) 2015 Pressa. All rights reserved.
 #}

<div class="col-lg-12">
 <div class="row">
  <div class="col-lg-6">
   <div class="panel panel-default panel-primary">
    <div class="panel-heading text-center">
     {{ lang['dashboard']['alarms']['info']['comments_title'] }}
    </div>
    <ul class="list-group" id="alarms-info-comments">
     {% for comment in comments %}
      <li class="list-group-item">
       {% if comment['commentType'] == 1 %}
        <span class="text-danger"><i class="fa fa-square" ></i></span>
       {% elseif comment['commentType'] == 2 %}
        <span class="text-info"><i class="fa fa-square" ></i></span>
       {% else %}
        <span class="text-muted"><i class="fa fa-square" ></i></span>
       {% endif %}
       <span class="alarms-info-comments-title">
        {{ comment['userId'] }} - {{ comment['timestamp']|date("d/m/Y H:i:s") }} - {{ comment['eventCode'] }}
       </span><br/>
       {{ comment['comment'] }}
      </li>
     {% endfor %}
    </ul>
   </div>
  </div>
  <div class="col-lg-6">
   <div class="panel panel-default panel-primary">
    <div class="panel-heading text-center">
     {{ lang['dashboard']['alarms']['info']['map_title'] }}
    </div>
    <div id="alarms-map"></div>
   </div>
  </div>
 </div>
 <div class="row">
  <div class="col-lg-12">
   <div class="panel panel-default panel-primary">
    <div class="panel-heading text-center">
     {{ lang['dashboard']['alarms']['info']['list_title'] }}
    </div>
    <ul class="list-group" id="alarms-info-alarms">
     {% for alarm in alarms %}
      <li data-aid="{{ alarm['_id'] }}" class="list-group-item">
       <i class="fa fa-square" style="color: #{{ alarm['eventCode']['color'] }}"></i>
       {{ alarm['datetime']|date("d/m/Y H:i:s") }}&nbsp;-&nbsp;
       {{ alarm['eventCode']['description'] }} ({{ alarm['eventCode']['id'] }})
      </li>
     {% endfor %}
    </ul>
   </div>
  </div>
 </div>
</div>