<ion-modal-view>
    <ion-header-bar>
        <button class="button ion-chevron-left button-clear button-dark" ng-click="closeRepeatIdModal(ok)">&nbsp;返回</button>
        <h1 class="title">重复</h1>
    </ion-header-bar>
    <ion-content>
        <div class="item item-divider"></div>
        <div class="item item-icon-right">提醒
            <span class="item-note">{{ repeatHt[data.repeat_type] }}</span>
        </div>
        <ion-list>
            <ion-radio ng-model="data.repeat_type" ng-click="changeRepeatId(key)" ng-value="key" ng-repeat="(key,value) in repeatHt">{{value}}</ion-radio>
        </ion-list>
        <div ng-show="data.repeat_type == 1">
            <div style="padding:10px">
                <span style="font-size:12px;">选择重复频率</span>
            </div>
            <div class="row">
                <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[data.freq == item ]"
                     ng-repeat="item in [1,2,3]" ng-click="changeDayRepeatfreqIdColor(item)">
                    每{{item}}天
                </div>
            </div>
            <div class="row">
                <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[data.freq == 4 ]"
                     ng-click="changeDayRepeatfreqIdColor('4')">
                    每4天
                </div>
                <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[data.freq == 5 ]"
                     ng-click="changeDayRepeatfreqIdColor('5')">
                    每5天
                </div>
                <div class="col center" style="border:1px solid #ddd;background-color: #fff;"></div>
            </div>

        </div>
        <div ng-show="data.repeat_type == 2">
            <div style="padding:10px">
                <span style="font-size:12px;">选择每周哪几天，日程重复</span>
            </div>
            <div class="row">
                <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqWeekDayHt[item]]"
                     ng-repeat="item in [1,2,3,4,5]" ng-click="changeWeekDayRepeatfreqIdColor(item)">
                    {{ weekDayHt[item] }}
                </div>
            </div>
            <div class="row">
                <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqWeekDayHt['6']]"
                     ng-click="changeWeekDayRepeatfreqIdColor('6')">{{ weekDayHt["6"] }}
                </div>
                <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqWeekDayHt['0']]"
                     ng-click="changeWeekDayRepeatfreqIdColor('0')">{{ weekDayHt["0"] }}
                </div>
                <div class="col center" style="border:1px solid #ddd;background-color: #fff;"></div>
                <div class="col center" style="border:1px solid #ddd;background-color: #fff;"></div>
                <div class="col center" style="border:1px solid #ddd;background-color: #fff;"></div>

            </div>
        </div>
        <div ng-show="data.repeat_type == 3">
            <div style="padding:10px">
                <span style="font-size:12px;">选择每月哪几天，日程重复</span>
            </div>
            <div class="row">
                <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqMonthDayHt[item]]"
                     ng-click="changeMonthDayRepeatfreqIdColor(item)" ng-repeat="item in [1,2,3,4,5,6,7]">{{item}}
                </div>
            </div>
            <div class="row">
                <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqMonthDayHt[item]]"
                     ng-click="changeMonthDayRepeatfreqIdColor(item)" ng-repeat="item in [8,9,10,11,12,13,14]">{{item}}
                </div>
            </div>
            <div class="row">
                <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqMonthDayHt[item]]"
                     ng-click="changeMonthDayRepeatfreqIdColor(item)" ng-repeat="item in [15,16,17,18,19,20,21]">{{item}}
                </div>
            </div>
            <div class="row">
                <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqMonthDayHt[item]]"
                     ng-click="changeMonthDayRepeatfreqIdColor(item)" ng-repeat="item in [22,23,24,25,26,27,28]">{{item}}
                </div>
            </div>
            <div class="row">
                <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqMonthDayHt['29']]"
                     ng-click="changeMonthDayRepeatfreqIdColor('29')">29
                </div>
                <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqMonthDayHt['30']]"
                     ng-click="changeMonthDayRepeatfreqIdColor('30')">30
                </div>
                <div class="col center" ng-style="{true:repeatfreqstyleactive,false:repeatfreqstyleunactive}[repeatfreqMonthDayHt['31']]"
                     ng-click="changeMonthDayRepeatfreqIdColor('31')">31
                </div>
                <div class="col center" style="border:1px solid #ddd;background-color: #fff;"></div>
                <div class="col center" style="border:1px solid #ddd;background-color: #fff;"></div>
                <div class="col center" style="border:1px solid #ddd;background-color: #fff;"></div>
                <div class="col center" style="border:1px solid #ddd;background-color: #fff;"></div>
            </div>
        </div>

    </ion-content>
</ion-modal-view>