<div class="overlay-area"></div>
<div class="content-area popup-2">
    <div class="title">
        <div class="icon">
            <svg class="h20px" viewBox="0 0 60 60"> <path d="M14,36C8.486,36,4,40.486,4,46s4.486,10,10,10s10-4.486,10-10S19.514,36,14,36z M14,54c-4.411,0-8-3.589-8-8s3.589-8,8-8   s8,3.589,8,8S18.411,54,14,54z" /> <path d="M46,32H14C6.28,32,0,38.28,0,46s6.28,14,14,14h32c7.72,0,14-6.28,14-14S53.72,32,46,32z M46,58H14C7.383,58,2,52.617,2,46   s5.383-12,12-12h32c6.617,0,12,5.383,12,12S52.617,58,46,58z" /> <path d="M14,28h32c7.72,0,14-6.28,14-14S53.72,0,46,0H14C6.28,0,0,6.28,0,14S6.28,28,14,28z M46,4c5.514,0,10,4.486,10,10   s-4.486,10-10,10s-10-4.486-10-10S40.486,4,46,4z" /> </svg>
        </div>
        Checklist confirm
    </div>
    <div class="content">
        {{confirm.title}}
        <!-- Select -->
        <div class="mgT10" ng-if="confirm.type == 'select'">
            <div class="input-form-field-1">
                <input type="text" class="h32px" name="" value="{{confirmprocess[confirm.model].label||'Select'}}" placeholder="Select">
                <div class="sign-r clear">
                    <button class="bg-transparent full-h right pdR10" type="button">
                        <svg class="h17px clr-symbol-clickable" viewBox="0 0 63.215 63.215"> <g> <g> <path fill="#1075BB" d="M59.807,15.717L31.491,43.791L3.419,15.475c-0.777-0.785-2.044-0.789-2.828-0.012c-0.784,0.777-0.789,2.044-0.012,2.827    l29.194,29.448c0.365,0.368,0.835,0.563,1.312,0.589c0.139,0.008,0.278-0.001,0.415-0.021c0.054,0.008,0.106,0.021,0.16,0.022    c0.544,0.029,1.099-0.162,1.515-0.576l29.447-29.196c0.785-0.777,0.79-2.043,0.012-2.828    C61.856,14.943,60.59,14.939,59.807,15.717z" /> </g> </g> </svg>
                    </button>
                </div>
                <select class="field-overlay" ng-model="confirmprocess[confirm.model]" ng-options="btn.label for btn in confirm.fields track by btn.id"></select>
            </div>
        </div>
        <!-- Text -->
        <div class="mgT10" ng-if="confirm.type == 'text'">
            <div class="input-form-field-1 mgB10" ng-repeat="btn in confirm.fields">
                <input type="text" class="awsdatepicker h32px" id="reasonnotcomplete" format="MM/DD/YYYY" ng-model="confirmprocess[confirm.model]" placeholder="" value="" name="{{confirm.model}}">
            </div>
        </div>
        <!-- Datetime -->
        <div class="mgT10" ng-if="confirm.type == 'datetime'">
            <div class="input-form-field-1 mgB10" ng-repeat="btn in confirm.fields">
                <textarea class="h32px pdT8-i clr-white" placeholder="Choose date">{{confirmprocess[confirm.model]| date: "yyyy-MM-dd"}}</textarea>
                <div class="field-overlay datetime" date="" id="" ion-datetime-picker="" name="" ng-model="confirmprocess[confirm.model]">
                    {{confirmprocess[confirm.model]| date: "yyyy-MM-dd"}}
                </div>
            </div>
        </div>
    </div>
    <div class="buttons">
        <div class="layout-fixed h40px pdLR10">
            <div ng-if="confirm.type == 'select' || confirm.type == 'datetime' || confirm.type == 'text'"></div>
            <div class="full-h" ng-if="confirm.type == 'select'">
                <button class="button-form-field-1 position-left full" ng-click="confirmselect()">
                    OK
                </button>
            </div>
            <div class="full-h" ng-if="confirm.type == 'datetime'">
                <button class="button-form-field-1 position-left full" ng-click="confirmcreatetask()">
                    OK
                </button>
            </div>
            <div class="full-h" ng-if="confirm.type == 'text'">
                <button class="button-form-field-1 position-left full" ng-click="confirmcreatetask()">
                    OK
                </button>
            </div>
            <div class="full-h" ng-if="confirm.type == 'yesno'" ng-repeat="btn in confirm.fields.slice().reverse()">
                <button class="button-form-field-1 position-left full" ng-class="{'darkgray':btn.label=='No'?true:false}" type="button" ng-click="confirmyesno(btn)">
                    {{btn.label}}
                </button>
            </div>
        </div>
    </div>
</div>