<ion-pane>
  <ion-header-bar align-title="left" class="bar bar-header bar-dark">
	<a href="#/neuro">
	<button class="button icon-right ion-ios7-arrow-left button-clear button-white">
	</button></a>
	<h1 class="title">{{pname}}</h1>
  </ion-header-bar>
  <ion-content class="content">

        <div class="or-view">

            <ion-checkbox class="checkbox-dark" ng-model="congestive.value">Congestive heart failure</ion-checkbox>
            <ion-checkbox class="checkbox-dark" ng-model="sbp.value">Systolic BP ≥ 140</ion-checkbox>
            <ion-checkbox class="checkbox-dark" ng-model="dbp.value">Diastolic BP ≥ 90</ion-checkbox>
            <ion-checkbox class="checkbox-dark" ng-model="age1.value">Age ≥75 years</ion-checkbox>
            <ion-checkbox class="checkbox-dark" ng-model="diabetes.value">Diabetes</ion-checkbox>
            <ion-checkbox class="checkbox-dark" ng-model="stroke.value">Prior stroke</ion-checkbox>
            <ion-checkbox class="checkbox-dark" ng-model="tia.value">Prior TIA</ion-checkbox>
            <ion-checkbox class="checkbox-dark" ng-model="te.value">Prior thromboembolism</ion-checkbox>
            <ion-checkbox class="checkbox-dark" ng-model="vascular.value">Vascular disease</ion-checkbox>
            <ion-checkbox class="checkbox-dark" ng-model="age2.value">Age 65–74 years</ion-checkbox>
            <ion-checkbox class="checkbox-dark" ng-model="female.value">Female</ion-checkbox>
            

            
        </div>


    
             <button class="button button-block button-dark" ng-click="calculate()">Calculate</button>

        <a class="item item-icon-left">
            Score
            <span class="badge badge-{{smartColor}}">{{score}}</span>
        </a>

        <button class="button button-block button-dark item-icon-right" ng-click="showInterpret = !showInterpret">
            <i class="icon ion-ios7-arrow-down"></i>
            How to interpret</button>

        <div id="interpret-div" ng-show="showInterpret">
            <a class="item item-icon-left">Low risk for stroke<span class="badge badge-balanced">0</span></a>
            <a class="item item-icon-left">Moderate risk<span class="badge badge-energized">1</span></a>
            <a class="item item-icon-left">High risk for stroke<span class="badge badge-assertive">≥ 2</span></a>

        </div>


  </ion-content>
</ion-pane>