.container.mt-3.mb-3
    .mb-3
        .tabby-logo
        h1.tabby-title Tabby
            sup α

    .text-center.mb-3(translate) Thank you for downloading Tabby!

    .form-line
        .header
            .title(translate) Language
        select.form-control([(ngModel)]='config.store.language', (ngModelChange)='config.save()')
            option([ngValue]='null', translate) Automatic
            option(
                [value]='lang.code',
                *ngFor='let lang of allLanguages'
            ) {{lang.name}}

    .form-line
        .header
            .title(translate) Switch color scheme

        .btn-group(role='group')
            input.btn-check(
                type='radio',
                name='colorSchemeMode',
                [(ngModel)]='config.store.appearance.colorSchemeMode',
                (ngModelChange)='config.save()',
                id='colorSchemeModeAuto',
                [value]='"auto"'
            )
            label.btn.btn-secondary(
                for='colorSchemeModeAuto'
            )
                span(translate) From system
            input.btn-check(
                type='radio',
                name='colorSchemeMode',
                [(ngModel)]='config.store.appearance.colorSchemeMode',
                (ngModelChange)='config.save()',
                id='colorSchemeModeDark',
                [value]='"dark"'
            )
            label.btn.btn-secondary(
                for='colorSchemeModeDark'
            )
                span(translate) Always dark
            input.btn-check(
                type='radio',
                name='colorSchemeMode',
                [(ngModel)]='config.store.appearance.colorSchemeMode',
                (ngModelChange)='config.save()',
                id='colorSchemeModeLight',
                [value]='"light"'
            )
            label.btn.btn-secondary(
                for='colorSchemeModeLight'
            )
                span(translate) Always light

    .form-line
        .header
            .title(translate) Enable analytics
            .description(translate) Help track the number of Tabby installs across the world!
        toggle([(ngModel)]='config.store.enableAnalytics')

    .form-line
        .header
            .title(translate) Enable global hotkey (Ctrl-Space)
            .description(translate) Toggles the Tabby window visibility
        toggle([(ngModel)]='enableGlobalHotkey')


    .text-center.mt-5
        button.btn.btn-primary((click)='closeAndDisable()', translate) Close and never show again
