<ion-view title="Oportunidades <small>[ {{ currentStage.name | translate }} ]</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 delegate-handle="mainScroll">

        <ion-spinner class="centered-spinner" ng-show="loading"></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-scroll style="height: 500px;">
                    <ion-list type="card" style="height: 2000px;" ng-show="!opportunities || opportunities.length != 0">
                        <ion-item ng-class="{'holded': selected == $index }" on-hold="openOptions($index)" ng-repeat="o in opportunities">
                            <h2><strong>{{ o.name | uppercase }}</strong></h2>
                            <p><strong>Contacto:</strong> {{ o.contact_name }}</p>
                            <p><strong>Teléfono:</strong> {{ o.phone }}</p>
                            <p><strong>Móvil:</strong> {{ o.mobile }}</p>
                            <ion-option-button class="button-positive" ng-click="share(item)">Share</ion-option-button>
                        </ion-item>
                    </ion-list>
                </ion-scroll>
            </ion-slide-page>
        </ion-slides>
    </ion-content>
</ion-view>
