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

<tr class="hidden" id="vehicles-eventcodes-table-new">
 <td>
  <input type="text" class="form-control input-sm" data-type="eventcodes-eid"
         pattern="{{ config['dashboard']['patterns']['vehicles']['eid'] }}"
         placeholder="{{ lang['dashboard']['vehicles']['eventcodes']['eid_placeholder'] }}"
         required="required"/>
 </td>
 <td>
  <input type="text" class="form-control input-sm" data-type="eventcodes-description"
         pattern="{{ config['dashboard']['patterns']['vehicles']['description'] }}"
         placeholder="{{ lang['dashboard']['vehicles']['eventcodes']['description_placeholder'] }}"
         required="required"/>
 </td>
 <td>
  <input type="checkbox" class="form-control input-sm" data-type="eventcodes-alarm"/>
 </td>
 <td>
  <input type="checkbox" class="form-control input-sm" data-type="eventcodes-visible"/>
 </td>
 <td>
  <input type="checkbox" class="form-control input-sm" data-type="eventcodes-comment"/>
 </td>
 <td>
  <input type="text" class="form-control input-sm" data-type="eventcodes-color"
         pattern="{{ config['dashboard']['patterns']['vehicles']['color'] }}"
         placeholder="{{ lang['dashboard']['vehicles']['eventcodes']['color_placeholder'] }}"
         required="required"/>
 </td>
 <td>
  <button type="submit" class="btn btn-default input-sm"
          data-toggle="tooltip" data-placement="bottom" data-type="eventcodes-remove"
          title="{{ lang['dashboard']['vehicles']['eventcodes']['remove'] }}">
   <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
  </button>
 </td>
</tr>
{% for eventCode in eventCodes %}
<tr>
 <td>
  <input type="text" class="form-control input-sm" data-type="eventcodes-eid"
         pattern="{{ config['dashboard']['patterns']['vehicles']['eid'] }}"
         placeholder="{{ lang['dashboard']['vehicles']['eventcodes']['eid_placeholder'] }}"
         value="{{ eventCode['id'] }}" required="required"/>
 </td>
 <td>
  <input type="text" class="form-control input-sm" data-type="eventcodes-description"
         pattern="{{ config['dashboard']['patterns']['vehicles']['description'] }}"
         placeholder="{{ lang['dashboard']['vehicles']['eventcodes']['description_placeholder'] }}"
         value="{{ eventCode['description'] }}" required="required"/>
 </td>
 <td>
  <input type="checkbox" class="form-control input-sm" data-type="eventcodes-alarm"
         {% if eventCode['alarm'] %}checked{% endif %}/>
 </td>
 <td>
  <input type="checkbox" class="form-control input-sm" data-type="eventcodes-visible"
         {% if eventCode['visible'] %}checked{% endif %}/>
 </td>
 <td>
  <input type="checkbox" class="form-control input-sm" data-type="eventcodes-comment"
         {% if eventCode['comment'] %}checked{% endif %}/>
 </td>
 <td>
  <input type="text" class="form-control input-sm" data-type="eventcodes-color"
         pattern="{{ config['dashboard']['patterns']['vehicles']['color'] }}"
         placeholder="{{ lang['dashboard']['vehicles']['eventcodes']['color_placeholder'] }}"
         value="#{{ eventCode['color'] }}" required="required"/>
 </td>
 <td>
  <button type="submit" class="btn btn-default input-sm"
          data-toggle="tooltip" data-placement="bottom" data-type="eventcodes-remove"
          title="{{ lang['dashboard']['vehicles']['eventcodes']['remove'] }}">
   <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
  </button>
 </td>
</tr>
{% endfor %}