<div class="issued-invoice-gd-view-container" atms-permission permission-control-type="prohibit" permission-code="{{$root.vatPermission.outputInvoice.gdInvoice.queryCode}}">
    <div class="page-container page-search-container">
        <span class="search-title">{{'IssuedVehicleListGd' | translate}}</span>
        <div class="search-form-body">
            <table style="width:100%;">
                <tr class="toggle-search-tr">
                    <td>{{'BDName' | translate}}:</td>
                    <td>
                        <div dx-select-box="searchOptions.bd" dx-item-alias="bd">
                            <div data-options="dxTemplate: { name: 'bdList' }" title="{{bd.displayName}}">{{bd.displayName}}</div>
                        </div>
                    </td>
                    <td>{{'VRL' | translate}}:</td>
                    <td>
                        <div dx-select-box="searchOptions.vrl" dx-item-alias="vrl">
                            <div data-options="dxTemplate: { name: 'vrlList' }" title="{{vrl.name}}">{{vrl.name}}</div>
                        </div>
                    </td>
                    <td>{{'InvoiceNo' | translate}}:</td>
                    <td><div dx-text-box="searchOptions.invoiceNo"></div></td>
                </tr>
                <tr class="toggle-search-tr">
                    <td>{{'VIN' | translate}}:</td>
                    <td><div dx-text-box="searchOptions.vin"></div></td>
                    <td>{{'GDStatus' | translate}}:</td>
                    <td><div dx-tag-box="searchOptions.gdStatus"></div></td>
                    <td>{{'BDStatus' | translate}}:</td>
                    <td><div dx-tag-box="searchOptions.bdStatus"></div></td>

                </tr>
                <tr>
                   
                    <td >{{'IssuedPeriod' | translate}}:</td>
                    <td><div dx-date-box="searchOptions.issuedPeriodStart"></div></td>
                    <td style="text-align: center;">-</td>
                    <td><div dx-date-box="searchOptions.issuedPeriodEnd"></div></td>
                    <td></td>
                    <td >
                        <button type="button" class="btn btn-tesla-primary" ng-click="search()">{{'Search' | translate}}</button>
                        <span class="fa fa-angle-up hide-search-btn" ng-click="toggleSearchContent();">&nbsp;&nbsp;Collapse</span>
                    </td>
                </tr>


            </table>
        </div>
    </div>

    <div class="page-container page-fast-search-container">
        <label class="checkbox-inline"><input type="checkbox" ng-change="search()" ng-model="searchEntity.readyToIssue">{{'ReadyToIssue' | translate}}</label>
        <label class="checkbox-inline"><input type="checkbox" ng-change="search()" ng-model="searchEntity.thisMonth">{{'ThisMonth' | translate}}</label>
        <button atms-permission permission-code="{{$root.vatPermission.outputInvoice.gdInvoice.markupRateCode}}" ng-click="setInvoiceMarkupRatio();" class="btn btn-secondary">{{'SetupMarkupRatio' | translate}}</button>
        <button atms-permission permission-code="{{$root.vatPermission.outputInvoice.gdInvoice.fapiaoQuotaSettingsCode}}" ng-click="setInvoiceQuota();" class="btn btn-secondary">{{'FapiaoQuotaSettings' | translate}}</button>
        <button atms-permission permission-code="{{$root.vatPermission.outputInvoice.gdShipment.queryCode}}" ng-click="importShipmentList();" class="btn btn-secondary pull-right btn-last">{{'ImportShipmentList' | translate}}</button>
        <button atms-permission permission-code="{{$root.vatPermission.outputInvoice.gdInvoice.printCode}}" ng-click="popupPreIssue();" class="btn btn-secondary pull-right">{{'IssueGdBd' | translate}}</button>
    </div>

    <div class="page-container data-grid-container">
        <div class="grid-summary-line">
            <strong>{{'Amount' | translate}}</strong>
            <span>{{'TotalSelected' | translate}} {{selectedItems.length}} {{'Item' | translate}}</span>
            <span>{{'TotalAmount' | translate}} {{selectedTotalAmount.formatAmount()}}</span>
        </div>
        <div id="dxIssuedInvoiceGdContainer" dx-data-grid="dataGridOption"></div>
    </div>
    <div class="page-footer" style=" padding-right: 15px;">
        <ack-pagination page-options="pagingOptions" refresh-table="pagingService.pageIndexChanging()"></ack-pagination>
        <!--<div class="page-size">
            <span>{{'Amount' | translate}}<span class="total-number">{{pagingOptions.totalItems}}</span>条记录</span>
            <span class="padding-span">
                每页显示<select ng-model="pagingOptions.pageSizeString" ng-change="pagingService.pageSizeSelectionChanged()">
                    <option ng-repeat="option in pagingOptions.pagingSelection" value="{{option.id}}">{{option.value}}</option>
                </select>
                <span class="padding-span">条记录</span>
            </span>
            <span class="padding-span">跳至 <span class="padding-span"><input class="page-box " type="number" ng-change="pagingService.pageIndexChanging()" ng-model="pagingOptions.pageIndex" /></span>&nbsp;页</span>

            <span class="padding-span">当前页 <span class="normal-number">{{pagingOptions.pageIndex}}</span>/<span class="normal-number">{{pagingOptions.totalPages}}</span></span>
        </div>-->
        <!--<ul uib-pagination total-items="pagingOptions.totalItems" items-per-page="pagingOptions.pageSize" ng-model="pagingOptions.pageIndex" num-pages="pagingOptions.totalPages" max-size="pagingOptions.maxSize" class="pagination-sm"
            boundary-link-numbers="true" ng-change="pagingService.pageIndexChanging()" rotate="true" boundary-links="true" first-text="{{pagingOptions.firstPage}}" previous-text="{{pagingOptions.previousPage}}" last-text="{{pagingOptions.lastPage}}" next-text="{{pagingOptions.nextPage}}"></ul>-->
    </div>
