<vn-crud-model
    vn-id="model"
    url="InvoiceOuts/negativeBases"
    auto-load="true"
    params="$ctrl.params"
    limit="20">
</vn-crud-model>
<vn-portal slot="topbar">
</vn-portal>
<vn-card>
    <smart-table
        model="model"
        options="$ctrl.smartTableOptions"
        expr-builder="$ctrl.exprBuilder(param, value)">
        <slot-actions>
            <vn-date-picker
            vn-one
            label="From"
            ng-model="$ctrl.params.from"
            on-change="model.refresh()">
        </vn-date-picker>
        <vn-date-picker
            vn-one
            label="To"
            ng-model="$ctrl.params.to"
            on-change="model.refresh()">
        </vn-date-picker>
        <vn-button
            disabled="model._orgData.length == 0"
            icon="download"
            ng-click="$ctrl.downloadCSV()"
            vn-tooltip="Download as CSV">
        </vn-button>
        </slot-actions>
        <slot-table>
            <table>
                <thead>
                    <tr>
                        <th field="company">
                            <span translate>Company</span>
                        </th>
                        <th field="country">
                            <span translate>Country</span>
                        </th>
                        <th field="clientId">
                            <span translate>Client id</span>
                        </th>
                        <th field="clientSocialName">
                            <span translate>Client</span>
                        </th>
                        <th field="amount">
                            <span translate>Amount</span>
                        </th>
                        <th field="taxableBase">
                            <span translate>Base</span>
                        </th>
                        <th field="ticketFk">
                            <span translate>Ticket id</span>
                        </th>
                        <th field="isActive">
                            <span translate>Active</span>
                        </th>
                        <th field="hasToInvoice">
                            <span translate>Has To Invoice</span>
                        </th>
                        <th field="isTaxDataChecked">
                            <span translate>Verified data</span>
                        </th>
                        <th field="comercialName">
                            <span translate>Comercial</span>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="client in model.data">
                        <td>{{client.company | dashIfEmpty}}</td>
                        <td>{{client.country | dashIfEmpty}}</td>
                        <td>
                            <vn-span
                                class="link"
                                ng-click="clientDescriptor.show($event, client.clientId)">
                                {{::client.clientId | dashIfEmpty}}
                            </vn-span>
                        </td>
                        <td>{{client.clientSocialName | dashIfEmpty}}</td>
                        <td>{{client.amount | currency: 'EUR':2 | dashIfEmpty}}</td>
                        <td>{{client.taxableBase | dashIfEmpty}}</td>
                        <td>
                            <vn-span
                                class="link"
                                ng-click="ticketDescriptor.show($event, client.ticketFk)">
                                {{::client.ticketFk | dashIfEmpty}}
                            </vn-span>
                        </td>
                        <td>
                            <vn-check
                                disabled="true"
                                ng-model="client.isActive">
                            </vn-check>
                        </td>
                        <td>
                            <vn-check
                                disabled="true"
                                ng-model="client.hasToInvoice">
                            </vn-check>
                        </td>
                        <td>
                            <vn-check
                                disabled="true"
                                ng-model="client.isTaxDataChecked">
                            </vn-check>
                        </td>
                        <td>
                            <vn-span
                                class="link"
                                ng-click="workerDescriptor.show($event, client.comercialId)">
                                {{::client.workerName | dashIfEmpty}}
                            </vn-span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </slot-table>
    </smart-table>
</vn-card>
<vn-ticket-descriptor-popover
    vn-id="ticket-descriptor">
</vn-ticket-descriptor-popover>
<vn-client-descriptor-popover
    vn-id="client-descriptor">
</vn-client-descriptor-popover>
<vn-worker-descriptor-popover
    vn-id="worker-descriptor">
</vn-worker-descriptor-popover>