<ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false" ng-if="$parent.tabOrderActive == 'Estimate'">
    <ul class="lst-order stripe-1 except-app-tab-switch">
        <li class="box-setting-4 overhidden" ng-repeat="item in Estimate">
            <div class="content content-in">
                <div class="itm row-one-content">
                    <div class="name clr-clickable uppercase" ng-click="goToEstimateDetails(item.id,item.invoice_no)">{{item.invoice_no}}</div>
                    <div class="layout-fixed mgT5">
                        <div>
                            <div class="text-name-2 v-bottom-i"><div class="baseline"><span class="fz8 pdR2">$</span>{{item.balance_due}}</div></div>
                        </div>
                        <div class="text-title-4">Type of service <span class="text">{{item.typeServiceName}}</span></div>
                    </div>
                    <div class="layout-fixed mgT10">
                        <div class="v-top-i">
                            <div class="layout-fixed">
                                <div class="v-top-i">
                                    <div class="text-title-4">Representative</div>
                                    <div class="text">{{item.addoder}}</div>
                                </div>
                            </div>
                        </div>
                        <div class="layout-w-1:2 v-top-i">
                            <div class="layout-fixed">
                                <div class="v-top-i">
                                    <div class="text-title-4">Edited by</div>
                                    <div class="text">{{item.editoder}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layout-fixed mgT10">
                        <div>
                            <div class="layout-fixed w-auto-i baseline left">
                                <div class="text-title-4">Created date</div>
                                <div class="text-date-1 pdL3">{{item.created_date}}</div>
                            </div>
                        </div>
                        <div ng-if="item.modified_date">
                            <div class="layout-fixed w-auto-i baseline left">
                                <div class="text-title-4">Modified date</div>
                                <div class="text-date-1 pdL3">{{item.modified_date}}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</ion-scroll>
<ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false" ng-if="$parent.tabOrderActive == 'Saleorder'">
    <ul class="lst-order stripe-1 except-app-tab-switch">
        <li class="box-setting-4 overhidden" ng-repeat="item in SaleOrder">
            <div class="content content-in">
                <div class="itm row-one-content">
                    <div class="name clr-clickable uppercase" ng-click="goToSaleorderDetails(item.id,item.invoice_no)">{{item.invoice_no}}</div>
                    <div class="layout-fixed mgT5">
                        <div class="layout-w-1:3">
                            <div class="text-name-2 v-bottom-i"><div class="baseline"><span class="fz8 pdR2">$</span>{{item.balance_due}}</div></div>
                        </div>
                        <div class="text-title-4">Type of service <span class="text">{{item.typeServiceName}}</span></div>
                    </div>
                    <div class="layout-fixed mgT10">
                        <div class="v-top-i">
                            <div class="layout-fixed">
                                <div class="v-top-i">
                                    <div class="text-title-4">Representative</div>
                                    <div class="text">{{item.addoder}}</div>
                                </div>
                            </div>
                        </div>
                        <div class="v-top-i">
                            <div class="layout-fixed">
                                <div class="v-top-i">
                                    <div class="text-title-4">Edited by</div>
                                    <div class="text">{{item.editoder}}</div>
                                </div>
                            </div>
                        </div>
                        <div class="v-top-i">
                            <div class="layout-fixed">
                                <div class="v-top-i">
                                    <div class="text-title-4">Balance due</div>
                                    <div class="text baseline" ng-if="item.balanceDue == 0"><span class="fz10 pdR2">PAID in FULL</span></div>
                                    <div class="text baseline" ng-if="item.balanceDue != 0 && item.checkPaymentPlan == 0"><span class="fz10 pdR2">$</span>{{item.balanceDue}}</div>
                                    <div class="text baseline" ng-if="item.balanceDue != 0 && item.checkPaymentPlan != 0"><span class="fz10 pdR2">PAYMENT PLAN</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layout-fixed mgT10">
                        <div>
                            <div class="layout-fixed w-auto-i baseline left">
                                <div class="text-title-4">Created date</div>
                                <div class="text-date-1 pdL3">{{item.created_date}}</div>
                            </div>
                        </div>
                        <div ng-if="item.modified_date">
                            <div class="layout-fixed w-auto-i baseline left">
                                <div class="text-title-4">Modified date</div>
                                <div class="text-date-1 pdL3">{{item.modified_date}}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</ion-scroll>
<ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false" ng-if="$parent.tabOrderActive == 'Invoice'">
    <ul class="lst-order stripe-1 except-app-tab-switch">
        <li class="box-setting-4 overhidden" ng-repeat="item in Invoice">
            <div class="content content-in">
                <div class="itm row-one-content">
                    <div class="name clr-clickable uppercase" ng-click="goToInvoiceDetails(item.id,item.invoice_no)">{{item.invoice_no}}</div>
                    <div class="layout-fixed mgT5">
                        <div class="layout-w-1:3">
                            <div class="text-name-2 v-bottom-i"><div class="baseline"><span class="fz8 pdR2">$</span>{{item.balance_due}}</div></div>
                        </div>
                        <div class="text-title-4">Type of service <span class="text">{{item.typeServiceName}}</span></div>
                    </div>
                    <div class="layout-fixed mgT10">
                        <div class="v-top-i">
                            <div class="layout-fixed">
                                <div class="v-top-i">
                                    <div class="text-title-4">Representative</div>
                                    <div class="text">{{item.addoder}}</div>
                                </div>
                            </div>
                        </div>
                        <div class="v-top-i">
                            <div class="layout-fixed">
                                <div class="v-top-i">
                                    <div class="text-title-4">Edited by</div>
                                    <div class="text">{{item.editoder}}</div>
                                </div>
                            </div>
                        </div>
                        <div class="v-top-i">
                            <div class="layout-fixed">
                                <div class="v-top-i">
                                    <div class="text-title-4">Balance due</div>
                                    <div class="text baseline" ng-if="item.balanceDue == 0"><span class="fz10 pdR2">PAID in FULL</span></div>
                                    <div class="text baseline" ng-if="item.balanceDue != 0 && item.checkPaymentPlan == 0"><span class="fz10 pdR2">$</span>{{item.balanceDue}}</div>
                                    <div class="text baseline" ng-if="item.balanceDue != 0 && item.checkPaymentPlan != 0"><span class="fz10 pdR2">PAYMENT PLAN</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layout-fixed mgT10">
                        <div>
                            <div class="layout-fixed w-auto-i baseline left">
                                <div class="text-title-4">Created date</div>
                                <div class="text-date-1 pdL3">{{item.created_date}}</div>
                            </div>
                        </div>
                        <div ng-if="item.modified_date">
                            <div class="layout-fixed w-auto-i baseline left">
                                <div class="text-title-4">Modified date</div>
                                <div class="text-date-1 pdL3">{{item.modified_date}}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</ion-scroll>
