Blueprint form to control what is displayed on a page

header.products:
   name: products
   type: list
   style: vertical
   label: Products
   fields:
      .inStock:
         type: toggle
         label: Product In Stock
         highlight: 1
         default: 1
         options:
            1: PLUGIN_ADMIN.YES
            0: PLUGIN_ADMIN.NO
         validate:
            type: bool
      .image:
         type: file
         label: Product Image
         multiple: false 
         destination: 'path/to/folder'
         accept:
            - image/*

{% for product in page.header.products %}
   {% if product.inStock %}   
      <div class='product'>
         {% for image in product.image %}
            <img src='{{ image.path }}' />
         {% endfor %}
      </div>
   {% endif %}
{% endfor %}