<vn-descriptor-content
    module="order"
    description="$ctrl.order.client.name"
    summary="$ctrl.$.summary">
    <slot-menu>
        <vn-item
            ng-click="deleteOrderConfirmation.show()"
            translate>
            Delete order
        </vn-item>
    </slot-menu>
    <slot-body>
        <div class="attributes">
            <vn-label-value
                label="State" 
                value="{{$ctrl.$t($ctrl.order.isConfirmed ? 'Confirmed' : 'Not confirmed')}}">
            </vn-label-value>
            <vn-label-value
                label="Sales person">
                <span 
                    ng-click="workerDescriptor.show($event, $ctrl.order.client.salesPersonFk)"
                    class="link">
                    {{$ctrl.order.client.salesPersonUser.name}}
                </span>
            </vn-label-value>
            <vn-label-value
                label="Landed" 
                value="{{$ctrl.order.landed | date: 'dd/MM/yyyy' }}">
            </vn-label-value>
            <vn-label-value
                label="Agency" 
                value="{{$ctrl.order.agencyMode.name}}">
            </vn-label-value>
            <vn-label-value
                label="Alias" 
                value="{{$ctrl.order.address.nickname}}">
            </vn-label-value>
            <vn-label-value
                label="Items" 
                value="{{$ctrl.order.rows.length || 0}}">
            </vn-label-value>
            <vn-label-value
                label="Total" 
                value="{{$ctrl.order.total | currency: 'EUR': 2}}">
            </vn-label-value>
        </div>
        <div class="quicklinks">
            <div ng-transclude="btnOne">
                <vn-quick-link
                    tooltip="Order ticket list"
                    state="['ticket.index', {q: $ctrl.ticketFilter}]"
                    icon="icon-ticket">
                </vn-quick-link>
            </div>
            <div ng-transclude="btnTwo">
                <vn-quick-link
                    tooltip="Client card"
                    state="['client.card.summary', {id: $ctrl.order.clientFk}]"
                    icon="person">
                </vn-quick-link>
            </div>
            <div ng-transclude="btnThree">
            </div>
        </div>
    </slot-body>
</vn-descriptor-content>
<vn-confirm
    vn-id="deleteOrderConfirmation"
    on-accept="$ctrl.deleteOrder()"
    message="You are going to delete this order"
    question="continue anyway?">
</vn-confirm>
<vn-worker-descriptor-popover 
    vn-id="workerDescriptor">
</vn-worker-descriptor-popover>
<vn-popup vn-id="summary">
    <vn-order-summary order="$ctrl.order"></vn-order-summary>
</vn-popup>