<ion-view class="order" view-title="Order" hide-nav-bar="true">
    <ion-content scroll="false" id="order_page">
        <div class="app-main" id="main-content">
            <div compile-html="dataOrderHtml.menuHeader" class="app-header"></div>
            <div compile-html="dataOrderHtml.menuTab" class="order-tab app-tab-switch"></div>
            <div class="app-content">
                <div class="app-content-inner content-pd" compile-html="dataOrderHtml.orderContent"></div>
            </div>
          <!--   <div class="order-estimate-app-create-button app-create-button show" ng-if="$parent.tabOrderActive=='Estimate'">
                <button class="button-add-plus-1 pd0-i w50px h50px" type="button" ng-click="newEstimate()"></button>
            </div> -->
        </div>

        <div class="app-content-popup-area">
            <div ng-controller="estimateController">
                <div compile-html="dataOrderHtml.popupOrderEstimateDetail" id="popupOrderEstimateDetail" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderEstimateDetailOptions" id="popupOrderEstimateDetailOptions" class="app-confirm-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderEstimateDetailOptionsItems" id="popupOrderEstimateDetailOptionsItems" class="app-confirm-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderEstimateDetailEditMDAllItem" id="popupOrderEstimateDetailEditMDAllItem" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderEstimateDetailItemEdit" id="popupOrderEstimateDetailItemEdit" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderEstimateDetailItemDelete" id="popupOrderEstimateDetailItemDelete" class="app-content-popup popup-center"></div>
                <div compile-html="dataOrderHtml.popupCornerstyles" id="popupCornerstyles" class="app-content-popup popup-center"></div>
                <div compile-html="dataOrderHtml.popupOrderEstimateDetailItemTransfer" id="popupOrderEstimateDetailItemTransfer" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderEstimateMeasurements" id="popupOrderEstimateMeasurements" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderEstimateSendToOptions" id="popupOrderEstimateSendToOptions" class="app-confirm-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderEstimateSendToDetail" id="popupOrderEstimateSendToDetail" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderEstimateDetailAddComment" id="popupOrderEstimateDetailAddComment" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.orderPopupProductMessage" id="orderPopupProductMessage" class="app-content-popup popup-center"></div>
                <div id="open_form_estimate_door_form_product_table" ng-click="open_door_form_product_table()"></div>
                
                <div compile-html="dataOrderHtml.popupOrderEstimateDoorFormProductTable" id="popupOrderEstimateDoorFormProductTable" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderEstimateDetailComment" id="popupOrderEstimateDetailComment" class="app-content-popup popup-center"></div>
                <div compile-html="dataOrderHtml.popupOrderEstimateDetailDiscountCoupon" id="popupOrderEstimateDetailDiscountCoupon" class="app-content-popup popup-center">
                </div>
                <div compile-html="dataOrderHtml.popupOrderEstimateDetailServiceLocation" id="popupOrderEstimateDetailServiceLocation" class="app-content-popup popup-center"></div>
                <div compile-html="dataOrderHtml.popupOrderEstimateDetailEstimateInvoice" id="popupOrderEstimateDetailEstimateInvoice" class="app-content-popup popup-center"></div>
                <div compile-html="dataOrderHtml.popupOrderEstimateDetailSaleDetailOption" id="popupOrderEstimateDetailSaleDetailOption" class="app-content-popup popup-center"></div>
                <div compile-html="dataOrderHtml.popupSelectAllItemEstimate" id="popupSelectAllItemEstimate" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupConvertToSaleOrder" id="popupConvertToSaleOrder" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupAddApp" id="popupAddApp" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupCheckContractorAndPricing" id="popupCheckContractorAndPricing" class="app-content-popup popup-center"></div>
            </div>
            <div ng-controller="invoiceController">
                <div id="open_form_invoice_door_form_product_table" ng-click="open_door_form_product_table()"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceDetail" id="popupOrderInvoiceDetail" class="app-content-popup"></div>
                <div id="popupOrderInvoiceDetailPaymentInformation" class="app-content-popup" compile-html="dataOrderHtml.popupOrderInvoiceDetailPaymentInformation"></div>
                <div id="popupOrderInvoiceDetailPaymentInformationSignature" class="app-content-popup">
                    <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">{{invoice_no}}</div>
                                    <div class="text-title-header-1 nowrap mgT5">{{dataInfoCustomer.first_name + ' ' + dataInfoCustomer.last_name}} signatute</div>
                                </div>
                            </div>
                        </div>
                        <button type="button" class="popup-back-button bg-transparent pd0-i biger-3-time" ng-click="closeTarget('#popupOrderInvoiceDetailPaymentInformationSignature')">
                            <svg class="h20px" viewBox="0 0 129 129"> <path fill="#FFFFFF" d="m88.6,121.3c0.8,0.8 1.8,1.2 2.9,1.2s2.1-0.4 2.9-1.2c1.6-1.6 1.6-4.2 0-5.8l-51-51 51-51c1.6-1.6 1.6-4.2 0-5.8s-4.2-1.6-5.8,0l-54,53.9c-1.6,1.6-1.6,4.2 0,5.8l54,53.9z" /> </svg>
                        </button>
                    </div>
                    <div class="app-content">
                        <div class="app-content-inner content-pd">
                            <div class="box-center full-h">
                                <div class="center" style="width: 95%;height: 60%;">
                                    <div id="signaturePaymentShow" class="bg-white rounded-10 overhidden full-w full-h center"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="popupOrderInvoiceDetailPaymentInformationTranferPayment" class="app-content-popup" compile-html="dataOrderHtml.popupOrderInvoiceDetailPaymentInformationTranferPayment"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceDetailOptions" id="popupOrderInvoiceDetailOptions" class="app-confirm-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceDetailOptionsItems" id="popupOrderInvoiceDetailOptionsItems" class="app-confirm-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceDetailEditMDAllItem" id="popupOrderInvoiceDetailEditMDAllItem" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceDetailEditRefund" id="popupOrderInvoiceDetailEditRefund" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceDetailItemEdit" id="popupOrderInvoiceDetailItemEdit" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceDetailItemDelete" id="popupOrderInvoiceDetailItemDelete" class="app-content-popup popup-center"></div>
                <div compile-html="dataOrderHtml.popupCornerstyles" id="popupCornerstylesInv" class="app-content-popup popup-center"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceMeasurements" id="popupOrderInvoiceMeasurements" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceTermsOfConditions" id="popupOrderInvoiceTermsOfConditions" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceAddPayment" id="popupOrderInvoiceAddPayment" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceAddPaymentSignature" id="popupOrderInvoiceAddPaymentSignature" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceAddPaymentDetails" id="popupOrderInvoiceAddPaymentDetails" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceSendToOptions" id="popupOrderInvoiceSendToOptions" class="app-confirm-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceSendToDetail" id="popupOrderInvoiceSendToDetail" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceDetailAddComment" id="popupOrderInvoiceDetailAddComment" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceDetailAddPaymentWellFargoPlan" id="popupOrderInvoiceDetailAddPaymentWellFargoPlan" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.orderInvoicePopupProductMessage" id="orderInvoicePopupProductMessage" class="app-content-popup popup-center"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceDoorFormProductTable" id="popupOrderInvoiceDoorFormProductTable" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceDetailAddPayment" id="popupOrderInvoiceDetailAddPayment" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceDetail50PercentTotalBill" id="popupOrderInvoiceDetail50PercentTotalBill" class="app-content-popup popup-center"></div>
                <div compile-html="dataOrderHtml.popupOrderInvoiceDetailComment" id="popupOrderInvoiceDetailComment" class="app-content-popup popup-center">
                </div>
                <div id="popupOrderInvoiceDetailDiscountCoupon" compile-html="dataOrderHtml.popupOrderInvoiceDetailDiscountCoupon" class="app-content-popup popup-center">
                    </div>
                <div compile-html="dataOrderHtml.invoicePopupDetailEditMDInstalledItem" id="invoicePopupDetailEditMDInstalledItem" class="app-content-popup popup-center"></div>
                <div id="popupOrderInvoiceDetailServiceLocation" compile-html="dataOrderHtml.popupOrderInvoiceDetailServiceLocation" class="app-content-popup popup-center">
                </div>
                <div id="popupOrderInvoiceDetailEstimateInvoice" compile-html="dataOrderHtml.popupOrderInvoiceDetailEstimateInvoice" class="app-content-popup popup-center">
                </div>
                <div id="popupOrderInvoiceDetailSaleDetailOption" compile-html="dataOrderHtml.popupOrderInvoiceDetailSaleDetailOption" class="app-content-popup popup-center">
                </div>
                <div compile-html="dataOrderHtml.popupSelectAllItemInvoice" id="popupSelectAllItemInvoice" class="app-content-popup"></div>
                <div compile-html="dataOrderHtml.popupConfirmAddPaymentInstoreCredit" id="popupConfirmAddPaymentInstoreCredit" class="app-content-popup popup-center"></div>
                <div compile-html="dataOrderHtml.popupWarningAddUpdateCard" id="popupWarningAddUpdateCard" class="app-content-popup popup-center"></div>
                <div compile-html="dataOrderHtml.confirmOverPayment" id="confirmOverPayment" class="app-content-popup popup-center"></div>
            </div>
            <div compile-html="dataOrderHtml.customerDetailPopupAppointmentHistoryViewLog" id="customerDetailPopupAppointmentHistoryViewLog" class="app-content-popup"></div>
            <div compile-html="dataOrderHtml.popupOrderDisplayHeightToInchesTable" id="popupOrderDisplayHeightToInchesTable" class="app-content-popup"></div>
            <div compile-html="dataOrderHtml.photoViewer" id="photoViewer" class="app-content-popup files-viewer-popup"></div>
            <div compile-html="dataOrderHtml.popupPendingToEnroutemodal" id="popupPendingToEnroutemodal" class="app-content-popup popup-center"></div>
            <div compile-html="dataOrderHtml.popupEnrouteToArivemodal" id="popupEnrouteToArivemodal" class="app-content-popup popup-center"></div>
            <div compile-html="dataOrderHtml.popupAriveToWorkingmodal" id="popupAriveToWorkingmodal" class="app-content-popup popup-center"></div>
            <div compile-html="dataOrderHtml.popupWorkingToFinishmodal" id="popupWorkingToFinishmodal" class="app-content-popup popup-center"></div>
            <div compile-html="dataOrderHtml.popupPendingToEnrouteCAmodal" id="popupPendingToEnrouteCAmodal" class="app-content-popup popup-center"></div>
            <div compile-html="dataOrderHtml.popupRetrySentMessegemodal" id="popupRetrySentMessegemodal" class="app-content-popup popup-center"></div>
            <div compile-html="dataOrderHtml.popupOrderDetailMessageJobStatus" id="popupOrderDetailMessageJobStatus" class="app-content-popup popup-center"></div>
            <div compile-html="dataOrderHtml.popupOdersSendEmail" id="popupOdersSendEmail" class="app-content-popup popup-center"></div>
            <div compile-html="dataOrderHtml.popupCustomerPhonesList" id="popupCustomerPhonesList" class="app-content-popup popup-center">
            </div>
            <div compile-html="dataOrderHtml.popupOrderInvoiceDetailAppointmentHistory" id="popupOrderInvoiceDetailAppointmentHistory" class="app-content-popup">

            </div>
            <div compile-html="dataOrderHtml.popupSplitPayment" id="popupSplitPayment" class="app-content-popup"></div>
            <div compile-html="dataOrderHtml.popupAddPaymentMulti" id="popupAddPaymentMulti" class="app-content-popup"></div>
            <div compile-html="dataOrderHtml.confirmOverSplitPayment" id="confirmOverSplitPayment" class="app-content-popup popup-center"></div>
            <div ng-controller="scheduleCtrl">
                <div compile-html="dataOrderHtml.opportunityAppointmentSpecificInformation" id="opportunityAppointmentSpecificInformation" class="app-content-popup"></div>
                <div ng-controller="checklistCtrl">
                    <div compile-html="dataOrderHtml.checklistPopup" class="app-content-popup" id="checklistPopup"></div>
                    <div compile-html="dataOrderHtml.checklistPopupConfirm" class="app-confirm-popup" id="checklistPopupConfirm"></div>
                    <div compile-html="dataOrderHtml.selectInvoice" class="app-content-popup" id="selectInvoice"></div>
                    <form ng-submit="Add_Payment()" compile-html="dataOrderHtml.addpayment" class="app-content-popup" id="addpayment" novalidate="" name="formPaymentAdd"></form>
                    <div id="checklistPopupSubmitConfirm" class="app-confirm-popup" ng-include="'templates/dashboard/checklist/submit.tpl'"></div>
                </div>
            </div>
        </div>
    </ion-content>
</ion-view>