<ContentPanel @title={{t "driver-onboard-settings.driver-onboard-settings"}} @open={{true}} @wrapperClass="bordered-classic">
    {{#if this.driverOnboardSettingsLoaded}}
        <InputGroup>
            <div class="flex items-center">
                <Toggle
                    @isToggled={{this.driverOnboardSettings.enableDriverOnboardFromApp}}
                    @onToggle={{this.enableDriverOnboard}}
                    @label={{t "driver-onboard-settings.enable-driver-onboard-from-app"}}
                    @helpText={{t "driver-onboard-settings.enable-driver-onboard-from-app-help-text"}}
                />
            </div>
        </InputGroup>
        {{#if this.driverOnboardSettings.enableDriverOnboardFromApp}}
            <InputGroup @name={{t "driver-onboard-settings.select-onboard-method"}} @helpText={{t "driver-onboard-settings.select-onboard-method-help-text"}}>
                <Select
                    class="w-full flex-1"
                    @value={{this.driverOnboardSettings.driverOnboardAppMethod}}
                    @options={{this.driverOnboardMethods}}
                    @placeholder={{t "driver-onboard-settings.select-onboard-method"}}
                    @onSelect={{this.selectDriverOnboardMethod}}
                />
            </InputGroup>
            <InputGroup>
                <div class="flex items-center">
                    <Toggle
                        @isToggled={{this.driverOnboardSettings.driverMustProvideOnboardDocuments}}
                        @onToggle={{this.enableDriverOnboardDocuments}}
                        @label={{t "driver-onboard-settings.require-driver-to-upload-onboard-documents"}}
                        @helpText={{t "driver-onboard-settings.require-driver-to-upload-onboard-documents-help-text"}}
                    />
                </div>
            </InputGroup>
            {{#if this.driverOnboardSettings.driverMustProvideOnboardDocuments}}
                <InputGroup>
                    <ArrayInput
                        @data={{this.driverOnboardSettings.requiredOnboardDocuments}}
                        @placeholder={{t "driver-onboard-settings.enter-document-name"}}
                        @onDataChanged={{this.onOnboardDocumentsChanged}}
                        @addButtonText={{t "driver-onboard-settings.add-onboard-document"}}
                    >
                        <InputLabel @labelText={{t "driver-onboard-settings.required-onboard-documents"}} @helpText={{t "driver-onboard-settings.required-onboard-documents-help-text"}} />
                    </ArrayInput>
                </InputGroup>
            {{/if}}
        {{/if}}
        <div class="mt-3 flex items-center mb-4">
            <Button
                @type="primary"
                @size="sm"
                @icon="save"
                @text={{t "common.save-changes"}}
                @onClick={{perform this.saveDriverOnboardSettings}}
                @isLoading={{not this.saveDriverOnboardSettings.isIdle}}
                @permission="fleet-ops update navigator-settings"
            />
        </div>
    {{/if}}
</ContentPanel>