</div>

<div id="setup-mark-up-ratio-pop"></div>
<div id="setup-quota-pop"></div>
<div id="pre-issue-pop"></div>

<!-- 手工开票 -->
<edit-invoice-modal operate-type="invoiceOperateType" invoice-model="invoiceModel"></edit-invoice-modal>
<invoice-detail-vehicle detail-key="selectedGDInvoiceID" invoice-status="selectedGDInvoiceStatus" parent-refresh="refreshTable()"
                        parent-page="{{'IssuedVehicleListGd' | translate}}" parent-element="issued-invoice-gd-view-container"></invoice-detail-vehicle>
<upload-file-modal upload-file-option="uploadFileOption" upload-file-type="uploadFileType"></upload-file-modal>

<script type="text/ng-template" class="content" id="setup-mark-up-ratio-page.html">
    <div class="modal-header">
        <span class="close" data-dismiss="modal" aria-hidden="true" ng-click="hidePopPanel()">&times;</span>
        <h4 class="modal-title">{{'MarkupRatioSettingsTitle' | translate}}</h4>
    </div>

    <div class="modal-body" id="rateModalForm" dx-validation-group="{}">
        <div class="row">
            <div class="col-md-4">{{'CurrentMarkupRate' | translate}}</div>
            <div class="col-md-8">
                <span>{{invoiceMarkupRatioEntity.currentRate*100}}%</span>
            </div>
        </div>

        <div class="row">
            <div class="col-md-4"><span style="color: red;">*&nbsp;</span>{{'SetupMarkupRatio' | translate}}:</div>
            <div class="col-md-8">
                <div style="display: inline-block;" dx-text-box="markupRatioOption" dx-validator="validateOption.markupRatioOption">
                </div><div style="display:inline-block; vertical-align:top;">&nbsp;&nbsp;%</div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-4"><span style="color: red;">*&nbsp;</span>{{'SetEffectiveDate' | translate}}:</div>
            <div class="col-md-8">
                <div dx-date-box="effectiveDateOption" dx-validator="validateOption.effectiveDateOption"></div>
            </div>
        </div>
    </div>

    <div class="modal-footer">
        <button ng-click="confirmSetInvoiceMarkupRatio();" class="btn btn-primary btn-first">{{'ENConfirm' | translate}}</button>
        <button ng-click="hidePopPanel();" class="btn btn-primary btn-second">{{'ENCancel' | translate}}</button>
    </div>
