<ion-view view-title="考勤" hide-back-button="true">
    <ion-nav-buttons side="left">
        <button class="button ion-chevron-left button-clear button-dark" ng-click="goBack()">&nbsp;返回</button>
    </ion-nav-buttons>
    <ion-nav-buttons side="right">
        <a href="#/workatd-setting">
            <button class="button button-clear" ng-if="roleid==1">管理&nbsp;&nbsp;</button>
        </a>
        <a ng-href="#/workatd-dailyreport">
            <button class="button button-clear">统计</button>
        </a>
    </ion-nav-buttons>
    <ion-content>
        <ion-refresher pulling-text="下拉刷新" on-refresh="doRefresh()"></ion-refresher>
        <div class="workatd-checkin-title positive-bg">
            <div>
                <h1 class="title">{{todayweek}}</h1>
            </div>
            <div ng-if="time">当前考勤时间&nbsp;:&nbsp;<span>{{time | date:'yyyy年MM月dd日 HH:mm'}}</span></div>
        </div>
        <div ng-if="loading" class="center init-load action-sheet-backdrop">
            <ion-spinner icon="android"></ion-spinner>
        </div>
        <h3 ng-if="!loading && withoutornone" class="center stable action-sheet-backdrop init-load">你还没有考勤</h3>
        <h3 ng-if="usersetting && !usersetting.isAtdDay" class="center stable action-sheet-backdrop init-load">今天是休息日</h3>
        <div ng-if="!loading">
            <ul class="list">
                <li ng-repeat="item in usersetting.items"
                    ng-class="{true:'item item-icon-left item-button-right',false:'item item-icon-left'}[item.state == 1]">
                    <i class="icon" ng-class="itme.checktype == 1 ? 'ion-ios-partlysunny-outline' : (item.checktype == 4 ? 'ion-ios-moon-outline' : 'ion-ios-sunny-outline')"></i>{{item.title}} [{{item.time | strtimeformat:item.time}}]
                    <span class="item-note" ng-if="item.state == 3">未开始</span>
                    <span class="item-note" ng-if="item.state == 2">已过期</span>
                    <span class="item-note" ng-if="item.state == 0">{{item.checktime}}&nbsp;签到</span>
                    <i class="calm ion-ios-compose-outline right-ion" ng-if="item.checktype == 1 && item.autocheck" ng-click="showModalChkReason(item.checktype)"></i>
                    <button class="button button-balanced" ng-if="!item.checktime&&item.state == 1"
                            ng-click="checkin(item.checktype, usersetting.id, item.isoutoftime)">{{item.type}}
                    </button>
                </li>
            </ul>
        </div>
        <div class="row" style="position: absolute; bottom: 5%;" ng-if="!(loading && withoutornone)&&usersetting.isAtdDay">
            <div class="col col-50 col-offset-25">
                <button class="button button-outline button-positive action-sheet-backdrop" ng-click="showModalAutoChk()" ng-bind="autocheck.isautocheck?'已开启自动签到':'未开启自动签到'"></button>
            </div>
        </div>
    </ion-content>
</ion-view>
