<vn-crud-model
    vn-id="model"
    url="CreditInsurances"
    link="{creditClassificationFk: $ctrl.$params.classificationId}"
    limit="20"
    data="insurances"
    auto-load="true">
</vn-crud-model>
<div class="vn-w-xs">
    <vn-data-viewer model="model">
    <vn-card>
    <vn-table model="model">
        <vn-thead>
            <vn-tr>
                <vn-th>Created</vn-th>
                <vn-th number>Grade</vn-th>
                <vn-th number>Credit</vn-th>
            </vn-tr>
        </vn-thead>
        <vn-tbody>
            <vn-tr ng-repeat="insurance in insurances">
                <vn-td>{{::insurance.created | date: 'dd/MM/yyyy'}}</vn-td>
                <vn-td number>{{::insurance.grade}}</vn-td>
                <vn-td number>{{::insurance.credit | currency: 'EUR': 2}}</vn-td>
            </vn-tr>
        </vn-tbody>
    </vn-table>
    </vn-card>
    </vn-data-viewer>
</div>
<a 
    ng-if="!$ctrl.isClosed"
    vn-acl="insurance"
    vn-acl-action="remove"
    ui-sref="client.card.creditInsurance.insurance.create({classificationId: {{$ctrl.$params.classificationId}}})" 
    fixed-bottom-right
    vn-tooltip="New credit"
    vn-bind="+">
    <vn-float-button icon="add"></vn-float-button>
</a>