</script>
<script type="text/ng-template" class="content" id="setup-quota-page.html">
    <div class="modal-header">
        <span class="close" data-dismiss="modal" aria-hidden="true" ng-click="hidePopPanel()">&times;</span>
        <h4 class="modal-title">{{'QuotaSettingsTitle' | translate}}</h4>
    </div>

    <div class="modal-body" id="setupGroup" dx-validation-group="{}">
        <div class="row">
            <div class="col-md-4">{{'MaximumValue' | translate}}: </div>
            <div class="col-md-8 input-group">
                <span class="input-group-addon">{{ 'CNY' | translate }}</span>
                <div class="form-control" dx-text-box="maxValueOption" dx-validator="maxValueOptionValid" id="max-value"></div>
            </div>
        </div>
    </div>

    <div class="modal-footer">
        <button ng-click="confirmSetInvoiceQuota();" class="btn btn-primary btn-first">{{'ENConfirm' | translate}}</button>
        <button ng-click="hidePopPanel();" class="btn btn-primary btn-second">{{'ENCancel' | translate}}</button>
    </div>
</script>
<script type="text/ng-template" class="content" id="pre-issue-page.html">
    <div class="modal-header">
        <span class="close" data-dismiss="modal" aria-hidden="true" ng-click="hidePopPanel()">&times;</span>
        <h4 class="modal-title">{{'IssueGdBd' | translate}}</h4>
    </div>

    <div class="modal-body">
        <div ng-if="preIssueEntity.page === 0">
            <div class="grid-summary-line" ng-show="preIssueEntity.inventory < preIssueEntity.thresholdValue * preIssueEntity.thresholdScale">
                <strong>{{'PaperInvoiceRunningOut' | translate}}</strong>
            </div>
            <div class="row">
                <label class="col-md-5">{{'GDPaperInvoiceInventory' | translate}}: </label>
                <div class="col-md-7 input-group">{{preIssueEntity.inventory}}</div>
            </div>
            <!--<div class="row">
            <div class="col-md-5">{{'GDOutputTaxAmount' | translate}}: </div>
                <div class="col-md-7 input-group">{{preIssueEntity.gdOutputTaxAmount}}</div>
            </div>-->
        </div>
        <div ng-if="preIssueEntity.page === 1">
            <div>
                <label>{{'AmountCheck' | translate}}</label>
                <div dx-data-grid="dataGridOption"></div>
            </div>
        </div>
    </div>

    <div class="modal-footer">
        <div ng-if="preIssueEntity.page === 0">
            <button ng-click="next();" class="btn btn-primary btn-first">{{'Next' | translate}}</button>
            <button ng-click="hidePopPanel();" class="btn btn-default btn-second">{{'ENCancel' | translate}}</button>
        </div>
        <div ng-if="preIssueEntity.page === 1">
            <button ng-click="prev();" class="btn btn-primary btn-first">{{'Before' | translate}}</button>
            <button ng-click="confirm();" class="btn btn-primary btn-first">{{'ENConfirm' | translate}}</button>
            <button ng-click="hidePopPanel();" class="btn btn-default btn-second">{{'ENCancel' | translate}}</button>
        </div>
    </div>

    <amount-check-manual-input is-open="preIssueEntity.isOpenManualInput" model="manualInputModel" parent-element="issued-invoice-gd-view"
                               reason-data-source="preIssueEntity.manualInputReasons" refresh-parent="refreshIssueGDBD()"></amount-check-manual-input>
</script>