<div class="app-header collapse-height">
    <div class="bg-header-1 layout-fixed full-h pdL50">
        <div class="clear">
            <div class="app-title-name left full-w">
                <div class="text-title-header-1 nowrap mgT2">{{contentChecklist.title}}</div>
            </div>
        </div>
        <button class="popup-close-button bg-transparent pd0-i biger-3-time" type="button" ng-click="backToAppointment()"></button>
    </div>    
</div>
<div class="app-content" ng-if="currentPageChecklist == 1">
    <div class="app-content-inner content-pd">
        <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false">
            <div class="box-expandable box-setting-4">
                <div class="content content-in">
                    <div class="layout-fixed pd5">
                        <div class="w80px clear">
                            <div class="checkedbox-toggle-1 block-i">
                                <input type="checkbox" ng-model="checklistData.return_trip_cb" name="return-trip-required" ng-true-value="'yes'" ng-false-value="'no'" ng-checked="checklistData.return_trip_cb == 'yes'"/><i></i><span></span>
                            </div>
                        </div>
                        <div class="pdB5">
                            <label class="label-form-field-1 normal">Return Trip Required</label>
                        </div>
                    </div>
                    <div class="layout-fixed pd5">
                        <div class="w80px clear">
                            <div class="checkedbox-toggle-1 block-i">
                                <input type="checkbox" ng-model="checklistData.safety_quality_cb" name="safety-quality-issue-report" ng-true-value="'yes'" ng-false-value="'no'" ng-checked="checklistData.safety_quality_cb == 'yes'"/><i></i><span></span>
                            </div>
                        </div>
                        <div class="pdB5">
                            <label class="label-form-field-1 normal">Safety Quality Issue to Report</label>
                        </div>
                    </div>
                    <div class="layout-fixed pd5" ng-show="fw_note_on_app && fw_note_on_app.length">
                        <div class="w80px clear">
                            <div class="checkedbox-toggle-1 block-i">
                                <input type="checkbox" ng-model="checklistData.appointment_note_cb" name="save-appointment-note" ng-true-value="'yes'" ng-false-value="'no'" ng-checked="checklistData.appointment_note_cb == 'yes'"/><i></i><span></span>
                            </div>
                        </div>
                        <div class="pdB5">
                            <label class="label-form-field-1 normal">Add/Edit Appointment Notes</label>
                        </div>
                    </div>
                    <div class="layout-fixed pd5">
                        <div class="w80px clear">
                            <div class="checkedbox-toggle-1 block-i">
                                <input type="checkbox" ng-model="checklistData.appt_change_cb" name="change-appointment-type" ng-true-value="'yes'" ng-false-value="'no'" ng-checked="checklistData.appt_change_cb == 'yes'"/><i></i><span></span>
                            </div>
                        </div>
                        <div class="pdB5">
                            <label class="label-form-field-1 normal">Suggest Changing Appointment Type</label>
                        </div>
                    </div>
                    <div class="layout-fixed pd5">
                        <div class="w80px clear">
                            <div class="checkedbox-toggle-1 block-i">
                                <input type="checkbox" ng-model="contentChecklist.add_photo_cb" name="add-photo" ng-true-value="'yes'" ng-false-value="'no'"/><i></i><span></span>
                            </div>
                        </div>
                        <div class="pdB5">
                            <label class="label-form-field-1 normal">Add Photo ({{appointmentphotos.length}})</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box-setting-4 no-saperator bg-header-1" ng-if="currentPageChecklist == 2 && checklistData.return_trip_cb == 'yes'">
                <div class="bg-overlay-1 full-h pdT15 pdB10 pdL50 pdR10">
                    <div class="text-name-3">Return Trip Required</div>
                </div>
            </div>
        </ion-scroll>
    </div>
