<div class="ti-floor__measurement">
  <div class="row">
    <h4 class="ti-floor__title">
      Select your unit of measurement
    </h4>
    <div class="ti-floor__dpd">
      <div class="form-row {{#if error}}form-row_validation-error{{/if}} {{row-mod}}"
           {{#if required}}data-row-required{{/if}}>
        <label class="form-row__label {{#if required}}form-row__label_required{{/if}} {{#if
                label-hidden}}sr-only{{/if}}" for="{{id}}">{{label}}</label>
        {{#if info}}
          <div class="form-row__info">{{info}}</div>
        {{/if}}
        <div class="form-row__field">
          <div class="ddn {{mod}} {{#if error}}ddn_error{{/if}}">
            <select class="unit-selection" name="{{id}}" {{#if disabled}}disabled{{/if}}>
              <option value="" disabled selected hidden>{{placeholder}}</option>
              <option>metres</option>
              <option>cm</option>
              <option>feet</option>
              <option>inches</option>
            </select>
            <span class="icon">
                  <i class="fas fa-chevron-down"></i>
                </span>
          </div>
          {{#if infoIcon}}
            {{> info-icon modification="icon-info" title=infoIcon data-container=(concat "." infoIcon-uid)  data-placement="top"}}
          {{/if}}
        </div>
        {{#if error}}
          <div class="form-row__error">{{error}}</div>
        {{/if}}
      </div>
    </div>
  </div>
</div>