<div class="invoice-manage-refund">
    <div class="header">
        <div class="search-panel">
            <table class="table borderless table-bottom">
                <tr>
                    <td><span class="lbl-name">购买方名称:</span></td>
                    <td>
                        <div dx-select-box="searchEntityOptions.selectboxBuyerNameOptions"></div>
                    </td>

                    <td><span class="lbl-name">销售方名称</span>:</td>
                    <td>
                        <div dx-text-box="searchEntityOptions.txtSellerNameBoxOptions"></div>
                    </td>

                    <td><span class="lbl-name">发票号码:</span></td>
                    <td>

                        <div dx-text-box="searchEntityOptions.txtInvoiceNumberOptions"></div>

                    </td>
                    <td ng-show="!hasShowMoreSearchBox">
                        <button type="button" class="btn btn-primary" ng-click="searchboxService.searchInvoice()">查询</button>
                    </td>
                    <td>
                        <span class="lbl-name">
                            <!--<a href="javacript:void(0)" ng-click="searchboxService.showOrHideSearchBox()" ng-show="hasShowMoreSearchBox"><span><i class="fa fa-chevron-up" aria-hidden="true"></i><span style="margin-left:3px;">收起查询</span></span></a>-->
                            <a href="javacript:void(0)" ng-click="searchboxService.showOrHideSearchBox()" ng-show="!hasShowMoreSearchBox"><span><i class="fa fa-chevron-down" aria-hidden="true"></i><span style="margin-left:3px;">更多查询</span></span></a>
                        </span>
                    </td>
                </tr>

                <tr ng-show="hasShowMoreSearchBox">
                    <td><span class="lbl-name">发票状态:</span></td>
                    <td>
                        <div dx-select-box="searchEntityOptions.selectstatusOptions"></div>
                    </td>

                    <td><span class="lbl-name">开票日期:</span></td>
                    <td>
                        <!--<div dx-date-box="dateBox.timeFormat"></div>-->
                        <div class="input-daterange input-group" id="invoiceDatePicker">
                            <input type="text" class="input-sm form-control" name="start" ng-model="searchEntity.invoiceDateFrom" />
                            <span class="input-group-addon">-</span>
                            <input type="text" class="input-sm form-control" name="end" ng-model="searchEntity.invoiceDateTo" />
                        </div>
                    </td>


                    <td><span class="lbl-name">发票来源:</span></td>
                    <td>
                        <div dx-select-box="searchEntityOptions.selectinvoiceSourceTypeOptions"></div>
                    </td>


                </tr>

                <tr ng-show="hasShowMoreSearchBox">
                    <td><span class="lbl-name">发票类型:</span></td>
                    <td>
                        <div dx-select-box="searchEntityOptions.selectInvoiceTypeOptions"></div>
                    </td>
                    <td><span class="lbl-name">上传日期:</span></td>
                    <td>
                        <!--<div dx-date-box="dateBox.timeFormat"></div>-->

                        <div class="input-daterange input-group" id="uploadDatepicker">
                            <input type="text" class="input-sm form-control" name="start" ng-model="searchEntity.uploadDateFrom" />
                            <span class="input-group-addon">-</span>
                            <input type="text" class="input-sm form-control" name="end" ng-model="searchEntity.uploadDateTo" />
                        </div>

                    </td>
                    <td><span class="lbl-name">上传方式:</span></td>
                    <td>
                        <div dx-select-box="searchEntityOptions.selectInvoiceUploadOptions"></div>
                    </td>
                </tr>
                <tr ng-show="hasShowMoreSearchBox">
                    <td><span class="lbl-name">发票实体:</span></td>
                    <td>
                        <div dx-select-box="searchEntityOptions.selectInvoiceEntityTypeOptions"></div>
                    </td>
                   
                    <td><span class="lbl-name">票面金额(含税):</span></td>
                    <td>
                        <div class="input-daterange input-group">
                            <div dx-number-box="searchEntityOptions.faceTaxFromOptions"></div>
                            <span class="input-group-addon">-</span>
                            <div dx-number-box="searchEntityOptions.faceTaxToOptions"></div>
                        </div>
                    </td>
                    <td>
                        <button type="button" class="btn btn-primary" ng-click="searchboxService.searchInvoice()">查询</button>

                    </td>
                    <td>
                        <a href="javascript:void(0);" ng-click="searchboxService.showOrHideSearchBox()" ng-show="hasShowMoreSearchBox"><span><i class="fa fa-chevron-up" aria-hidden="true"></i><span style="margin-left:3px;">收起</span></span></a>
                    </td>

                </tr>
            </table>

        </div>
    </div>
    <div class="content">
        <div class="row btn-row">
            <button class="btn btn-primary" translate="Reidentification" ng-disabled="disabled" ng-click="eventService.manualRecognize();"></button>
            <button class="btn btn-primary" translate="DishonouredCheque" ng-disabled="disabled" ng-click="eventService.refundInovice();"></button>
            <span translate="HasChooseItemCount"></span>
            <span class="count-display">{{selectedPlaceholder}}</span>
            <span translate="Item"></span>
        </div>
        <div class="grid-container">
            <div id="invoiceRefundGrid" dx-data-grid="invoiceRefundGridOptions">
            </div>

        </div>

        <div class="page-footer">
            <ack-pagination page-options="paging.pagingOptions" refresh-table="eventService.refreshTable()"></ack-pagination>

        </div>
    </div>


    <refund-reason reasons="refundReasons" invoice-ids="selectedItemIDs" is-show="showRefundModal" refresh-table="eventService.refreshTable()"></refund-reason>
</div>