<div class="overlay-area" ng-click="closeTarget('#popupOrderInvoiceDetailItemDelete')"></div>
<div class="content-area popup-3" style="width: 360px">
    <div class="title">
        <div class="layout-fixed">
            <div>Delete invoice item</div>
            <div class="w50px clear">
                <button class="popup-close-button bg-transparent pd0-i biger-3-time right" type="button" ng-click="closeTarget('#popupOrderInvoiceDetailItemDelete')"></button>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="content-inner">
            <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false">
                Are you sure to delete item : <b>{{deleteDataPricebook.name}}</b> ?
            </ion-scroll>
        </div>
    </div>
    <div class="buttons">
        <div class="layout-fixed h40px pdLR10">
            <div class="full-h">
                <button type="button" class="button-form-field-1 position-left darkgray full" ng-click="closeTarget('#popupOrderInvoiceDetailItemDelete')">
                    Cancel
                </button>
            </div>
            <div class="full-h">
                <button type="button" class="button-form-field-1 position-right full" ng-click="deleteInvoice(deleteDataPricebook)">
                    OK
                </button>
            </div>
        </div>
    </div>
</div>

<!-- <div class="overlay-area" ng-click="closeTarget('#popupOrderInvoiceDetailItemDelete')"></div>
<div class="content-area popup-2">
    <div class="title">
        <div class="icon">
            <svg class="h20px" 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>
        </div>
        Delete invoice item
    </div>
    <div class="content">
        Are you sure to delete item <b class="clr-white">{{deleteDataPricebook.name}}</b> ?
    </div>
    <div class="buttons">
        <div class="layout-fixed h40px pdLR10">
            <div class="full-h">
                <button type="button" class="button-form-field-1 position-left darkgray full" ng-click="closeTarget('#popupOrderInvoiceDetailItemDelete')">
                    Cancel
                </button>
            </div>
            <div class="full-h">
                <button type="button" class="button-form-field-1 position-right full" ng-click="deleteInvoice(deleteDataPricebook)">
                    OK
                </button>
            </div>
        </div>
    </div>
</div>
 -->