<vn-descriptor-content
    module="claim"
    description="$ctrl.claim.client.name">
    <slot-menu>
        <vn-item
            ng-click="$ctrl.showPickupOrder()"
            translate>
            Show Pickup order
        </vn-item>
        <vn-item
            ng-click="confirmPickupOrder.show()"
            translate>
            Send Pickup order
        </vn-item>
        <vn-item
            vn-acl="claimManager"
            vn-acl-action="remove"
            ng-click="confirmDeleteClaim.show()"
            name="deleteClaim"
            translate>
            Delete claim
        </vn-item>
    </slot-menu>
    <slot-body>
        <div class="attributes">
            <vn-label-value
                label="State" 
                value="{{$ctrl.claim.claimState.description}}">
            </vn-label-value>
            <vn-label-value
                label="Created" 
                value="{{$ctrl.claim.created | date: 'dd/MM/yyyy HH:mm'}}">
            </vn-label-value>
            <vn-label-value
                label="Salesperson">
                <span 
                    ng-click="workerDescriptor.show($event, $ctrl.claim.client.salesPersonFk)"
                    class="link">
                    {{$ctrl.claim.client.salesPersonUser.name}}
                </span>
            </vn-label-value>
            <vn-label-value
                label="Attended by">
                <span 
                    ng-click="workerDescriptor.show($event, $ctrl.claim.worker.userFk)"
                    class="link">
                    {{$ctrl.claim.worker.user.name}}
                </span>
            </vn-label-value>
            <vn-label-value
                label="Agency"
                value="{{$ctrl.claim.ticket.agencyMode.name}}">
            </vn-label-value>
            <vn-label-value
                label="Ticket">
                <span 
                    ng-click="ticketDescriptor.show($event, $ctrl.claim.ticketFk)"
                    class="link">
                    {{$ctrl.claim.ticketFk}}
                </span>
            </vn-label-value>
        </div>
        <div class="quicklinks">
            <div ng-transclude="btnOne">
                <vn-quick-link
                    tooltip="Client ticket list"
                    state="['client.card.summary', {id: $ctrl.claim.clientFk}]"
                    icon="person">
                </vn-quick-link>
            </div>
            <div ng-transclude="btnTwo">
                <vn-quick-link
                    tooltip="Claimed ticket"
                    state="['ticket.card.summary', {id: $ctrl.claim.ticketFk}]"
                    icon="icon-ticket">
                </vn-quick-link>
            </div>
            <div ng-transclude="btnThree"></div>
        </div>
    </slot-body>
</vn-descriptor-content>
<vn-confirm
    vn-id="confirmPickupOrder"
    on-accept="$ctrl.sendPickupOrder()"
    question="Send Pickup order"
    message="Are you sure you want to send it?">
</vn-confirm>
<vn-confirm
    vn-id="confirmDeleteClaim"
    on-accept="$ctrl.deleteClaim()"
    question="Delete claim"
    message="Are you sure you want to delete this claim?">
</vn-confirm>
<vn-worker-descriptor-popover 
    vn-id="workerDescriptor">
</vn-worker-descriptor-popover>
<vn-ticket-descriptor-popover 
    vn-id="ticketDescriptor">
</vn-ticket-descriptor-popover>