<vn-crud-model
    vn-id="model"
    url="Receipts/filter"
    limit="20"
    data="$ctrl.balances">
</vn-crud-model>
<vn-crud-model
    vn-id="riskModel"
    url="ClientRisks"
    filter="$ctrl.filter"
    data="$ctrl.clientRisks">
</vn-crud-model>
<vn-side-menu side="right">
    <div class="vn-pa-md">
        <vn-autocomplete
            vn-one
            vn-id="company"
            ng-model="$ctrl.companyId"
            url="Companies"
            show-field="code"
            value-field="id"
            label="Company">
        </vn-autocomplete>
        <div
            class="totalBox"
            style="text-align: center;"
            ng-if="$ctrl.clientRisks.length">
            <h6 translate>Total by company</h6>
            <vn-label-value
                ng-repeat="riskByCompany in $ctrl.clientRisks"
                label="{{riskByCompany.company.code}}"
                value="{{riskByCompany.amount | currency: 'EUR':2}}">
            </vn-label-value>
        </div>
    </div>
</vn-side-menu>
<div class="vn-w-lg">
    <vn-data-viewer model="model">
        <vn-card>
        <vn-table model="model">
            <vn-thead>
                <vn-tr>
                    <vn-th>Date</vn-th>
                    <vn-th>Creation date</vn-th>
                    <vn-th>Employee</vn-th>
                    <vn-th>Reference</vn-th>
                    <vn-th number>Bank</vn-th>
                    <vn-th number>Debit</vn-th>
                    <vn-th number>Havings</vn-th>
                    <vn-th number>Balance</vn-th>
                    <vn-th center>Conciliated</vn-th>
                    <vn-th></vn-th>
                </vn-tr>
            </vn-thead>
            <vn-tbody>
                <vn-tr ng-repeat="balance in $ctrl.balances">
                    <vn-td>
                        <span title="{{::balance.payed | date:'dd/MM/yyyy'}}">
                            {{::balance.payed | date:'dd/MM/yyyy'}}
                        </span>
                    </vn-td>
                    <vn-td>
                        <span title="{{::balance.created | date:'dd/MM/yyyy HH:mm'}}">
                            {{::balance.created | date:'dd/MM/yyyy HH:mm'}}
                        </span>
                    </vn-td>
                    <vn-td>
                        <span
                            vn-click-stop="workerDescriptor.show($event, balance.workerFk)"
                            class="link">
                            {{::balance.userNickname}}
                        </span>
                    </vn-td>
                    <vn-td expand>
                        <div ng-show="::balance.ref">
                            <span
                                ng-if="balance.isInvoice"
                                title="{{'BILL' | translate: {ref: balance.ref} }}"
                                vn-click-stop="invoiceOutDescriptor.show($event, balance)"
                                ng-class="link">
                                {{'BILL' | translate: {ref: balance.ref} }}
                            </span>
                            <span
                                ng-if="!balance.isInvoice"
                                title="{{::balance.ref}}">
                                {{::balance.ref}}
                            </span>
                        </div>
                    </vn-td>
                    <vn-td number>{{::balance.bankFk}}</vn-td>
                    <vn-td number expand>{{::balance.debit | currency: 'EUR':2}}</vn-td>
                    <vn-td number expand>{{::balance.credit | currency: 'EUR':2}}</vn-td>
                    <vn-td number expand>{{balance.balance | currency: 'EUR':2}}</vn-td>
                    <vn-td center shrink>
                        <vn-check
                            ng-model="balance.isConciliate"
                            disabled="true">
                        </vn-check>
                    </vn-td>
                    <vn-td center shrink>
                        <a ng-show="balance.hasPdf"
                            target="_blank"
                            href="InvoiceOuts/{{::balance.id}}/download?access_token={{::$ctrl.vnToken.token}}">
                            <vn-icon-button
                                icon="cloud_download"
                                title="{{'Download PDF' | translate}}">
                            </vn-icon-button>
                        </a>
                    </vn-td>
                </vn-tr>
            </vn-tbody>
        </vn-table>
        </vn-card>
    </vn-data-viewer>
</div>
<vn-float-button
    vn-acl="administrative"
    vn-acl-action="remove"
    icon="add"
    vn-tooltip="New payment" 
    vn-bind="+"
    fixed-bottom-right
    ng-click="balanceCreate.show()">
</vn-float-button>
<vn-client-balance-create
    vn-id="balance-create"
    on-accept="$ctrl.getData()"
    company-fk="$ctrl.companyId">
</vn-client-balance-create>
<vn-worker-descriptor-popover 
    vn-id="workerDescriptor">
</vn-worker-descriptor-popover>
<vn-invoice-out-descriptor-popover 
    vn-id="invoiceOutDescriptor">
</vn-invoice-out-descriptor-popover>