<div class="gd-invoice-print-wrapper">
    <div style="margin:0 0 10px 0;">
        <a href="#/outputInvoiceManage/issuedInvoiceGdView" translate="IssuedVehicleListGd"></a>
        <span>/</span>
        <span translate="IssuanceSpecialVATFapiao"></span>
    </div>
    <div class="title" translate="IssuanceSpecialVATFapiao"></div>
    <!--    <div class="vat-caculate-data-progress">
           <div class="Bar" ng-style="{width:progress+'%'}">
               <div>{{progress}}%</div>
           </div>
       </div>
    -->
    <div class="row-block">
        <table class="table borderless table-bottom" style="width: 100%">
            <tr>
                <td width="13%"><span class="lbl-name" translate="BuyerNameSpan"></span>:</td>
                <td width="30%">
                    <div dx-select-box="dxOptions.entityOptions"></div>
                    <!-- <div dx-text-box="dxOptions.buyerNameOpt"></div> -->
                </td>
                <td width="13%"><span class="lbl-name" translate="BuyerTaxID"></span>:</td>
                <td width="30%">
                    <div dx-text-box="dxOptions.buyerTaxIDOpt"></div>
                </td>
            </tr>
            <tr>
                <td class="td-padding"><span class=" lbl-name " translate="InvocieType"></span>:</td>
                <td class="td-padding">
                    <span>{{currentModel.invoiceType}}</span>
                    <!-- <div dx-text-box="dxOptions.invocieTypeOpt"></div> -->
                </td>
                <td class="td-padding"><span class="lbl-name " translate="IssuanceDate"></span>:</td>
                <td class="td-padding">
                    <span style="padding: 8px 8px;">{{currentModel.issuanceDate}}</span>
                </td>
            </tr>
            <tr>
                <td><span class="lbl-name " translate="BuyerAddress"></span>:</td>
                <td>
                    <div dx-text-box="dxOptions.buyerAddressOpt "></div>
                </td>
                <td><span class="lbl-name " translate="BuyerPhoneNo"></span>:</td>
                <td>
                    <div dx-text-box="dxOptions.buyerPhoneNoOpt"></div>
                </td>
            </tr>
            <tr>
                <td><span class="lbl-name " translate="BankName"></span>:</td>
                <td>
                    <div dx-text-box="dxOptions.bankNameOpt "></div>
                </td>
                <td><span class="lbl-name " translate="BuyerACNo"></span>:</td>
                <td>
                    <div dx-text-box="dxOptions.buyerACNoOpt "></div>
                </td>
            </tr>
            <tr>

                <td><span class="lbl-name " translate="ReceiverColon"></span></td>

                <td colspan="4" style="padding: 0;">
                    <table style="width: 100%;">
                        <tr>
                            <td>
                                <div dx-text-box="dxOptions.receiverOpt "></div>
                            </td>
                            <td><span class="lbl-name " translate="ReviewerColon"></span></td>
                            <td>
                                <div dx-text-box="dxOptions.reviewerOpt "></div>
                            </td>
                            <td><span class="lbl-name " translate="DrawerColon"></span></td>
                            <td>
                                <div dx-text-box="dxOptions.drawerOpt "></div>
                            </td>

                        </tr>
                    </table>
                </td>

            </tr>
            <tr>
                <td><input type="checkbox" ng-model="currentModel.remarkChk" ng-change="remarkChkChanged()" /><span class="lbl-name " translate="RemarksSpan"></span>:</td>
                <td colspan="3 " ng-class="{true:'notAllowed'}[currentModel.remarkDisabled]">
                    <div dx-text-box="dxOptions.remarksOpt "></div>
                </td>
            </tr>
        </table>
    </div>
    <div class="row-delete ">
        <button type="button" class="btn btn-default" ng-click="deleteCarsComfirm()"><i class="material-icons button-icons icon-delete ">delete</i>{{'Delete'|translate}}</button>
    </div>
    <div class="gdprint-grid-container ">
        <div id="invoiceGdPrintGridContainer" class="invoiceGdPrintGridContainer" dx-data-grid="invoiceGridOptions">
        </div>
        <div class="total-amount"><span translate="TotalPricewithTax"></span> {{currentModel.totalAllAmountData}}</div>
    </div>
    <div class="row-toolbar ">
        <div class="right-part ">
            <span ng-click="previousPage()" ng-class="{true:'enable-btn',false:'diable-btn'}[canPrevious]"><i class="fa fa-angle-left " aria-hidden="true"></i>&nbsp;&nbsp; {{'Previous'|translate}}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span ng-click="nextPage()" ng-class="{true:'enable-btn',false:'diable-btn'}[canNext]">{{'Next'|translate}}&nbsp;&nbsp;<i class="fa fa-angle-right " aria-hidden="true"></i></span>
        </div>
        <div style="clear: both;"></div>
        <div class="row-comfirm">
            <button type="button" class="btn btn-primary btn-comfirm" ng-click="printAll()" translate="ConfirmAll"></button>

            <button type="button" class="btn btn-third" translate="CancelIssuing" ng-click="cancelPrintGDInvoice()"></button>
        </div>
    </div>

     <invoice-confirm model="invoiceConfirmModel" operate-type="invoiceConfirmType" on-confirm="invoiceConfirmFunction(param)"></invoice-confirm>
</div>