.widget-container.fluid-height(ng-controller='BrowserCtrl')
  .heading
    i.fa.fa-gear
    span(translate) Browser
    button.btn.btn-xs.btn-danger-outline.pull-right(ng-click='clearSettings()', title='{{"Reset all browser settings"|translate}}')
      i.fa.fa-trash-o
      span(translate) Reset
    button.btn.btn-xs.btn-primary-outline.pull-right(ng-click='relaunch()', title='{{"Relaunch the browser"|translate}}')
      i.fa.fa-refresh
      span(translate) Relaunch
  .widget-content.padded
    //pre {{device.browser|json}}
    .btn-group
      button.btn.btn-xs.btn-default-outline.dropdown-toggle
        //img(ng-src='/img/platforms/{{$root.browser}}.png').browser-icon
        //| {{$root.browser | browserName}}
        span(ng-show='$root.browser') {{$root.browser.name}} ({{$root.browser.type}})
        span.caret(ng-show='device.browser.apps.length > 1')
      ul.dropdown-menu(ng-show='device.browser.apps.length > 1')
        li(ng-repeat='b in device.browser.apps')
          a(ng-click='$root.browser = b').pointer
            span {{b.name}} ({{b.type}})
            //img(ng-src='/img/platforms/{{b}}.png').browser-icon.pointer
            //| {{ b | browserName }}