<div class="installer__accordion installer-block installer__accordion_collapsed" data-step="3">
    <h5 class="installer__accordion__header installer-block__header">
        <i class="fas fa-check-circle installer-block__header-icon"></i>
        3. Your Personal & Business Details
    </h5>

    <div class="installer__accordion__content installer-block__content" style="display: none">

        <div class="border-dashed">

            <div class="form-row" data-form-field>

                <label class="form-row__label form-row__label_required" for="title">Title:</label>
                <div class="form-row__field">
                    <div class="ddn {{mod}} {{#if error}}ddn_error{{/if}} select-form">
                        <select id="title" name="title" {{#if disabled}}disabled{{/if}}>
                            <option value="" disabled selected hidden>Please select</option>
                            <option value="installer_application_mr" data-val="installer_application_mr">Mr</option>
                            <option value="installer_application_mrs" data-val="installer_application_mrs">Mrs</option>
                            <option value="installer_application_miss" data-val="installer_application_miss">Miss</option>
                            <option value="installer_application_ms" data-val="installer_application_ms">Ms</option>
                            <option value="installer_application_mx" data-val="installer_application_mx">Mx</option>
                            <option value="installer_application_dr." data-val="installer_application_dr.">Dr.</option>
                            <option value="installer_application_rev." data-val="installer_application_rev.">Rev.</option>
                        </select>
                        <span class="icon"><i class="fas fa-chevron-down"></i></span>
                    </div>
                </div>
            </div>

            <div>
                {{> form-row id="first-name" name="firstName" label="First name:" required="true"}}
                {{> form-row id="surname" name="lastName" label="Last name:" required="true"}}
            </div>

            {{> form-row id="email" name="email" label="Email:" required="true"}}

            {{> form-row id="tel" name="mobileNumber" label="Mobile Number:" required="true"}}

        </div>

        <div class="border-dashed">

            {{> form-row id="business-name" name="businessName" label="Full Trading Name:" required="true" }}

            {{> form-row id="address-line-1" name="line1" label="Address Line 1:" required="true"}}

            {{> form-row id="address-line-2" name="line2" label="Address Line 2:"}}

            {{> form-row id="city-town" name="town" label="City/Town:" required="true"}}

            {{> form-row id="postcode" name="postCode" label="Postcode:" required="true"}}

        </div>

        <div class="form-row" data-form-field>
            <label class="form-row__label form-row__label_required" for="additionalInstallationTypes">Can you advise of any further types of installation you perform?</label>
            <div class="form-row__field border-dashed select-checkbox">
                {{> checkbox name="additionalInstallationTypes" value="installer_application_other_works_gardening/landscaping" label="Gardening/Landscaping" id="Gardening"}}
                {{> checkbox name="additionalInstallationTypes" value="installer_application_other_works_plumbing_and_heating" label="Plumbing and Heating" id="Plumbing"}}
                {{> checkbox name="additionalInstallationTypes" value="installer_application_other_works_insulation_and_lofts" label="Insulation and Lofts" id="Insulation"}}
                {{> checkbox name="additionalInstallationTypes" value="installer_application_other_works_external_doors_and_windows" label="Doors and Windows" id="ExternalDoors"}}
                {{> checkbox name="additionalInstallationTypes" value="installer_application_other_works_bedrooms" label="Bedrooms and Home Office" id="Bedrooms"}}
                {{> checkbox name="additionalInstallationTypes" value="installer_application_other_works_replacement/maintenance" label="Replacement/Maintenance" id="Replacement"}}
                {{> checkbox name="additionalInstallationTypes" value="installer_application_other_works_none_of_the_above" label="None of the above" id="none"}}
            </div>
        </div>

        <div class="form-row" data-form-field>
            <label class="form-row__label" for="preferences">As a member of TradePro, we send our customers the latest deals and offers. Please indicate how you’d like us to send these to you:</label>
            <div class="form-row__field border-dashed select-checkbox">
                {{> checkbox name="preferences" value="opt_in_email" label="Email" id="Email"}}
                {{> checkbox name="preferences" value="opt_in_sms" label="SMS" id="SMS"}}
                {{> checkbox name="preferences" value="opt_in_call" label="Phone" id="Phone"}}
                {{> checkbox name="preferences" value="opt_in_post" label="Post" id="Post"}}
            </div>
        </div>

        <div class="form-row" data-form-field>

            <label for="termsAgreement" class="chb submit-condition">
            <input type="checkbox" value="checked" id="termsAgreement" name="termsAgreement"  >
            <ins><i class="fas fa-check"></i></ins>
            <span class="warning-required">By submitting this application. I am agreeing with
              <a href="https://www.wickes.co.uk/termsAndConditions" target="_blank">Wickes’ Terms & Conditions of Sale</a>,
              <a href="https://www.wickes.co.uk/trade/terms-conditions" target="_blank">TradePro Terms & Conditions</a>
              and
              <a href="https://www.wickes.co.uk/privacy" target="_blank">Privacy Policy.</a>
            </span>
            </label>

        </div>

    </div>
</div>
