<label for="file-input" class="is-positive" aria-label="">

    Allega file <span class="required-marker" aria-hidden="true">*</span>

    <input id="file-input" type="file" class="" placeholder="" value="" aria-describedby="file-note" multiple>

    <p class="c-field__note " id="file-note">
        Carica il file
    </p>

</label>

<p class="c-field__note" id="" aria-hidden="true">
</p>
<label 
  for="{{ label_id }}" 
  class="{{ label_class }}" 
  aria-label="{{ screen-reader-text }}"
  >

  {{{ label_message }}} {{#if atom-input.required}}<span class="required-marker" aria-hidden="true">*</span>{{/if}}
  {{#if label_has_tooltip}} <span class="c-tooltip--24h" data-js-tooltip-label="Espandi per sapere di più"
    data-js-tooltip-icon="ic_error_orange_24px" data-js-bubble-class-position="c-tooltip__bubble--up">
    <p data-toggletip><strong>Attenzione</strong>non è possibile acquistare con meno di 24 ore di anticipo dall'orario di
      inizio della sosta.</p>
  </span>{{/if}}

  <input 
    id="{{ atom-input.id }}" 
    type="{{ atom-input.type }}"
    class="{{ atom-input.class }}"
    placeholder="{{ atom-input.placeholder }}" 
    value="{{ atom-input.value }}"

    {{#if atom-input.hasNote}}
      aria-describedby="{{ atom-input.describedby }}" 
    {{/if}}

    {{#if atom-input.isInvalid}}
      aria-invalid=”true”
    {{/if}}

    {{#if atom-input.isReadonly}}
      readonly
    {{/if}}

    {{#if atom-input.isDisabled}}
      disabled
    {{/if}}

    {{#if atom-input.jsEvent }}
      {{{ atom-input.jsEvent }}}
    {{/if}}

    {{#if atom-input.maxLength }}
      maxlength="{{ atom-input.maxLength }}"
    {{/if}}

    {{#if atom-input.multiple }}
      multiple
    {{/if}}

    {{#if atom-input.name }}
      name="{{ atom-input.name }}"
    {{/if}}
    
    {{#if atom-input.min-date}}
      min="{{ atom-input.min-date }}"
    {{/if}}

    {{#if atom-input.autocomplete}}
      autocomplete="{{ atom-input.autocomplete }}"
    {{/if}}

  >
  
  {{#if hasCancelButton}}
    <button type="button" aria-label="Elimina questo campo"><svg class="c-icon c-icon--18"><use xlink:href="#ic_cancel_black_24px"></use></svg></button>
  {{/if}}

  {{#if hasPasswordButton}}
    <button type="button" class="js-pwd-button" data-show-text="Mostra" data-hide-text="Nascondi" aria-label="Mostra password">Mostra</button>
  {{/if}}

  {{#if atom-input.hasNote}}
  <p class="c-field__note {{ note_class }}" id="{{ note_id }}">
    {{{ note_message }}}
  </p>
  {{/if}}

</label>

{{#if file_list}}
<p class="c-field__note" id="{{ this.file_field_id }}" aria-hidden="true">
  {{!-- Qui dentro viene stampata la lista dei file --}}
</p>
{{/if}}
{
  "name": "default",
  "label_id": "file-input",
  "label_message": "Allega file",
  "label_class": "is-positive",
  "atom-input": {
    "id": "file-input",
    "type": "file",
    "class": "",
    "placeholder": "",
    "required": true,
    "hasNote": true,
    "describedby": "file-note",
    "multiple": true
  },
  "note_id": "file-note",
  "note_message": "Carica il file",
  "note_class": "",
  "file_list": {
    "file_field_id": "file_id"
  }
}

No notes defined.