<vn-auto-search
    model="model">
</vn-auto-search>
<vn-card>
    <smart-table 
        model="model"
        options="$ctrl.smartTableOptions" 
        expr-builder="$ctrl.exprBuilder(param, value)">
        <slot-table>
            <table>
                <thead>
                    <tr>
                        <th field="clientFk" shrink>
                            <span translate>Id</span>
                        </th>
                        <th field="clientName">
                            <span translate>Client</span>
                        </th>
                        <th field="created" center shrink-date>
                            <span translate>Created</span>
                        </th>
                        <th field="workerFk">
                            <span translate>Worker</span>
                        </th>
                        <th field="claimStateFk">
                            <span translate>State</span>
                        </th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    <tr
                        ng-repeat="claim in model.data"
                        vn-anchor="::{
                            state: 'claim.card.summary', 
                            params: {id: claim.id}
                        }">
                        <td>{{::claim.id}}</td>
                        <td>
                            <span
                                vn-click-stop="clientDescriptor.show($event, claim.clientFk)"
                                class="link">
                                {{::claim.clientName}}
                            </span>
                        </td>
                        <td center shrink-date>{{::claim.created | date:'dd/MM/yyyy'}}</td>
                        <td>
                            <span
                                vn-click-stop="workerDescriptor.show($event, claim.workerFk)"
                                class="link" >
                                {{::claim.workerName}}
                            </span>
                        </td>
                        <td>
                            <span class="chip {{::$ctrl.stateColor(claim.stateCode)}}">
                                {{::claim.stateDescription}}
                            </span>
                        </td>
                        <td shrink>
                            <vn-icon-button
                                vn-click-stop="$ctrl.preview(claim)"
                                vn-tooltip="Preview"
                                icon="preview">
                            </vn-icon-button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </slot-table>
    </smart-table>
</vn-card>
<vn-client-descriptor-popover
    vn-id="clientDescriptor">
</vn-client-descriptor-popover>
<vn-worker-descriptor-popover 
    vn-id="workerDescriptor">
</vn-worker-descriptor-popover>
<vn-popup vn-id="summary">
    <vn-claim-summary
        claim="$ctrl.claimSelected"
        parent-reload="$ctrl.reload()">
    </vn-claim-summary>
</vn-popup>