<vn-descriptor-content
    module="ticket"
    description="$ctrl.ticket.client.name"
    summary="$ctrl.$.summary">
    <slot-dot-menu>
        <vn-ticket-descriptor-menu 
            vn-id="descriptorMenu" 
            ticket-id="$ctrl.ticket.id" 
            parent-reload="$ctrl.cardReload()"
        />
    </slot-dot-menu>
    <slot-body>
        <div class="attributes">
            <vn-label-value
                label="Client" 
                value="{{$ctrl.ticket.client.id}}">
            </vn-label-value>
            <vn-label-value
                label="State" 
                value="{{$ctrl.ticket.ticketState.state.name}}">
            </vn-label-value>
            <vn-label-value
                label="Sales person">
                <span 
                    ng-click="workerDescriptor.show($event, $ctrl.ticket.client.salesPersonFk)"
                    class="link">
                    {{$ctrl.ticket.client.salesPersonUser.name}}
                </span>
            </vn-label-value>
            <vn-label-value
                label="Shipped"
                value="{{$ctrl.ticket.shipped | date: 'dd/MM/yyyy HH:mm' }}">
            </vn-label-value>
            <vn-label-value
                label="Agency"
                value="{{$ctrl.ticket.agencyMode.name}}">
            </vn-label-value>
            <vn-label-value
                label="Warehouse"
                value="{{$ctrl.ticket.warehouse.name}}">
            </vn-label-value>
            <vn-label-value
                label="Alias"
                value="{{$ctrl.ticket.nickname}}">
            </vn-label-value>
        </div>
        <div class="icons">
            <vn-icon
                vn-tooltip="Client inactive"
                icon="icon-disabled"
                ng-if="$ctrl.ticket.client.isActive == false">
            </vn-icon>
            <vn-icon
                vn-tooltip="Client frozen"
                icon="icon-frozen"
                ng-if="$ctrl.ticket.client.isFreezed == true">
            </vn-icon>
            <vn-icon
                vn-tooltip="Client has debt"
                icon="icon-risk"
                ng-if="$ctrl.ticket.client.debt > $ctrl.ticket.client.credit">
            </vn-icon>
            <vn-icon
                vn-tooltip="Client not checked"
                icon="icon-no036"
                ng-if="$ctrl.ticket.client.isTaxDataChecked == false">
            </vn-icon>
            <vn-icon
                vn-tooltip="Deleted ticket"
                icon="icon-deletedTicket"
                ng-if="$ctrl.ticket.isDeleted == true">
            </vn-icon>
        </div>
        <div class="quicklinks">
            <div ng-transclude="btnOne">
                <vn-quick-link
                    tooltip="Client card"
                    state="['client.card.summary', {id: $ctrl.ticket.clientFk}]"
                    icon="person">
                </vn-quick-link>
            </div>
            <div ng-transclude="btnTwo">
                <vn-quick-link
                    tooltip="Client ticket list"
                    state="['ticket.index', {q: $ctrl.filter}]"
                    icon="icon-ticket">
                </vn-quick-link>
            </div>
            <div ng-transclude="btnThree">
                <vn-quick-link
                    tooltip="New order"
                    state="['order.create', {clientFk: $ctrl.ticket.clientFk}]"
                    icon="icon-basketadd">
                </vn-quick-link>
            </div>
        </div>
    </slot-body>
</vn-descriptor-content>
<vn-worker-descriptor-popover 
    vn-id="workerDescriptor">
</vn-worker-descriptor-popover>
<vn-popup vn-id="summary">
    <vn-ticket-summary ticket="$ctrl.ticket"></vn-ticket-summary>
</vn-popup>