<vn-crud-model
    vn-id="model"
    url="/claim/api/Claims"
    filter="::$ctrl.filter"
    limit="20"
    data="claims"
    auto-load="false">
</vn-crud-model>
<div margin-medium>
    <div class="vn-list">
        <vn-card pad-medium-h>
            <vn-searchbar
                panel="vn-claim-search-panel"
                model="model"
                expr-builder="$ctrl.exprBuilder(param, value)">
            </vn-searchbar>
        </vn-card>
    </div>
    <vn-card margin-medium-v pad-medium>
        <vn-table model="model">
            <vn-thead>
                <vn-tr>
                    <vn-th field="id" number>Id</vn-th>
                    <vn-th field="clientFk">Client</vn-th>
                    <vn-th field="created">Created</vn-th>
                    <vn-th field="workerFk">Worker</vn-th>
                    <vn-th field="claimStateFk">State</vn-th>
                    <vn-th></vn-th>
                </vn-tr>
            </vn-thead>
            <vn-tbody>
                <vn-tr ng-repeat="claim in claims" ui-sref="claim.card.summary({id: claim.id})" class=clickable>
                    <vn-td number>{{::claim.id}}</vn-td>
                    <vn-td>
                        <span class="link" ng-click="$ctrl.showDescriptor($event, claim.client.id)">
                            {{::claim.client.name}}
                        </span>
                    </vn-td>
                    <vn-td>{{::claim.created | date:'dd/MM/yyyy'}}</vn-td>
                    <vn-td>{{::claim.worker.firstName}} {{::claim.worker.name}}</vn-td>
                    <vn-td>{{::claim.claimState.description}}</vn-td>
                    <vn-td>
                        <vn-icon-button
                            ng-click="$ctrl.preview($event, claim)"
                            vn-tooltip="Preview"
                            icon="desktop_windows">
                        </vn-icon-button>
                    </vn-td>
                </vn-tr>
            </vn-tbody>
        </vn-table>
    </vn-card>
    <vn-pagination
        model="model"
        scroll-selector="ui-view">
    </vn-pagination>
</div>
<vn-client-descriptor-popover vn-id="descriptor"></vn-client-descriptor-popover>
<vn-dialog class="dialog-summary"
    vn-id="dialog-summary-claim">
    <tpl-body>
        <vn-claim-summary claim="$ctrl.claimSelected"></vn-claim-summary>
    </tpl-body>
</vn-dialog>