<div class="installer__accordion installer-block" data-step="1">
    <h5 class="installer__accordion__header installer-block__header">
        <i class="fas fa-check-circle installer-block__header-icon"></i>
        1. Installation Type
    </h5>

    <div class="installer__accordion__content installer-block__content">
        <div class="form-row" data-row-required>
            <label class="form-row__label form-row__label_required">Please select which type(s) of installation your business works on:</label>
            <div class="form-row__field">
                <div class="form-row__field-item">
                    <span class="checkbox-item">
                        {{> checkbox label="Kitchens" id="kitchens" name="installationTypes" value="kitchens" }}
                    </span>

                    <div class="additional-form">
                        <label class="form-row__label form-row__label_required" for="installationsNumber_kitchen">Please select the number of kitchen installations your business has completed over the last 12 months</label>
                        <div class="form-row__field border-dashed" data-form-field>
                            <div class="ddn {{mod}} {{#if error}}ddn_error{{/if}} select-form">
                                <select id="reason" name="installationsNumber_kitchen" {{#if disabled}}disabled{{/if}}>
                                    <option value="" disabled selected hidden>Please select</option>
                                    <option value="none-kitchen" data-val="none-kitchen">None</option>
                                    <option value="1-5-kitchen" data-val="1-5-kitchen">1-5</option>
                                    <option value="kitchen_installer_application_6-10_completed" data-val="kitchen_installer_application_6-10_completed">6-10</option>
                                    <option value="kitchen_installer_application_11_or_more_completed" data-val="kitchen_installer_application_11_or_more_completed">11+</option>
                                </select>
                                <span class="icon"><i class="fas fa-chevron-down"></i></span>
                            </div>
                        </div>

                        <label class="form-row__label form-row__label_required" for="canArrangePreviousWorks_kitchen">Can you arrange for 2 previous kitchen installation works, no older than 12 months, to be viewed by a member of the Wickes installation team?</label>
                        <div class="form-row__field border-dashed" data-form-field>
                            <div class="your-details__add-radio">
                                {{> radiobutton label="Yes" name="canArrangePreviousWorks_kitchen" value="installer_application_kitchen_installation_viewings_yes" id="installer_application_kitchen_installation_viewings_yes"}}
                                {{> radiobutton label="No" name="canArrangePreviousWorks_kitchen" value="installer_application_kitchen_installation_viewings_no" id="installer_application_kitchen_installation_viewings_no"}}
                            </div>
                        </div>

                        <label class="form-row__label form-row__label_required" for="gasSafeRegistration">Does your business have a Gas Safe qualified engineer or subcontractor?</label>
                        <div class="form-row__field border-dashed select-radio" data-form-field>
                                {{> radiobutton label="We have our own Gas Safe qualified engineer" name="gasSafeRegistration" id="gas_safe_kitchen_installer_application_yes_not_a_subcontractor" value="gas_safe_kitchen_installer_application_yes_not_a_subcontractor"}}
                                {{> radiobutton label="We have our own Gas Safe qualified subcontractor" name="gasSafeRegistration" id="gas_safe_kitchen_installer_application_yes_subcontractor" value="gas_safe_kitchen_installer_application_yes_subcontractor"}}
                                {{> radiobutton label="None of the above" name="gasSafeRegistration" value="none"}}
                        </div>

                        <label class="form-row__label form-row__label_required" for="hasSolidWorktopsExperience">Do you have experience of working with solid worktops (e.g Magna, Slabtech)?</label>
                        <div class="form-row__field border-dashed" data-form-field>
                            <div class="your-details__add-radio">
                                {{> radiobutton label="Yes" name="hasSolidWorktopsExperience" id="installer_application_solid_worktop_experience_yes" value="installer_application_solid_worktop_experience_yes"}}
                                {{> radiobutton label="No" name="hasSolidWorktopsExperience" id="installer_application_solid_worktop_experience_no" value="installer_application_solid_worktop_experience_no"}}
                            </div>
                        </div>

                    </div>
                </div>

                <div class="form-row__field-item">
                    <span class="checkbox-item">
                        {{> checkbox label="Bathrooms" id="bathrooms" name="installationTypes" value="bathrooms" }}
                    </span>

                    <div class="additional-form">
                        <label class="form-row__label form-row__label_required" for="installationsNumber_bathroom">Please select the number of bathroom installations your business has completed over the last 12 month</label>
                        <div class="form-row__field border-dashed" data-form-field>
                            <div class="ddn {{mod}} {{#if error}}ddn_error{{/if}} select-form">
                                <select id="reason" name="installationsNumber_bathroom" {{#if disabled}}disabled{{/if}}>
                                    <option value="" disabled selected hidden>Please select</option>
                                    <option value="none-bathroom" data-val="none-bathroom">None</option>
                                    <option value="1-5-bathroom" data-val="1-5-bathroom">1-5</option>
                                    <option value="bathroom_installer_application_6-10_installations_completed" data-val="bathroom_installer_application_6-10_installations_completed">6-10</option>
                                    <option value="bathroom_installer_application_11_or_more_installations_completed" data-val="bathroom_installer_application_11_or_more_installations_completed">11+</option>
                                </select>
                                <span class="icon"><i class="fas fa-chevron-down"></i></span>
                            </div>
                        </div>

                        <label class="form-row__label form-row__label_required" for="canArrangePreviousWorks_bathroom">Can you arrange for 2 previous bathroom installation works, no older than 12 months, to be viewed by a member of the Wickes installation team?</label>
                        <div class="form-row__field border-dashed" data-form-field>
                            <div class="your-details__add-radio">
                                {{> radiobutton label="Yes" name="canArrangePreviousWorks_bathroom" id="installer_application_bathroom_installation_viewings_yes" value="installer_application_bathroom_installation_viewings_yes"}}
                                {{> radiobutton label="No" name="canArrangePreviousWorks_bathroom" id="installer_application_bathroom_installation_viewings_no" value="installer_application_bathroom_installation_viewings_no"}}
                            </div>
                        </div>
                    </div>
                </div>


                <div class="form-row__field-item">
                    <span class="checkbox-item">
                        {{> checkbox label="Flooring" id="flooring" name="installationTypes" value="flooring" }}
                    </span>

                    <div class="additional-form">
                        <label class="form-row__label form-row__label_required" for="installationsNumber_flooring">Please select the number of flooring installations your business has completed over the last 12 months</label>
                        <div class="form-row__field border-dashed" data-form-field>
                            <div class="ddn {{mod}} {{#if error}}ddn_error{{/if}} select-form">
                                <select id="reason" name="installationsNumber_flooring" {{#if disabled}}disabled{{/if}}>
                                    <option value="" disabled selected hidden>Please select</option>
                                    <option value="none-flooring" data-val="none-flooring">None</option>
                                    <option value="1-5-flooring" data-val="1-5-flooring">1-5</option>
                                    <option value="flooring_installer_application_6-10_installations_completed" data-val="flooring_installer_application_6-10_installations_completed">6-10</option>
                                    <option value="flooring_installer_application_11_or_more_completed" data-val="flooring_installer_application_11_or_more_completed">11+</option>
                                </select>
                                <span class="icon"><i class="fas fa-chevron-down"></i></span>
                            </div>
                        </div>

                        <label class="form-row__label form-row__label_required" for="canArrangePreviousWorks_flooring">Can you arrange for 2 previous flooring installation works, no older than 12 months, to be viewed by a member of the Wickes installation team?</label>
                        <div class="form-row__field border-dashed" data-form-field>
                            <div class="your-details__add-radio">
                                {{> radiobutton label="Yes" name="canArrangePreviousWorks_flooring" id="installer_application_flooring_installation_viewings_yes" value="installer_application_flooring_installation_viewings_yes"}}
                                {{> radiobutton label="No" name="canArrangePreviousWorks_flooring" id="installer_application_flooring_installation_viewings_no" value="installer_application_flooring_installation_viewings_no"}}
                            </div>
                        </div>

                        <label class="form-row__label form-row__label_required" for="flooringTypes">Which of the following can you install? Please select all that apply:</label>
                        <div class="form-row__field border-dashed select-checkbox select-checkbox__half-wrap" data-form-field>
                            {{> checkbox name="flooringTypes" label="Laminate" id="laminate" value="flooring_installer_application_laminate"}}
                            {{> checkbox name="flooringTypes" label="LVT (loose lay click lock)" id="LVT" value="flooring_installer_application_lvt_loose_lay_click_lock"}}
                            {{> checkbox name="flooringTypes" label="Engineered Wood" id="engineered-wood" value="flooring_installer_application_engineered_wood"}}
                            {{> checkbox name="flooringTypes" label="Solid Wood" id="solid-wood" value="flooring_installer_application_solid_wood"}}
                        </div>


                        <label class="form-row__label form-row__label_required" for="installers_flooring">Who undertakes your flooring?</label>
                        <div class="form-row__field border-dashed" data-form-field>
                            <div class="select-checkbox select-checkbox__half-wrap">
                                {{> checkbox label="Myself" name="installers_flooring" id="flooring_installer_application_self" value="flooring_installer_application_self"}}
                                {{> checkbox label="A subcontractor" name="installers_flooring" id="flooring_installer_application_sub_contractor" value="flooring_installer_application_sub_contractor"}}
                            </div>
                        </div>

                    </div>
                </div>


                <div class="form-row__field-item">
                    <span class="checkbox-item">
                        {{> checkbox label="Tiling" id="tiling" name="installationTypes" value="tiling" }}
                    </span>

                    <div class="additional-form">
                        <label class="form-row__label form-row__label_required" for="installationsNumber_tiling">Please select the number of tiling installations your business has completed over the last 12 months</label>
                        <div class="form-row__field border-dashed" data-form-field>
                            <div class="ddn {{mod}} {{#if error}}ddn_error{{/if}} select-form">
                                <select id="reason" name="installationsNumber_tiling" {{#if disabled}}disabled{{/if}}>
                                    <option value="" disabled selected hidden>Please select</option>
                                    <option value="none-tiling" data-val="none-tiling">None</option>
                                    <option value="1-5-tiling" data-val="1-5-tiling">1-5</option>
                                    <option value="tiling_installer_application_6-10_completed" data-val="tiling_installer_application_6-10_completed">6-10</option>
                                    <option value="tiling_installer_application_11_or_more_completed" data-val="tiling_installer_application_11_or_more_completed">11+</option>
                                </select>
                                <span class="icon"><i class="fas fa-chevron-down"></i></span>
                            </div>
                        </div>

                        <label class="form-row__label form-row__label_required" for="canArrangePreviousWorks_tiling">Can you arrange for 2 previous tiling installation works, no older than 12 months, to be viewed by a member of the Wickes installation team?</label>
                        <div class="form-row__field border-dashed" data-form-field>
                            <div class="your-details__add-radio">
                                {{> radiobutton label="Yes" name="canArrangePreviousWorks_tiling" id="installer_application_tiling_installation_viewings_yes" value="installer_application_tiling_installation_viewings_yes"}}
                                {{> radiobutton label="No" name="canArrangePreviousWorks_tiling" id="installer_application_tiling_installation_viewings_no" value="installer_application_tiling_installation_viewings_no"}}
                            </div>
                        </div>


                        <label class="form-row__label form-row__label_required" for="tilingTypes">Which of the following can you install? Please select all that apply:</label>
                        <div class="form-row__field border-dashed select-checkbox" data-form-field>
                            {{> checkbox name="tilingTypes" label="Ceramic tiles up to 600mm x 600mm" id="Ceramic" value="tiling_installer_application_ceramic_tiles_up_to_600mm_x_600mm"}}
                            {{> checkbox name="tilingTypes" label="Porcelain tiles up to 600mm x 600mm" id="Porcelain" value="tiling_installer_application_porcelain_tiles_up_to_600mm_x_600mm"}}
                            {{> checkbox name="tilingTypes" label="Specialist tiles to include any tile over 600mm x 600mm" id="Specialist" value="tiling_installer_application_specialist_tiles_to_include_any_tile_over_600mm_x_600mm"}}
                            {{> checkbox name="tilingTypes" label="Natural stone of any size" id="Natural" value="tiling_installer_application_natural_stone_of_any_size"}}
                            {{> checkbox name="tilingTypes" label="Any mosaic" id="Any" value="tiling_installer_application_natural_stone_of_any_size"}}
                        </div>



                        <label class="form-row__label form-row__label_required" for="installers_tiling">Who undertakes your tiling?</label>
                        <div class="form-row__field" data-form-field>
                            <div class="select-checkbox select-checkbox__half-wrap">
                                {{> checkbox name="installers_tiling" label="Myself" id="tiling_installer_application_self" value="tiling_installer_application_self"}}
                                {{> checkbox name="installers_tiling" label="A subcontractor" id="tiling_installer_application_sub_contractor" value="tiling_installer_application_sub_contractor"}}
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
</div>


