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

<!-- START | DASHBOARD/ALARMS/COMMENT -->
<div id="alarms-comment" class="modal fade" role="dialog">
 <div class="modal-dialog modal-lg">
  <div class="modal-content">
   <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
     <span aria-hidden="true">&times;</span>
    </button>
    <h4 class="modal-title" id="alarms-comment-title">
     {{ lang['dashboard']['alarms']['comment']['title'] }}
    </h4>
   </div>
   <div class="modal-body">
    <form class="form-horizontal" id="alarms-comment-form">
     <div class="modal-subtitle">
      <span class="glyphicon glyphicon-info-sign modal-subtitle-icon"
            aria-hidden="true"></span>
      {{ lang['dashboard']['alarms']['comment']['title_info'] }}
     </div>
     <div id="alarms-comment-info">
      {% include 'alarms_comment_info.html' %}
     </div>
    </form>
   </div>
   <div class="modal-footer">
    <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">
     {{ lang['dashboard']['alarms']['comment']['cancel'] }}
    </button>
    <button type="button" class="btn btn-primary btn-sm" id="alarms-comment-accept"
            data-loading-text="{{ lang['dashboard']['alarms']['comment']['processing'] }}">
     {{ lang['dashboard']['alarms']['comment']['accept'] }}
    </button>
   </div>
  </div>
 </div>
</div>
<!-- END | DASHBOARD/ALARMS/COMMENT -->