{% for pair in resource.spec %}
  {% assign name = pair[0] %}
  {% assign spec = pair[1] %}
  {% assign type = spec.type %}

  <div class="property {{type}}">
    <label for="{{name}}">{{name | capitalize}}</label>

    {% if type == 'string' %}
      <input
        {% if spec.disabled %}
          disabled="true"
        {% endif %}
          name="{{name}}" type="text" value="{{spec.value}}">
    {% elsif type == 'text' %}
      <textarea
        {% if spec.disabled %}
          disabled="true"
        {% endif %}
        name="{{name}}">{{spec.value}}</textarea>
    {% elsif type == 'enum' %}
      <select
        {% if spec.disabled %}
          disabled="true"
        {% endif %}
        name="{{name}}">
        {% for option in spec.options %}
          <option value="{{option}}" {% if option == spec.value %}selected{% endif %}>{{option}}</option>
        {% endfor %}
      </select>
    {% elsif type == 'captioned-image-list' %}
      <ol>
        {% for image in spec.value %}
          <li class="image-element">
            <img src="{{image.uri}}" alt="{{image.caption}}">
            <input type="hidden" name="{{name}}[][uri]" value="{{image.uri}}">
            <div class="clear"></div>
            <input type="text" name="{{name}}[][caption]" value="{{image.caption}}">
            <button class="remove-image">-</button>
          </li>
        {% endfor %}
      </ol>
      <input class="file-upload" style="display: none;" type="file" accept="image/*">
      <button class="add-image">+</button>
    {% else %}
      <p><pre style="color: red">Admin template doesn't support '{{type}}' properties!</pre></p>
    {% endif %}
  </div>

{% endfor %}