tab.pull-right
    tab-heading  
        span.glyphicon.glyphicon-plus
    .row(ng-controller="ServerAddCtrl")
        .col-md-6
            h4 Add new server
            hr
            form.form-horizontal(role="addServer")
                ul.list-group
                    li.list-group-item
                        .form-group(ng-class="{'has-warning':!isKeyUniqe()}")
                            label(for="host").col-md-2.control-label Name:
                            .col-md-10
                                input(type="text",id="host" ng-model="nServConf.key", placeholder="Server name must be unique", required).form-control
                        .form-group
                            label(for="host").col-md-2.control-label Host:
                            .col-md-10
                                input(type="text",id="host" ng-model="nServConf.host", placeholder="Hostname or ip adress", required).form-control
                        .form-group
                            label(for="port").col-md-2.control-label Port:
                            .col-md-10
                                input(type="text",id="port" ng-model="nServConf.port", placeholder="Port", required).form-control
                        .form-group
                            label(for="nick").col-md-2.control-label Nick:
                            .col-md-10
                                input(type="text",id="nick" ng-model="nServConf.nick", placeholder="Nickname", required).form-control
                        .alert.alert-warning.pull-left(ng-class="{hide:isKeyUniqe()}") Non unique key will overwrite existing sever
                    li.list-group-item
                        button.btn.btn-default(type="submit" ng-click="addServer()")
                            span Save  
                            span.glyphicon.glyphicon-ok

        .col-md-6
            h4 Channels
            hr
            ul.list-group
                li(ng-repeat="channel in nServConf.channels").list-group-item
                    .row
                        span.col-xs-8 {{channel}}
                        span(tooltip-placement="left", tooltip="{{isObserved(channel)|observTooltip}}").col-xs-2
                            span(ng-class="{false:'glyphicon-eye-close text-danger', true:'glyphicon-eye-open text-success'}[isObserved(channel)]",ng-click="toggleObserv(channel)").glyphicon
                        span(tooltip-placement="left", tooltip="Part {{channel}}").col-xs-2
                            span(ng-click="partChannel(channel)").text-danger.glyphicon.glyphicon-ban-circle
                li.list-group-item
                    form(role="joinChannel", ng-submit="joinChannels()").input-group
                        input.form-control(placeholder="Add channel", type="text", ng-model="joinChanStr")
                        span.input-group-btn
                            button.btn.btn-default(type="submit", tooltip="Add multiple channels separated by space", tooltip-trigger="mouseenter", tooltip-placement="left")
                                span.glyphicon.glyphicon-plus