<!--View Information-->
<!--View name : Menu-->
<!--Controller name : menuCtrl-->
<!--Controller path : www/templates/menu/js/controllers.js-->
<!--State name : app-->
<!--URL : #app-->

<ion-side-menus enable-menu-with-back-views="false">
    <ion-side-menu-content>
        <ion-nav-bar class="bar-balanced  material-background-nav-bar">
            <ion-nav-buttons side="left">
                <a class="button button-icon button-clear ion-navicon" menu-toggle="left" ng-click="toggleLeft()"></a>
            </ion-nav-buttons>
        </ion-nav-bar>
        <ion-nav-view name="menuContent"></ion-nav-view>
    </ion-side-menu-content>
    <md-sidenav md-component-id="left" on-swipe-left="closeSideNav()" on-drag-left="closeSideNav()">
        <!--menu section-->
        <div class="material-background" id="toggle-menu-left-header">
            <!--menu header section-->
            <div class="menu-left-header">
                <img class="user-img" src="img/profileAvatar.jpg">

                <p>
                    <span class="title">Ionic Material</span>
                    <br/>
                    <span class="sub-title">Material Design Application</span>
                </p>
            </div><!--end menu header section-->
        </div> <!--menu content section-->
        <ion-content id="toggle-menu-left-content">

            <!--If device is android application will present below code.-->
            <!--It will disable animation to better performance on android.-->
            <!--list section-->
            <div ng-if="isAndroid" class="menu-list">
                <md-subheader class="md-warn">Application Storage</md-subheader>
                <div class="row menu-item"  ng-click="navigateTo('app.contractlist')">
                    <div class="col-33">
                        <i class="fa fa-database"></i>
                    </div>
                    <div class="col-66">
                        <span>SQLite DB</span>
                    </div>
                </div>
                <div class="row menu-item"  ng-click="navigateTo('app.imagedownload')">
                    <div class="col-33">
                        <i class="fa fa-database"></i>
                    </div>
                    <div class="col-66">
                        <span>Bilder Herunterladen</span>
                    </div>
                </div>
                <md-subheader class="md-warn">Share Application Content</md-subheader>
                <div class="row menu-item"  ng-click="navigateTo('app.contractUs')">
                    <div class="col-33">
                        <i class="fa fa-inbox"></i>
                    </div>
                    <div class="col-66">
                        <span>Email & Message</span>
                    </div>
                </div>
                <md-subheader class="md-warn">Advertising Application</md-subheader>
                <div class="row menu-item"  ng-click="navigateTo('app.googleAdmob')">
                    <div class="col-33">
                        <i class="fa fa-money"></i>
                    </div>
                    <div class="col-66">
                        <span>Google AdMob</span>
                    </div>
                </div>
                <md-subheader class="md-warn">Push Notification</md-subheader>
                <div class="row menu-item"  ng-click="navigateTo('app.singlePushNotification')">
                    <div class="col-33">
                        <i class="fa fa-sign-in fa-rotate-90"></i>
                    </div>
                    <div class="col-66">
                        <span>Single Push</span>
                    </div>
                </div>
                <div class="row menu-item"  ng-click="navigateTo('app.schedulePushNotification')">
                    <div class="col-33">
                        <i class="fa fa-clock-o"></i>
                    </div>
                    <div class="col-66">
                        <span>Schedule Push</span>
                    </div>
                </div>
                <md-subheader class="md-warn">Hardware Connect</md-subheader>
                <div class="row menu-item"  ng-click="navigateTo('app.mobileContractList')">
                    <div class="col-33">
                        <i class="fa fa-users"></i>
                    </div>
                    <div class="col-66">
                        <span>Mobile Contract</span>
                    </div>
                </div>
                <div class="row menu-item"  ng-click="navigateTo('app.imagePicker')">
                    <div class="col-33">
                        <i class="fa fa-picture-o"></i>
                    </div>
                    <div class="col-66">
                        <span>Image Picker</span>
                    </div>
                </div>
                <div class="row menu-item"  ng-click="navigateTo('app.vibration')">
                    <div class="col-33">
                        <i class="fa fa-asterisk"></i>
                    </div>
                    <div class="col-66">
                        <span>Vibration</span>
                    </div>
                </div>
                <div class="row menu-item"  ng-click="navigateTo('app.flashLight')">
                    <div class="col-33">
                        <i class="fa fa-bolt"></i>
                    </div>
                    <div class="col-66">
                        <span>Flashlight</span>
                    </div>
                </div>
                <div class="row menu-item"  ng-click="navigateTo('app.deviceInformation')">
                    <div class="col-33">
                        <i class="fa fa-info"></i>
                    </div>
                    <div class="col-66">
                        <span>Device Information</span>
                    </div>
                </div>
                <md-subheader class="md-warn">Material User Interface</md-subheader>
                <div class="row menu-item"  ng-click="navigateTo('app.dashboard')">
                    <div class="col-33">
                        <i class="fa fa-th-list"></i>
                    </div>
                    <div class="col-66">
                        <span>Dashboard</span>
                    </div>
                </div>
                <div class="row menu-item"  ng-click="navigateTo('app.defaultUI')">
                    <div class="col-33">
                        <i class="fa fa-bookmark-o"></i>
                    </div>
                    <div class="col-66">
                        <span>Default UI</span>
                    </div>
                </div>
                <md-subheader class="md-warn">Themes</md-subheader>
                <div class="row menu-item"  ng-click="navigateTo('app.tryAppNoBackBtn')">
                    <div class="col-33">
                        <i class="fa fa-diamond"></i>
                    </div>
                    <div class="col-66">
                        <span>Try App</span>
                    </div>
                </div>
                <div class="row menu-item"  ng-click="navigateTo('app.pricing')">
                    <div class="col-33">
                        <i class="fa fa-line-chart"></i>
                    </div>
                    <div class="col-66">
                        <span>Pricing</span>
                    </div>
                </div>
                <div class="row menu-item"  ng-click="navigateTo('app.menuDashboard')">
                    <div class="col-33">
                        <i class="fa fa-th-large"></i>
                    </div>
                    <div class="col-66">
                        <span>Menu Dashboard</span>
                    </div>
                </div>
                <div class="row menu-item"  ng-click="navigateTo('app.expense')">
                    <div class="col-33">
                        <i class="fa fa-suitcase"></i>
                    </div>
                    <div class="col-66">
                        <span>Expense</span>
                    </div>
                </div>
                <div class="row menu-item"  ng-click="navigateTo('app.newsFeed')">
                    <div class="col-33">
                        <i class="fa fa-newspaper-o"></i>
                    </div>
                    <div class="col-66">
                        <span>News Feed</span>
                    </div>
                </div>
                <div class="row menu-item"  ng-click="navigateTo('app.onlineCourse')">
                    <div class="col-33">
                        <i class="fa fa-graduation-cap"></i>
                    </div>
                    <div class="col-66">
                        <span>Online Course</span>
                    </div>
                </div>
                <div class="row menu-item"  ng-click="navigateTo('app.locationFeed')">
                    <div class="col-33">
                        <i class="fa fa-flag"></i>
                    </div>
                    <div class="col-66">
                        <span>Location Feed</span>
                    </div>
                </div>
                <div class="row menu-item"  ng-click="navigateTo('app.cubeFeed')">
                    <div class="col-33">
                        <i class="fa fa-cubes"></i>
                    </div>
                    <div class="col-66">
                        <span>Cube Feed</span>
                    </div>
                </div>
                <div class="row menu-item"  ng-click="navigateTo('app.clothShop')">
                    <div class="col-33">
                        <i class="fa fa-heart"></i>
                    </div>
                    <div class="col-66">
                        <span>Cloth Shop</span>
                    </div>
                </div>
                <div class="row menu-item"  ng-click="navigateTo('app.catalog')">
                    <div class="col-33">
                        <i class="fa fa-tags"></i>
                    </div>
                    <div class="col-66">
                        <span>Catalog</span>
                    </div>
                </div>
                <div class="row menu-item"  ng-click="navigateTo('app.restaurant')">
                    <div class="col-33">
                        <i class="fa fa-cutlery"></i>
                    </div>
                    <div class="col-66">
                        <span>Restaurant</span>
                    </div>
                </div>
            </div>
        </ion-content><!--end menu content section-->
        <!--end menu section-->

    </md-sidenav>
</ion-side-menus>