</div>
<div class="app-control" ng-if="currentPageChecklist == 1">
    <div class="layout-fixed full-h pdT2">
        <div class="full-h">
            <button class="button-form-field-1 position-right full pdR15" type="button" ng-click="continueNextPage(currentPageChecklist)">
                <svg class="icon h12px" viewBox="0 0 512 512"> <path d="M504.502,75.496c-9.997-9.998-26.205-9.998-36.204,0L161.594,382.203L43.702,264.311c-9.997-9.998-26.205-9.997-36.204,0    c-9.998,9.997-9.998,26.205,0,36.203l135.994,135.992c9.994,9.997,26.214,9.99,36.204,0L504.502,111.7    C514.5,101.703,514.499,85.494,504.502,75.496z" /> </svg>
                Next
            </button>
        </div>
    </div>
</div>
<div class="app-content" ng-if="currentPageChecklist == 2">
    <form autocomplete="off" id="formCreateToSchedule" name="formCreateToSchedule" ng-submit="submitChecklistPage(formCreateToSchedule)">
        <div class="app-content-inner content-pd">
            <button type="submit" id="submitFormChecklist" style="display:none;">Submit</button>
            <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false">
                <div class="box-setting-4 no-saperator bg-header-1" ng-if="currentPageChecklist == 2 && checklistData.return_trip_cb == 'yes'">
                    <div class="bg-overlay-1 full-h pdT15 pdB10 pdL50 pdR10">
                        <div class="text-name-3">Return Trip Required</div>
                    </div>
                </div>
                <div class="box-expandable box-setting-4" ng-if="currentPageChecklist == 2 && checklistData.return_trip_cb == 'yes'">
                    <div class="content content-in">
                        <div class="itm">
                            <label class="label-form-field-1">Return Date/Time</label>
                            <div class="layout-fixed">
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : contentChecklist.time && formCreateToSchedule.dateofappt.$invalid }">
                                    <input type="text" class="h32px" value="" placeholder="Choose date" id="dateofappt" name="dateofappt"/>
                                    <div class="field-overlay datetime" date="" ion-datetime-picker="" ng-model="contentChecklist.date" name="dateofappt" ng-required="contentChecklist.time">
                                        {{contentChecklist.date| date: 'MM/dd/yyyy'}}
                                    </div>
                                </div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : contentChecklist.date && formCreateToSchedule.time.$invalid }" ng-click="focusHandle($event)">
                                    <input name="time" ng-model="contentChecklist.time" type="text" class="h32px" placeholder="Choose time" time-pickker="" readonly="" ng-required="contentChecklist.date"/>
                                </div>
                            </div>
                        </div>
                        <div class="itm">
                            <label class="label-form-field-1">Length of Time Window</label>
                            <div class="layout-fixed">
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : (contentChecklist.date || contentChecklist.time) && formCreateToSchedule.returnlength.$invalid  }">
                                    <input type="text" name="returnlength" ng-model="checklistData.return_length" awnum="" num-fract="2" num-int="10" num-neg="false" num-sep="." num-thousand="true" ng-required="contentChecklist.date || contentChecklist.time"/>
                                </div>
                            </div>
                        </div>
                        <div class="itm">
                            <label class="label-form-field-1">Return Tech</label>
                            <div class="layout-fixed">
                                <div class="input-form-field-1">
                                    <input type="text" placeholder="" value="Select" name="seletedPrefFieldwokerName" class="h32px">
                                    <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="checklistData.return_trip_user" ng-options="item.id as item.name for item in fieldworkerSelect" ng-change="setValueShowSelect('selectPrefFieldWorkder', 'seletedPrefFieldwokerName', 'preffieldworkerforapp')" id="selectPrefFieldWorkder">
                                        <option value="" selected>Select</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box-setting-4 no-saperator bg-header-1" ng-if="currentPageChecklist == 2 && checklistData.appointment_note_cb == 'yes'">
                    <div class="bg-overlay-1 full-h pdT15 pdB10 pdL50 pdR10">
                        <div class="text-name-3">Add/Edit Appointment Notes</div>
                    </div>
                </div>
                <div class="box-expandable box-setting-4" ng-if="currentPageChecklist == 2 && checklistData.appointment_note_cb == 'yes'">
                    <div class="content content-in">
                        <div class="itm">
                            <label class="label-form-field-1">Field Worker Appointment Note</label>
                            <div class="layout-fixed">
                                <div>
                                    <div class="input-form-field-1" ng-click="focusHandle($event)" ng-class="{ 'has-errors' : !contentChecklist.appointment_note || contentChecklist.appointment_note.length == 0}">
                                        <textarea class="h80px msd-elastic" placeholder="" ng-model="contentChecklist.appointment_note" required style="overflow: hidden; word-wrap: break-word; resize: none; height: 80px;"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box-setting-4 no-saperator bg-header-1" ng-if="currentPageChecklist == 2 && checklistData.safety_quality_cb == 'yes'">
                    <div class="bg-overlay-1 full-h pdT15 pdB10 pdL50 pdR10">
                        <div class="text-name-3">Safety Quality Issue to Report</div>
                    </div>
                </div>
                <div class="box-expandable box-setting-4" ng-if="currentPageChecklist == 2 && checklistData.safety_quality_cb == 'yes'">
                    <div class="content content-in">
                        <div class="itm">
                            <label class="label-form-field-1">Safety Quality Issue Note</label>
                            <div class="layout-fixed">
                                <div>
                                    <div class="input-form-field-1" ng-click="focusHandle($event)" ng-class="{ 'has-errors' : !contentChecklist.safety_note || contentChecklist.safety_note.length == 0}">
                                        <textarea class="h80px msd-elastic" placeholder="" ng-model="contentChecklist.safety_note" required style="overflow: hidden; word-wrap: break-word; resize: none; height: 80px;"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box-setting-4 no-saperator bg-header-1" ng-if="currentPageChecklist == 2 && checklistData.appt_change_cb == 'yes'">
                    <div class="bg-overlay-1 full-h pdT15 pdB10 pdL50 pdR10">
                        <div class="text-name-3">Suggest Change Appointment Type</div>
                    </div>
                </div>
                <div class="box-expandable box-setting-4" ng-if="currentPageChecklist == 2 && checklistData.appt_change_cb == 'yes'">
                    <div class="content content-in">
                        <div class="itm">
                            <label class="label-form-field-1">Current App Type</label>
                            <div class="layout-fixed">
                                <div class="input-form-field-1">
                                    <input type="text" name="seletedCurrentAppointmentType" class="h32px"/>
                                    <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="contentChecklist.current_app_type" ng-options="item.id as item.name for item in appointmentTypes" id="seletedCurrentAppointmentType" disabled>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="itm">
                            <label class="label-form-field-1">Suggest App Type</label>
                            <div class="layout-fixed">
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : formCreateToSchedule.appointmentgroup_id.$invalid  }">
                                    <input type="text" placeholder="" value="Select" name="seletedAppointmentType" class="h32px"/>
                                    <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="checklistData.suggest_app_type" ng-options="item.id as item.name for item in appointmentTypes" ng-change="setValueShowSelect('seletedAppointmentType', 'seletedAppointmentType', '')" required id="seletedAppointmentType" name="appointmentgroup_id">
                                        <option value="" selected>Select</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="itm">
                            <label class="label-form-field-1">Suggest Note</label>
                            <div class="layout-fixed">
                                <div>
                                    <div class="input-form-field-1" ng-click="focusHandle($event)" ng-class="{ 'has-errors' : !checklistData.suggest_note || checklistData.suggest_note.length <= 10}">
                                        <textarea class="h80px msd-elastic" placeholder="" ng-model="checklistData.suggest_note" required style="overflow: hidden; word-wrap: break-word; resize: none; height: 80px;"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box-setting-4 no-saperator bg-header-1" ng-if="currentPageChecklist == 2 && contentChecklist.add_photo_cb == 'yes'">
                    <div class="bg-overlay-1 full-h pdT15 pdB10 pdL50 pdR10">
                        <div class="layout-fixed w-auto-i">
                            <div class="text-name-3">Add Photo(s)</div>
                            <div class="pdL5">
                                <button class="button-function-2 blue w40px h40px" type="button" ng-click="openPicturePicker()">
                                    <svg class="h20px" viewBox="0 0 512 512"> <path d="M216.74,132.612c-28.37,0-51.45,23.081-51.45,51.45c0,28.371,23.08,51.451,51.45,51.451s51.45-23.081,51.45-51.451    C268.19,155.692,245.11,132.612,216.74,132.612z" /> <path d="M494.14,416.287h-42.127c0-18.674,0-319.846,0-338.439c0-9.864-7.997-17.86-17.86-17.86H95.713V17.86    C95.713,7.997,87.716,0,77.853,0c-9.864,0-17.86,7.997-17.86,17.86v42.132H17.86C7.997,59.992,0,67.989,0,77.853    c0,9.864,7.997,17.86,17.86,17.86h42.127c0,13.864,0,322.829,0,338.439c0,9.864,7.997,17.86,17.86,17.86h338.439v42.127    c0,9.864,7.997,17.86,17.86,17.86c9.864,0,17.86-7.997,17.86-17.86v-42.132h42.132c9.864,0,17.86-7.997,17.86-17.86    C512,424.284,504.003,416.287,494.14,416.287z M416.292,259.923l-50.95-53.997c-6.966-7.384-18.895-7.51-25.983,0.001    L226.78,325.275L172.7,267.94c-7.039-7.467-18.957-7.445-25.985,0l-51.007,54.071V95.708h320.583V259.923z" /> </svg>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box-setting-4 form-field-container pd10" ng-repeat="item in files">
                    <div ng-if="item.type == 'image/jpeg' ">
                        <div class="title clear">File {{$index + 1}}</div>
                        <div class="content content-in layout-fixed">
                            <div class="pd10">
                                <div class="itm">
                                    <div>
                                        <div ng-if="item.type == 'image/jpeg'" ng-click="cordovaBrowser(item.localURL,'internal')">
                                            <div class="box-image-thumnail-3 square">
                                                <a class="image-outer" href="javascript:void(0)">
                                                    <img src="{{item.localURL}}"/>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="pd10">
                                <div class="itm">
                                    <div class="clear">
                                        <button class="bg-transparent pd0-i biger-4-time" type="button" ng-click="removeFile($index)">
                                            <svg class="h18px clr-symbol-clickable" viewBox="0 0 59 59"> <path d="M52.5,6H38.456c-0.11-1.25-0.495-3.358-1.813-4.711C35.809,0.434,34.751,0,33.499,0H23.5c-1.252,0-2.31,0.434-3.144,1.289   C19.038,2.642,18.653,4.75,18.543,6H6.5c-0.552,0-1,0.447-1,1s0.448,1,1,1h46c0.552,0,1-0.447,1-1S53.052,6,52.5,6z M20.553,6   c0.112-1.048,0.435-2.496,1.24-3.319C22.24,2.223,22.799,2,23.5,2h9.999c0.701,0,1.26,0.223,1.708,0.681   c0.805,0.823,1.128,2.271,1.24,3.319H20.553z" /> <path d="M10.456,54.021C10.493,55.743,11.565,59,15.364,59h28.272c3.799,0,4.871-3.257,4.907-4.958L50.376,10H8.624L10.456,54.021z    M17.5,42h24c0.552,0,1,0.447,1,1s-0.448,1-1,1h-24c-0.552,0-1-0.447-1-1S16.948,42,17.5,42z M17.5,47h24c0.552,0,1,0.447,1,1   s-0.448,1-1,1h-24c-0.552,0-1-0.447-1-1S16.948,47,17.5,47z M17.5,52h24c0.552,0,1,0.447,1,1s-0.448,1-1,1h-24   c-0.552,0-1-0.447-1-1S16.948,52,17.5,52z" /> </svg>
                                        </button>
                                    </div>
                                </div>
                                <div class="itm">
                                    <label class="label-form-field-1">Description</label>
                                    <div class="layout-fixed">
                                        <div>
                                            <div class="input-form-field-1" ng-click="focusHandle($event)">
                                                <textarea class="h80px" placeholder="" ng-model="item.file_des"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </ion-scroll>
        </div>
    </form>
