<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">{{usersDetail.dataUser.display_name}}</div>
                <div class="text-title-header-1 nowrap mgT5">Forgot to punch out</div>
            </div>
        </div>
    </div>
    <button class="popup-close-button bg-transparent pd0-i" type="button" ng-click="closeTarget('#popupPunchLastPount')">
        <svg class="block h18px" viewBox="0 0 64 64"> <g> <path fill="#FFF" d="M28.941,31.786L0.613,60.114c-0.787,0.787-0.787,2.062,0,2.849c0.393,0.394,0.909,0.59,1.424,0.59   c0.516,0,1.031-0.196,1.424-0.59l28.541-28.541l28.541,28.541c0.394,0.394,0.909,0.59,1.424,0.59c0.515,0,1.031-0.196,1.424-0.59   c0.787-0.787,0.787-2.062,0-2.849L35.064,31.786L63.41,3.438c0.787-0.787,0.787-2.062,0-2.849c-0.787-0.786-2.062-0.786-2.848,0   L32.003,29.15L3.441,0.59c-0.787-0.786-2.061-0.786-2.848,0c-0.787,0.787-0.787,2.062,0,2.849L28.941,31.786z" /> </g> </svg>
    </button>
</div>
 <form class="app-content content-pd pdT4 pdB2" id="formLastPount" name="formLastPount" ng-submit="validateForm(formLastPount,'lastPount')" novalidate="">
    <button id="submitFormLastPount" class="hidden" type="submit">Submit</button>
    <ion-scroll class="scroll-area" direction="y" has-bouncing="true" overflow-scroll="false" delegate-handle="scrollPunchLastPount" on-scroll="scrollContent('scrollPunchLastPount')">
        <div class="box-setting-4">
            <div class="content content-in">
                <div class="itm">
                    <label class="label-form-field-1"> You forgot to punch out yesterday. What time did you suppose to punch out?</label>
                    <div class="layout-fixed">
                        <div>
                            <input class="h32px" name="time_input" placeholder="hh:mma" type="text" value="{{dataLastPoutAddtask.time| date: 'hh:mma'}}"
                             readonly ng-class="{ 'has-errors' : formLastPount.time_input.$invalid }">
                             <div class="sign-r clear">
                                <button class="bg-transparent h39px right pdR8">
                                    <svg class="h24px" style="enable-background:new 0 0 59 59;" version="1.1" viewbox="0 0 59 59" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"> <rect height="47" style="fill:#2C9AB9;" width="58" x="0.5" y="12"> </rect> <g> <circle cx="22.5" cy="28" r="1" style="fill:#FFF;"> </circle> <circle cx="29.5" cy="28" r="1" style="fill:#FFF;"> </circle> <circle cx="36.5" cy="28" r="1" style="fill:#FFF;"> </circle> <circle cx="43.5" cy="28" r="1" style="fill:#FFF;"> </circle> <circle cx="50.5" cy="28" r="1" style="fill:#FFF;"> </circle> <circle cx="8.5" cy="36" r="1" style="fill:#FFF;"> </circle> <circle cx="15.5" cy="36" r="1" style="fill:#FFF;"> </circle> <circle cx="8.5" cy="28" r="1" style="fill:#FFF;"> </circle> <circle cx="15.5" cy="28" r="1" style="fill:#FFF;"> </circle> <circle cx="22.5" cy="36" r="1" style="fill:#FFF;"> </circle> <circle cx="29.5" cy="36" r="1" style="fill:#FFF;"> </circle> <circle cx="36.5" cy="36" r="1" style="fill:#FFF;"> </circle> <circle cx="43.5" cy="36" r="1" style="fill:#FFF;"> </circle> <circle cx="50.5" cy="36" r="1" style="fill:#FFF;"> </circle> <circle cx="8.5" cy="43" r="1" style="fill:#FFF;"> </circle> <circle cx="15.5" cy="43" r="1" style="fill:#FFF;"> </circle> <circle cx="22.5" cy="43" r="1" style="fill:#FFF;"> </circle> <circle cx="29.5" cy="43" r="1" style="fill:#FFF;"> </circle> <circle cx="36.5" cy="43" r="1" style="fill:#FFF;"> </circle> <circle cx="43.5" cy="43" r="1" style="fill:#FFF;"> </circle> <circle cx="50.5" cy="43" r="1" style="fill:#FFF;"> </circle> <circle cx="43.5" cy="51" r="1" style="fill:#FFF;"> </circle> <circle cx="50.5" cy="51" r="1" style="fill:#FFF;"> </circle> <circle cx="8.5" cy="51" r="1" style="fill:#FFF;"> </circle> <circle cx="15.5" cy="51" r="1" style="fill:#FFF;"> </circle> <circle cx="22.5" cy="51" r="1" style="fill:#FFF;"> </circle> <circle cx="29.5" cy="51" r="1" style="fill:#FFF;"> </circle> <circle cx="36.5" cy="51" r="1" style="fill:#FFF;"> </circle> </g> <rect height="7" style="fill:#016A87;" width="58" x="0.5" y="12"> </rect> </svg>
                                </button>
                            </div>
                            <div class="field-overlay datetime h39px" readonly="true" time am-pm ion-datetime-picker id="time_input" name="time_input"
                             ng-model="dataLastPoutAddtask.time" required>
                                {{dataLastPoutAddtask.time| date: 'hh:mma'}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </ion-scroll>
</form>
<div class="app-control">
    <div class="layout-fixed full-h pd2">
        <div class="full-h pd2">
            <button class="button-form-field-1 darkgray position-left full" type="button" ng-click="closeTarget('#popupPunchLastPount');">
                Cancel
            </button>
        </div>
        <div class="full-h pd2">
            <button class="button-form-field-1 position-right full" type="button" onclick="getElementById('submitFormLastPount').click()">
                <svg class="icon h14px" viewBox="0 0 28.91 28.91"> <path style="fill:#030104;" d="M4.594,11.533c0,0-3.091,12.141-4.2,16.889l5.937-8.125c-0.539-1.199-0.214-3.018,0.729-4.049   c1.266-1.383,3.52-1.383,4.904-0.117s1.479,3.414,0.213,4.797c-0.959,1.053-2.733,1.477-3.989,1.008L0.771,28.91l15.646-6.059   l6.287-9.42l-8.229-7.705L4.594,11.533z" /> <polygon style="fill:#030104;" points="20.669,0 16.153,4.193 24.241,11.988 28.515,7.555  " /> </svg>
                Add
            </button>
        </div>
    </div>
</div>
