<div class="popover">
    <div class="popover-content">
        <div>
            <table class=" table table-responsive">
                <tr>
                    <td><span translate="AccountCode"></span></td>
                    <td>
                        
                        <div class="input-group">
                            <input class="form-control " type="text" id="accountCode" placeholder="" ng-model="filterData.accountCode">
                            <a class="input-group-addon btn btn-sm" ng-click="popTheParentCode()"><i class="fa fa-columns" aria-hidden="true"></i></a>

                            </div>
</td>
                </tr>

                <tr>
                    <td><span translate="AccountName"></span></td>
                    <td><input class="form-control " type="text" id="accountName" placeholder="" ng-model="filterData.accountName"></td>
                </tr>

                <tr>
                    <td><span translate="DebitOpeningBalance"></span></td>
                    <td>
                        <div>
                            <input class="form-control input-width-small" style="width: 115px; text-align: right;" type="text" id="debitOpeningBalanceFrom" ng-keyup="PWC.inputNumberFormat(this);" placeholder="" ng-model="filterData.debitOpeningBalanceFrom">
                            -
                            <input class="form-control input-width-small" style="width: 115px; text-align: right; " type="text" id="debitOpeningBalanceTo" ng-keyup="PWC.inputNumberFormat(this);" placeholder="" ng-model="filterData.debitOpeningBalanceTo">
                        </div>
                    </td>
                </tr>
                <tr>
                    <td><span translate="CreditOpeningBalance"></span></td>
                    <td>
                        <div>
                            <input class="form-control input-width-small" style="width: 115px; text-align: right; " type="text" id="creditOpeningBalanceFrom" ng-keyup="PWC.inputNumberFormat(this);" placeholder="" ng-model="filterData.creditOpeningBalanceFrom">
                            -
                            <input class="form-control input-width-small" style="width: 115px; text-align: right; " type="text" id="creditOpeningBalanceTo" ng-keyup="PWC.inputNumberFormat(this);" placeholder="" ng-model="filterData.creditOpeningBalanceTo">
                        </div>
                    </td>
                </tr>
                <tr>
                    <td><span translate="AccumulatedDebitAmount"></span></td>
                    <td>
                        <div>
                            <input class="form-control input-width-small" style="width: 115px; text-align: right; " type="text" id="accumulatedDebitAmountFrom" ng-keyup="PWC.inputNumberFormat(this);" placeholder="" ng-model="filterData.accumulatedDebitAmountFrom">
                            -
                            <input class="form-control input-width-small" style="width: 115px; text-align: right; " type="text" id="accumulatedDebitAmountTo" ng-keyup="PWC.inputNumberFormat(this);" placeholder="" ng-model="filterData.accumulatedDebitAmountTo">
                        </div>
                    </td>
                </tr>
                <tr>
                    <td><span translate="AccumulatedCreditAmount"></span></td>
                    <td>
                        <div>
                            <input class="form-control input-width-small" style="width: 115px; text-align: right; " type="text" id="accumulatedCreditAmountFrom" ng-keyup="PWC.inputNumberFormat(this);" placeholder="" ng-model="filterData.accumulatedCreditAmountFrom">
                            -
                            <input class="form-control input-width-small" style="width: 115px; text-align: right; " type="text" id="accumulatedCreditAmountTo" ng-keyup="PWC.inputNumberFormat(this);" placeholder="" ng-model="filterData.accumulatedCreditAmountTo">
                        </div>
                    </td>
                </tr>
                <tr>
                    <td><span translate="DebitClosingBalance"></span></td>
                    <td>
                        <div>
                            <input class="form-control input-width-small" style="width: 115px; text-align: right; " type="text" id="debitClosingBalanceFrom" ng-keyup="PWC.inputNumberFormat(this);" placeholder="" ng-model="filterData.debitClosingBalanceFrom">
                            -
                            <input class="form-control input-width-small" style="width: 115px; text-align: right; " type="text" id="debitClosingBalanceTo" ng-keyup="PWC.inputNumberFormat(this);" placeholder="" ng-model="filterData.debitClosingBalanceTo">
                        </div>
                    </td>
                </tr>
                <tr>
                    <td><span translate="CreditClosingBalance"></span></td>
                    <td>
                        <div>
                            <input class="form-control input-width-small" style="width: 115px; text-align: right;" type="text" id="creditClosingBalanceFrom" ng-keyup="PWC.inputNumberFormat(this);" placeholder="" ng-model="filterData.creditClosingBalanceFrom">
                            -
                            <input class="form-control input-width-small" style="width: 115px; text-align: right; " type="text" id="creditClosingBalanceTo" ng-keyup="PWC.inputNumberFormat(this);" placeholder="" ng-model="filterData.creditClosingBalanceTo">
                        </div>
                    </td>
                </tr>

            </table>

        </div>
        <div class="row">
            <div style="float:right">
                <button class="btn btn-default btn-primary" ng-click="doDataFilter()">
                    <span class="fa fa-chevron-down" aria-hidden="true"> </span> <span translate="Confirm"></span>
                </button>

                <button class="btn btn-default" style="margin-right:15px" type="button" ng-click="doDataFilterReset()">
                    <span class="fa fa-times" aria-hidden="true"> </span> <span translate="Reset"></span>
                </button>
                
            </div>
        </div>
    </div>
</div>