</div>
<div class="app-control" ng-if="currentPageChecklist == 2">
    <div class="layout-fixed full-h pdT2">
        <div class="full-h">
            <button class="button-form-field-1 position-right full pdR15" type="button" onclick="getElementById('submitFormChecklist').click()">
                <svg class="icon h12px" viewBox="0 0 512 512"> <path d="M504.502,75.496c-9.997-9.998-26.205-9.998-36.204,0L161.594,382.203L43.702,264.311c-9.997-9.998-26.205-9.997-36.204,0    c-9.998,9.997-9.998,26.205,0,36.203l135.994,135.992c9.994,9.997,26.214,9.99,36.204,0L504.502,111.7    C514.5,101.703,514.499,85.494,504.502,75.496z" /> </svg>
                Submit
            </button>
        </div>
    </div>
</div>
<div class="app-content" ng-if="currentPageChecklist == 3">
    <form autocomplete="off" id="formConsumedPart" name="formCreateToSchedule" ng-submit="submitThirdPage(formConsumedPart)">
        <div class="app-content-inner content-pd">
            <button type="submit" id="submitFormThirdPage" style="display:none;">Submit</button>
            <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false">
                <div class="box-setting-4 no-saperator bg-header-1" ng-if="currentPageChecklist == 2 && checklistData.return_trip_cb == 'yes'">
                    <div class="bg-overlay-1 full-h pdT15 pdB10 pdL50 pdR10">
                        <div class="text-name-3">Consumed Parts Specifics</div>
                    </div>
                </div>
                <div class="box-setting-4 form-field-container pd10" ng-repeat="v in consumable_items track by $index">
                    <div>
                        <div class="title clear">{{v.name}}</div>
                        <div class="content content-in layout-fixed">
                            <div class="itm">
                                <label class="label-form-field-1" ng-class="{ 'has-errors' : formConsumedPart.consumed_1{{$index}}.$invalid}">Consumed Part</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formConsumedPart.consumed_1{{$index}}.$invalid}" ng-click="focusHandle($event)">
                                            <input type="text" class="h32px" value="{{v.consumed_name_1}}"/>
                                            <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="v.consumed_1" ng-options="item.used_item_id as item.name for item in v.consumable_lists" name="consumed_1{{$index}}" id="consumed_1{{$index}}" ng-change="changeConsumedPart($index, 1, v.consumed_1)" required>
                                                <option value="">Select</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="itm">
                                <label class="label-form-field-1" ng-class="{ 'has-errors' : formConsumedPart.consumed_2{{$index}}.$invalid}">Consumed Part 2</label>
                                <div class="layout-fixed" ng-if="v.consumable == 'pair'">
                                    <div>
                                        <div class="input-form-field-1" ng-class="{ 'has-errors' : formConsumedPart.consumed_2{{$index}}.$invalid}" ng-click="focusHandle($event)">
                                            <input type="text" class="h32px" value="{{v.consumed_name_2}}" ng-class="{ 'bg-lightred':v.highlight }"/>
                                            <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="v.consumed_2" ng-options="item.used_item_id as item.name for item in v.consumable_lists" name="consumed_2{{$index}}" id="consumed_2{{$index}}" ng-change="changeConsumedPart($index, 2, v.consumed_2)" required>
                                                <option value="">Select</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </ion-scroll>
        </div>
    </form>
</div>
<div class="app-control" ng-if="currentPageChecklist == 3">
    <div class="layout-fixed full-h pdT2">
        <div class="full-h">
            <button class="button-form-field-1 position-right full pdR15" type="button" onclick="getElementById('submitFormThirdPage').click()">
                <svg class="icon h12px" viewBox="0 0 512 512"> <path d="M504.502,75.496c-9.997-9.998-26.205-9.998-36.204,0L161.594,382.203L43.702,264.311c-9.997-9.998-26.205-9.997-36.204,0    c-9.998,9.997-9.998,26.205,0,36.203l135.994,135.992c9.994,9.997,26.214,9.99,36.204,0L504.502,111.7    C514.5,101.703,514.499,85.494,504.502,75.496z" /> </svg>
                Submit
            </button>
        </div>
    </div>
</div>