<div class="app-header bg-header-1">
    <div class="layout-fixed full-h text-center">
        <div class="full-h v-bottom-i pdB15">
            <div class="app-content-header bg-header-1">
                <div class="text-name-header-1 nowrap">{{detailCustomerData.first_name + ' ' + detailCustomerData.last_name}}</div>
                <div class="text-title-header-1 nowrap mgT10">Appointment job status</div>
            </div>
        </div>
    </div>
    <button class="popup-back-button bg-transparent pd0-i biger-3-time" type="button" ng-click="closeTarget('#popupScheduleDetailJobStatus')"></button>
</div>
<div class="app-content">
    <div class="app-content-inner content-pd">
        <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false" delegate-handle="scrollScheduleDetailJobStatus" on-scroll="scrollContent('scrollScheduleDetailJobStatus')">
            <div class="box-setting-4 form-field-container">
                <div class="content content-in">
                    <div class="itm" ng-repeat="(key, jobstatusesItem) in detailAppointmentData._jobstatusess" ng-if="key!='6'">
                        <div class="layout-fixed">
                            <div class="w20px">
                                <div class="box-image-thumnail-3 rounded w18px h25px" style="background: {{ jobstatusesItem.bgcolor }}"></div>
                            </div>
                            <div class="pdL10">
                                <div class="text-title-4">{{ jobstatusesItem.name }}</div>
                                <div class="text-date-1 mgT5" ng-bind-html="displayTime(changeDatetime('DT2T', appointmentstatusessItem.jobstatus_date), true)" ng-if="jobstatusesItem.id == appointmentstatusessItem.jobstatus_id" ng-repeat="appointmentstatusessItem in detailAppointmentData.appointmentstatusess">
                                    <!--{{ changeDatetime('DT2T', appointmentstatusessItem.jobstatus_date) |  date: fshortDate}}-->
                                </div>
                            </div>
                            <div class="w40px clear" ng-if="showChangeJobStatus && appIsCancel==0 && detailAppointmentData.jobstatusCurrent.name != 'Complete'" ng-hide="showCheckList == false && detailAppointmentData.jobstatusCurrent.name == 'Finishing' " >
                                <button class="app-item-next-icon bg-transparent pd0-i biger-4-time right" ng-click="changeAappointmentstatusess()" ng-if="jobstatusesItem.id==detailAppointmentData.jobstatusCurrent.id"></button>
                            </div>
                        </div>
                    </div>
                    <div class="itm" ng-repeat="(key, jobstatusesItem) in detailAppointmentData._jobstatusess" ng-click="Revert_func()" ng-if="showRevertJobStatus && jobstatusesItem.name == 'Revert' && key=='6' ">
                        <div class="layout-fixed">
                            <div class="w20px">
                                <div class="box-image-thumnail-3 rounded w18px h25px" style="background: {{ jobstatusesItem.bgcolor }}"></div>
                            </div>
                            <div class="pdL10">
                                <div class="text-title-4">{{ jobstatusesItem.name }}</div>
                                <div class="text-date-1 mgT5" ng-bind-html="displayTime(changeDatetime('DT2T', appointmentstatusessItem.jobstatus_date), true)" ng-if="jobstatusesItem.id == appointmentstatusessItem.jobstatus_id" ng-repeat="appointmentstatusessItem in detailAppointmentData.appointmentstatusess">
                                    <!--{{ changeDatetime('DT2T', appointmentstatusessItem.jobstatus_date) |  date: fshortDate}}-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ion-scroll>
    </div>
</div>
