<ion-slides options="options" slider="data.slider">
                <ion-slide-page>
                    <div class="list">
                        <label class="item item-input">
                            <input type="text" class="inputEvc" placeholder="Evidence number" required ng-model="notification.evidenceNumber">
                        </label>
                        <label class="item item-input">
                            <button class="button" color-picker="" color-mode="name" model-mode="name" ng-model="notification.carColor" 
                                    modal-title="Choose car color" color-box="{{notification.carColor}}" named-colors="colorsOffer">
                                {{notification.carColor|| &apos;Choose a color&apos; }}  
                            </button>
                        </label>
                    </div>
                    <button class="button button-full button-balanced" ng-disabled="!notification.evidenceNumber || !notification.carColor || isDisabled" ng-click="checkInput(notification)">
                        Check data
                    </button>                   
                </ion-slide-page>

                <ion-slide-page>
                    <div class="list">
                        <ion-radio ng-model="notification.type" ng-value="'parking'">Parking notification</ion-radio>
                        <ion-radio ng-model="notification.type" ng-value="'live'">Live notification</ion-radio>
                        <ion-radio ng-model="notification.type" ng-value="'message'">Send message</ion-radio>
                        <ion-radio ng-model="notification.type" ng-value="'theft'">Theft report</ion-radio>
                    </div>
                    <button class="button button-full button-balanced" ng-disabled="!notification.type || isDisabled" ng-click="nextStep(false)">Next step</button>
                </ion-slide-page>

                <ion-slide-page>
                    <div class="list">
                        <div class="item item-divider">Please, be more specificated</div>
                        <ion-radio ng-model="notification.situation" ng-value="'{{item.title}}'" 
                                   ng-repeat="item in notificationsOffer.record| filter: {type: notification.type}"  name="specification">
                            {{item.title}}
                        </ion-radio>
                    </div>
                    <button class="button button-full button-balanced" ng-disabled="!notification.situation || isDisabled" ng-click="nextStep(false)">Next step</button>
                </ion-slide-page>

                <ion-slide-page> 
                    <div class="list">
                        <label class="item item-input">
                            <textarea rows="3" ng-model="notification.message" placeholder="Warn or notify driver in 100 letters"></textarea>
                        </label>   
                    </div>
                    <ion-list>
                        <ion-checkbox ng-model="notification.urgent">Urgent</ion-checkbox>
                        <ion-checkbox ng-model="gpsChecked" ng-change="getGPS(gpsChecked)">Send GPS coordinates</ion-checkbox>
                        <ion-checkbox ng-model="photoChecked" ng-change="takePhoto(photoChecked)">Send photo</ion-checkbox>
                    </ion-list>
                    LAT: {{lat}} !! LONG: {{long}} !! photochecked: {{photoChecked}}
                    <button ng-click="reset()">reset</button>
                    <button class="button button-full button-balanced" ng-click="send()">Send notification</button>

                </ion-slide-page>
                <ion-slide-page>
                    <ion-list can-swipe="true">
                        <ion-item>
                            <div class="row">
                                <div class="col col-10" >
                                    <i class="ion dark" ng-class="alert.result ? 'ion-checkmark-circled' : 'ion - close - circled'" style="font-size:1.5rem !important"></i>
                                </div>
                                <div class="col col-90">
                                    <h2 ng-bind-html="alert.description"></h2>
                                    <p ng-click="!alert.result ? sendAgain() : {}" ng-class="!alert.result ? 'button icon-left ion-arrow-return-left button-dark' : {}">{{alert.state}}</p>
                                    <label class="dark" ng-show="alert.result">
                                        <i>Thank you for your time.</i>
                                    </label>
                                    <p ng-click="cancel()" class='button icon-left ion-compose button-balanced'>Create new notification</p>
                                </div>
                            </div>
                            <ion-option-button ng-show="alert.result" class="button-dark ion-ios-pulse-strong" ng-click=""></ion-option-button>
                        </ion-item>
                    </ion-list>
                </ion-slide-page>
            </ion-slides>