<article>
    <div bs-panel="controls outline">
        <h1 bs-heading>
            <icon icon="{{ctrl.section.icon}}"></icon>
            {{ctrl.section.title}}
        </h1>
    </div>

    <url-info ng-if="ctrl.options.server || ctrl.options.proxy" options="ctrl.options"></url-info>
    <snippet-info ng-if="ctrl.options && ctrl.ui.snippet" options="ctrl.options"></snippet-info>

    <div bs-panel="full">
        <div bs-panel-content>
            <div bs-panel-icon>
                <svg bs-svg-icon><use xlink:href="#svg-devices"></use></svg>
            </div>
            <p bs-text="lede">Current Connections</p>
            <p>Connected browsers will be listed here.</p>

            <connection-list options="ctrl.options"></connection-list>

        </div>
    </div>

</article>