<ion-view title="Oportunidades / <small>{{ title }}</small>">

    <ion-nav-buttons side="right">
        <button class="button button-clear ion-chevron-left bar-icon" ng-disabled="slider.isBeginning" ng-click="changeStage(0)"></i></button>
        <button class="button button-clear ion-chevron-right bar-icon" ng-disabled="slider.isEnd" ng-click="changeStage(1)"></i></button>
    </ion-nav-buttons>

    <ion-content>

        <ion-spinner class="centered-spinner" ng-show="loading" icon="lines"></ion-spinner>

        <ion-slides ng-show="!loading" on-swipe-left="changeStage(0)" on-swipe-right="changeStage(1)" slider="data.slider">
            <ion-slide-page ng-repeat="s in stages">
                <ion-list type="card">
                  <ion-item ng-class="{'holded': selected == $index }" on-double-tap="openOptions($index)" ng-repeat="o in opportunities">
                      <h1>{{ o.name }}</h1>
                  </ion-item>
            </ion-slide-page>
        </ion-slides>
    </ion-content>
</ion-view>
