<div class="overlay-area" ng-click="closeTarget('#popupOrderEstimateDetailEstimateInvoice')"></div>
<div class="content-area" style="width: 320px;">
    <div class="title">
        <div class="layout-fixed">
            <div class="text-title-5">Invoice / Estimate</div>
            <div class="w40px clear">
                <button type="button" class="popup-close-button bg-transparent pd0-i biger-3-time right" ng-click="closeTarget('#popupOrderEstimateDetailEstimateInvoice')"></button>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="content-inner">
            <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false">
                <div class="box-setting-4 form-field-container no-saperator">
                    <div class="content content-in">
                        <div class="itm row-one-content" ng-repeat="estimate in appointments.estimate" ng-click="linkToEstimateInvoiceDetail(estimate)">
                            <div class="layout-fixed text-link-3" ng-class="{active:estimate.invoice_no==estimate_no}">
                                <div>{{estimate.invoice_no}}</div>
                                <div>$ {{estimate.balance_due}}</div>
                            </div>
                        </div>
                        <div class="itm row-one-content" ng-repeat="invoice in appointments.invoice" ng-click="linkToEstimateInvoiceDetail(invoice)">
                            <div class="layout-fixed text-link-3">
                                <div>{{invoice.invoice_no}}</div>
                                <div>$ {{invoice.total}}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </ion-scroll>
        </div>
    </div>
</div>