<vn-descriptor-content
    module="ticket"
    description="$ctrl.ticket.client.name">
    <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 ng-transclude="btnFour">
                <vn-quick-link
                    ng-if="$ctrl.ticket.stowaway"
                    tooltip="Ship stowaways"
                    state="['ticket.card.summary', {id: $ctrl.ticket.stowaway.shipFk}]"
                    icon="icon-stowaway">
                </vn-quick-link>
            </div>
            <div ng-transclude="btnFour">
                <vn-quick-link
                    ng-if="$ctrl.ticket.ship"
                    tooltip="Stowaway"
                    state="['ticket.card.summary', {id: $ctrl.ticket.ship.id}]"
                    icon="icon-stowaway">
                </vn-quick-link>
            </div>
        </div>
        <div style="text-align: center">
            <vn-button-menu
                ng-if="$ctrl.ticket.ship.length > 1"
                vn-id="stowaways-button"
                icon="icon-stowaway"
                show-filter="false"
                show-field="id"
                value-field="id"
                vn-tooltip="Ship stowaways"
                tooltip-position="up"
                data="$ctrl.ticket.ship"
                ui-sref="ticket.card.sale({id: value})">
            </vn-button-menu>
        </div>
    </slot-body>
</vn-descriptor-content>
<vn-worker-descriptor-popover 
    vn-id="workerDescriptor">
</vn-worker-descriptor-popover>