<div>
    <div class="layout-fixed">
        <div class="nowrap pdLR40 underline bold">Items:</div>
        <div class="nowrap pdLR40 right mgR10 underline bold">Status:</div>
    </div>
</div>
<form class="app-content" id="formSeletectAllItemInvoice" name="formSeletectAllItemInvoice" ng-submit="validateForm(formSeletectAllItemInvoice, 'door', 'scrollSelectAllItemInvoice')" novalidate="">
    <div class="app-content-inner content-pd">
        <ion-scroll on-scroll="scrollContent('scrollSelectAllItemInvoice')" class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false" delegate-handle="scrollSelectAllItemInvoice">
            <div class="box-setting-4 form-field-container no-saperator">
                <div class="content content-in">
                    <div class="itm">
                        <div class="layout-fixed mgT20">
                            <div class="layout-w-7:10">
                            </div>
                            <div>
                                <div class="layout-fixed"> 
                                  <div class="text-center">
                                      <div>
                                        <span>Sold</span>
                                    </div>
                                    <div class="checkedbox-1 square" ng-class="checkboxSelectAll.isDeclinedAll==1 ? 'black' : ''">
                                        <input type="checkbox"  ng-click="selectAllItems(checkboxSelectAll.isSoldAll,'sold')" ng-model="checkboxSelectAll.isSoldAll" ng-true-value="1" ng-disabled="checkboxSelectAll.isDeclinedAll==1" ng-false-value="0">
                                        <i></i>
                                        <span>
                                        </span>
                                    </div>
                                </div>
                                <div class="text-center">
                                  <div>
                                    <span>Install</span>
                                </div>

                                <div class="checkedbox-1 square" ng-class="checkboxSelectAll.isSoldAll==0 ? 'black' : ''">
                                    <input type="checkbox"  ng-click="selectAllItems(checkboxSelectAll.isInstallAll,'install')" ng-model="checkboxSelectAll.isInstallAll" ng-true-value="1" ng-false-value="0" ng-disabled="checkboxSelectAll.isSoldAll==0"/>
                                    <i></i>
                                    <span>
                                    </span>
                                </div>
                            </div>
                            <div class="text-center">
                              <div>
                                <span>Declined</span>
                            </div>
                            <div class="checkedbox-1 square" ng-class="checkboxSelectAll.isSoldAll==1 ? 'black' : ''">
                                <input type="checkbox"  ng-click="selectAllItems(checkboxSelectAll.isDeclinedAll,'declined')" ng-model="checkboxSelectAll.isDeclinedAll" ng-true-value="1" ng-false-value="0" ng-disabled="checkboxSelectAll.isSoldAll==1" />
                                <i></i>
                                <span>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div style="border-style: solid;border-width:1px"></div>
        <div class="itm" ng-repeat=" item in invoiceDataOnSelectAll">
            <div class="layout-fixed">
                <div class="layout-w-7:10">
                    {{($index+1)+'.   '}}{{item.name}}
                </div>
                <div>
                    <div class="layout-fixed">
                        <div class="text-center">
                            <div class="checkedbox-1 square" ng-class="item.declined == 1 || item.disable == 1 ? 'black' : ''">
                                <input type="checkbox" ng-model="item.sold" ng-true-value="1" ng-false-value="0" ng-disabled="item.declined == 1 || item.disable == 1" />
                                <i></i>
                                <span></span>
                            </div>
                        </div>
                        <div class="text-center">
                            <div class="checkedbox-1 square" ng-class="item.sold == 0  || item.disable == 1 ? 'black' : ''">
                                <input type="checkbox" ng-model="item.installed" ng-true-value="1" ng-false-value="0" ng-disabled="item.sold == 0  || item.disable == 1"/>
                                <i></i>
                                <span></span>
                            </div>
                        </div>
                        <div class="text-center">
                            <div class="checkedbox-1 square" ng-class="item.sold == 1  || item.disable == 1 ? 'black' : ''">
                                <input type="checkbox" ng-model="item.declined" ng-true-value="1" ng-false-value="0" ng-disabled="item.sold == 1  || item.disable == 1"/>
                                <i></i>
                                <span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</ion-scroll>
</div>
</form>
<div class="app-control">
    <div class="layout-fixed full-h pdT2">
        <div class="full-h">
            <button type="button" class="button-form-field-1 position-right full" ng-click="appplySelectAllInvoice();">
                Apply
            </button>
        </div>
        <div class="full-h">
            <button class="button-form-field-1 darkgray position-left full" type="button" ng-click="closeTarget('#popupSelectAllItemInvoice');">
                Cancel
            </button>
        </div>
    </div>
</div>