<ion-side-menus>
    <remove-main-nav></remove-main-nav>

    <ion-side-menu-content class="ipad-settings-container">
        <ion-nav-view name="settingsContent">

        </ion-nav-view>
    </ion-side-menu-content>

    <ion-side-menu side="left" width="350" expose-aside-when="large">
        <ion-header-bar class="bar-stable none-border">
            <div class="buttons">
                <a menu-close href="#/" class="button icon-left ion-chevron-left button-clear button-dark">{{'GoBack' | translate}}</a>
            </div>
            <h2 class="title">{{ tile.name | translate | limitTo: 20 }}{{(tile.name | translate).length > 20 ? '...' : ''}}</h2>
        </ion-header-bar>
        <ion-content scroll="false">
            <div class="container-fluid">
                <div class="row-bootstrap tile-container">
                    <div ng-repeat="item in settingsTiles" class="col-xs-12">

                        <div ng-class="{'active' : item.deviceTypeId === activeSetting}" class="tile state-on settings-list"
                             on-tap="settingsChooser(item.deviceTypeId)" on-hold="onHold()" on-release="onRelease(item.deviceTypeId)"
                             ion-stop-event="tap">
                            <div class="tile-content">
                                <div class="name-container">
                                    <h2 class="no-top-padding">{{item.name | translate}}</h2>
                                </div>

                                <ng-include src="'img/settings/'+item.deviceTypeId+'.svg'"></ng-include>

                            </div>

                            <div ng-if="item.deviceTypeId == 'devicesettings' && tile.newFirmwareAvailable" class="select-icon" ng-init="item.ribbon.text = ('New' | translate)">
                                <ng-include onload="ribbon = item.ribbon" src="'img/new.svg'"></ng-include>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </ion-content>
    </ion-side-menu>

</ion-side-menus>