ul.nav-tabs(ngbNav, #nav='ngbNav')
    li(ngbNavItem)
        a(ngbNavLink, translate) General
        ng-template(ngbNavContent)
            .row
                .col-6(ng:if='hostApp.platform !== Platform.Web')
                    .mb-3
                        label(translate) Device
                        input.form-control(
                            type='text',
                            alwaysVisibleTypeahead,
                            [(ngModel)]='profile.options.port',
                            [ngbTypeahead]='portsAutocomplete',
                            [resultFormatter]='portsFormatter'
                        )

                .col-6
                    .mb-3
                        label(translate) Baud rate
                        input.form-control(
                            type='number',
                            alwaysVisibleTypeahead,
                            placeholder='Ask every time',
                            [(ngModel)]='profile.options.baudrate',
                            [ngbTypeahead]='baudratesAutocomplete'
                        )

            stream-processing-settings([options]='profile.options')

    li(ngbNavItem)
        a(ngbNavLink, translate) Advanced
        ng-template(ngbNavContent)
            .form-line
                .header
                    .title(translate) Data bits
                input.form-control(
                    type='number',
                    placeholder='8',
                    [(ngModel)]='profile.options.databits',
                )

            .form-line
                .header
                    .title(translate) Stop bits
                input.form-control(
                    type='number',
                    placeholder='1',
                    [(ngModel)]='profile.options.stopbits',
                )

            .form-line
                .header
                    .title(translate) Parity
                select.form-control(
                    type='text',
                    [(ngModel)]='profile.options.parity'
                )
                    option(value='none', translate) None
                    option(value='even') Even
                    option(value='odd') Odd
                    option(value='mark', ng:if='hostApp.platform === Platform.Windows') Mark
                    option(value='space', ng:if='hostApp.platform === Platform.Windows') Space

            .form-line
                .header
                    .title RTS / CTS
                toggle([(ngModel)]='profile.options.rtscts')

            .form-line
                .header
                    .title XON
                toggle([(ngModel)]='profile.options.xon')

            .form-line
                .header
                    .title XOFF
                toggle([(ngModel)]='profile.options.xoff')

            .form-line
                .header
                    .title Xany
                toggle([(ngModel)]='profile.options.xany')

            .form-line
                .header
                    .title(translate) Slow feed
                    .description(translate) Sends data one byte at a time
                toggle([(ngModel)]='profile.options.slowSend')

    li(ngbNavItem)
        a(ngbNavLink, translate) Colors
        ng-template(ngbNavContent)
            color-scheme-selector([(model)]='profile.terminalColorScheme')

    li(ngbNavItem)
        a(ngbNavLink, translate) Login scripts
        ng-template(ngbNavContent)
            login-scripts-settings([options]='profile.options')

    li(ngbNavItem)
        a(ngbNavLink, translate) Input
        ng-template(ngbNavContent)
            input-processing-settings([options]='profile.options.input')

div([ngbNavOutlet]='nav')
