{{#extend "base" pageClass="installer" title="Installer form" }}
  {{#content "head" mode="append"}}
    <link type="text/css" rel="stylesheet" href="./css/pages/page_installer.css">
    <link type="text/css" rel="stylesheet" href="./css/pages/page_installer_form.css">
  {{/content}}
  {{#content "body"}}
    <main class="container installer-container">
      <div class="loader-full-page installer__loader">
        <div class="loader-full-page__modal">
            <div class="spinner"></div>
        </div>
      </div>

      <h1>Become an Approved Installer</h1>

      <div class="installer-info">
        <p>
            Thank you for your interest in becoming a Wickes Approved Installer. To speed up your application please have the following documents to hand. If you don’t have them with your right now, don’t worry, these can be added at a later stage:
        </p>

        <ol class="installer-info__list">
            <li class="installer-info__list-item"> A photo of your Public Liability Insurance certificate (for a minimum of £2million) </li>
            <li class="installer-info__list-item"> If your company is VAT registered, a photo of your VAT registration certificate </li>
            <li class="installer-info__list-item"> If your company is Incorporated, a photo of your incorporation certificate </li>
            <li class="installer-info__list-item"> A photo of you or your electrician's Part P certificate, registration document or ID card (front and back) and if applying for kitchens installations, a photo of you or your gas installer's Gas Safe certificate and card (front and back) </li>
            <li class="installer-info__list-item"> Photo of your Asbestos certificate, obtained within the last 12 months </li>
        </ol>

        <p>
          Once you have completed your application we will also ask to visit 2 of your previous projects for each installation category you have applied to install, and ask that you can commit to completing 2 wickes installation projects each month.
        </p>
      </div>



      <div class="installer-application" data-step="1">
          <h2 class="heading">Installer Application</h2>

          {{> installer-type}}

          {{> installer-file-radio-form }}

          {{> installer-details}}
      </div>

      <div class="installer-step-errors" data-step="1">
        <div class="installer-step-error form-row__error" data-step="1" data-error-required>
          Please answer all questions marked with an (*) before continuing.
        </div>
        <div class="installer-step-error form-row__error" data-step="1" data-error-validation>
          You have questions with errors. Please correct them or deselect them in order to proceed.
        </div>
        <div class="installer-step-error form-row__error" data-step="2" data-error-required>
          Please answer all questions marked with an (*) before continuing.
        </div>
        <div class="installer-step-error form-row__error" data-step="2" data-error-validation>
          Confirm that you have the required document before continuing or apply another time once you have them.
        </div>
        <div class="installer-step-error form-row__error" data-step="3" data-error-required>
          Please answer all questions marked with an (*) before continuing.
        </div>
        <div class="installer-step-error form-row__error" data-step="3" data-error-validation>
          You have questions with errors. Please correct them or deselect them in order to proceed.
        </div>
        <div class="installer-step-error form-row__error" data-step="3" data-error-submit>
          Unfortunately an error occurred when you tried to submit your application, please try again. If the error continues, please contact our customer service team on <a href="tel:03301234123" class="tel-uri">0330 123 4123</a> to report the issue.
        </div>
      </div>

      <div class="installer-action" data-step="1">
        <button class="btn btn-primary" data-step="1">
          <span class="btn__text">Continue to business type</span>
          <i class="fas fa-arrow-right"></i>
        </button>
        <button class="btn btn-secondary" data-step="2" data-back-action>
          <i class="fas fa-arrow-left"></i>
          <span class="btn__text">Back to installation type</span>
        </button>
        <button class="btn btn-primary" data-step="2">
          <span class="btn__text">Continue to business details</span>
          <i class="fas fa-arrow-right"></i>
        </button>
        <button class="btn btn-secondary" data-step="3" data-back-action>
          <i class="fas fa-arrow-left"></i>
          <span class="btn__text">Back to business type</span>
        </button>
        <button class="btn btn-primary" data-step="3">
          <span class="btn__text">Submit application</span>
          <i class="fas fa-arrow-right"></i>
        </button>
      </div>

      <a href="/page_trade_installer_new.html">Cancel application</a>

      <script defer src="https://www.google.com/recaptcha/api.js?render=6LdVZ74ZAAAAABiyCm6Szsv5T9wbrOCegkskM2iR"></script>
    </main>
  {{/content}}
{{/extend}}
<script defer src="js/page/installer-form.js"></script>
<script defer src="js/page/installer-files-form.js"></script>
<script defer src="js/page/installer-validation.js"></script>
