<form class="form-wrapper your-details">
  <h2 class="your-details__head">
    Contact form
  </h2>
  <div class="warning-required">
    Required fields
  </div>
  <div class="form-row radio-group {{#if error}}form-row_validation-error{{/if}} row-title" data-row-required>
    <label class="form-row__label form-row__label_required" for="reasonCode">Reason for contacting us</label>
      {{#if info}}
        <div class="radio-group__info">{{info}}</div>
      {{/if}}
      <div class="radio-group__field">
        {{#each radioButton}}
            <div class="radio-option-wrapper {{#if @first}}selected{{/if}}" data-id="{{id}}">
            <label class="radio-option" for="{{id}}">
              {{> radiobutton
                  label=label
                  name=name
                  id=id
              }}
            </label>
            <div id="{{id}}-content" class="radio-expanded-content {{#if @first}}expanded{{/if}}">
              {{#if details}}
                {{> your-details-radioblock details}}
              {{/if}}
            </div>
          </div>
        {{/each}}
        </div>
        {{#if error}}
            <div class="form-row__error">{{error}}</div>
        {{/if}}
    </div>

    <p class="your-details__personal-title title-add">
    Personal information
  </p>
  {{> form-row id="first-name" label="First Name" required="true"}}
  {{> form-row id="surname" label="Last Name" required="true"}}
  {{> form-row type="email" id="email" label="Email" required="true"}}
  {{> form-row type="tel" id="telephone" label="Phone Number" required="true"}}
  {{> form-row id="postcode" label="Postcode" row-mod="row-postcode"}}

  <p class="your-details__personal-title title-add">
    Additional information
  </p>

  <div class="your-details__attachments-notification d-none">
    {{> notifications notification-page.info text="Please help us to resolve your enquiry as quickly as possible by providing us with photos of the product showing any visible damage or fault, your order number (if known) and any other relevant details in the fields available."}}
  </div>

  {{> form-row id="order" label="Order Number" row-mod="row-ordernumber"}}
  <div class="your-details__attachments-file d-none">
    <p class="your-details__add-title title-add">
      Attachments
    </p>
    <div class="your-details__file-wrapper">
      <div
       data-installer-file-name="aditional-file"
       class="installer_question-file_result_wrapper hide"
      >
        <div class="installer_question-file_result_image">
          <img
            src=""
            alt="aditional-file"
            width="70"
            height="50"
          />
        </div>
        <div class="installer_question-file_result_options_wrapper">
          <p class="installer_question-file_result_option option_name">
            <i class="fas fa-check-circle"></i><span>File has been added</span>
          </p>
          <p class="installer_question-file_result_option delete_action">
            <i class="fas fa-trash"></i><span>Remove file</span>
          </p>
        </div>
      </div>
    </div>
    <div
      data-installer-file-id="aditional-file"
      data-installer-file-name="aditional-file"
      data-installer-file-value
      data-form-field
      class="installer_question-file_wrapper"
    >
      <label
        data-installer-file-name="aditional-file"
        class="installer_question-file_label"
      >
        <input
          class="installer_question-file_input"
          type="file"
          accept="image/jpg,image/jpeg,image/png,image/bmp,image/webp,image/tiff,image/heif,image/heic"
          name="aditional-file"
          multiple
        >
        <span class="installer_question-file_link">
          <i class="fas fa-plus-circle"></i><span>Add image or document</span>
        </span>
      </label>
    </div>
  </div>

  {{> form-row id="enquiry" label="Enquiry" textarea="true" required="true" textareaRows="5" modifier="default-note"
          info="max 800 characters" row-mod="enquiry-field"}}
  <div class="form-row form-row__action">
    {{> notifications notification-page.error text="Sorry, something has gone wrong when trying to send your form. Please
  try submitting your form again or contact our customer service team on 0330 123 4123."}}
    <div class="form-row__col-btn">
      <button class="btn btn-primary btn_full">
        <span class="btn__text">Submit</span>
      </button>
    </div>
  </div>
</form>
