<!--
Create tabs with an icon and label, using the tabs-positive style.
Each tab's child <ion-nav-view> directive will have its own
navigation history that also transitions its views in and out.
-->

<ion-tabs class="tabs-icon-only tabs-assertive" ng-controller="BadgerCtrl as vm" >
  
    <ion-tab icon="ion-model-s" href="#/tab/account" badge="vm.newNotifCounter" badge-style="badge-dark">
        <ion-nav-view name="tab-account"></ion-nav-view>
    </ion-tab>
    <ion-tab icon="ion-speakerphone" href="#/tab/wildshield">
        <ion-nav-view name="tab-wildshield"></ion-nav-view>
    </ion-tab>
    <ion-tab icon="ion-chatbubbles" href="#/tab/chats" badge="vm.newMessageCounter" badge-style="badge-dark">
          <ion-nav-view name="tab-chats"></ion-nav-view>
    </ion-tab>
    <ion-tab icon="ion-person" href="#/tab/options">>
        <ion-nav-view name="tab-options"></ion-nav-view>
    </ion-tab>

</ion-tabs>
