<vn-descriptor-content
    module="ticket"
    description="$ctrl.ticket.client.name">
    <slot-menu>
        <vn-item
            ng-click="addTurn.show()"
            vn-acl="buyer"
            ng-show="$ctrl.isEditable"
            vn-acl-action="remove"
            name="addTurn"
            translate>
            Add turn
        </vn-item>
        <vn-item
            ng-click="$ctrl.showDeliveryNote()"
            translate>
            Show Delivery Note
        </vn-item>
        <vn-item
            ng-click="confirmDeliveryNote.show()"
            translate>
            Send Delivery Note
        </vn-item>
        <vn-item
            ng-click="deleteConfirmation.show()"
            ng-show="$ctrl.isEditable"
            name="deleteTicket"
            translate>
            Delete ticket
        </vn-item>
        <vn-item
            ng-click="$ctrl.showChangeShipped()"
            ng-show="$ctrl.isEditable"
            name="changeShipped"
            translate>
            Change shipped hour
        </vn-item>
        <vn-item
            ng-click="$ctrl.sendPaymentSms()"
            translate>
            SMS Pending payment
        </vn-item>
        <vn-item
            ng-click="$ctrl.sendImportSms()"
            translate>
            SMS Minimum import
        </vn-item>
        <vn-item
            ng-click="addStowaway.show()"
            ng-show="$ctrl.canShowStowaway"
            name="addStowaway"
            translate>
            Add stowaway
        </vn-item>
        <vn-item
            ng-click="deleteStowaway.show()"
            ng-show="$ctrl.shouldShowDeleteStowaway"
            name="deleteStowaway"
            translate>
            Delete stowaway
        </vn-item>
        <vn-item
            ng-click="makeInvoiceConfirmation.show()"
            ng-show="$ctrl.isEditable"
            vn-acl="invoicing"
            vn-acl-action="remove"
            name="makeInvoice"
            translate>
            Make invoice
        </vn-item>
        <vn-item
            ng-click="regenerateInvoiceConfirmation.show()"
            ng-show="$ctrl.isInvoiced"
            vn-acl="invoicing"
            vn-acl-action="remove"
            translate>
            Regenerate invoice
        </vn-item>
        <vn-item
            ng-click="recalculateComponentsConfirmation.show()"
            ng-show="$ctrl.isEditable"
            translate>
            Recalculate components
        </vn-item>
    </slot-menu>
    <slot-body>
        <div class="attributes">
            <vn-label-value
                label="State" 
                value="{{$ctrl.ticket.ticketState.state.name}}">
            </vn-label-value>
            <vn-label-value
                label="Sales person"
                value="{{$ctrl.ticket.client.salesPerson.user.nickname}}">
            </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-class="{bright: $ctrl.ticket.client.isActive == false}">
            </vn-icon>
            <vn-icon
                vn-tooltip="Client frozen"
                icon="icon-frozen"
                ng-class="{bright: $ctrl.ticket.client.isFreezed == true}">
            </vn-icon>
            <vn-icon
                vn-tooltip="Client has debt"
                icon="icon-risk"
                ng-class="{bright: $ctrl.ticket.client.debt > $ctrl.ticket.client.credit}">
            </vn-icon>
            <vn-icon
                vn-tooltip="Client not checked"
                icon="icon-no036"
                ng-class="{bright: $ctrl.ticket.client.isTaxDataChecked == false}">
            </vn-icon>
            <vn-icon
                vn-tooltip="Deleted ticket"
                icon="icon-deletedTicket"
                ng-class="{bright: $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"
                on-change="$ctrl.goToTicket(value)">
            </vn-button-menu>
        </div>
    </slot-body>
</vn-descriptor-content>
<vn-popup vn-id="addTurn">
    <div class="vn-pa-md">
        <h5 style="text-align: center" translate>
            In which day you want to add the ticket?
        </h5>
        <vn-tool-bar class="vn-mt-md">
            <vn-button
                label="Monday" 
                ng-click="$ctrl.addTurn(0)">
            </vn-button>
            <vn-button
                label="Tuesday" 
                ng-click="$ctrl.addTurn(1)">
            </vn-button>
            <vn-button
                label="Wednesday" 
                ng-click="$ctrl.addTurn(2)">
            </vn-button>
            <vn-button
                label="Thursday" 
                ng-click="$ctrl.addTurn(3)">
            </vn-button>
            <vn-button
                label="Friday" 
                ng-click="$ctrl.addTurn(4)">
            </vn-button>
            <vn-button
                label="Saturday" 
                ng-click="$ctrl.addTurn(5)">
            </vn-button>
            <vn-button
                label="Sunday" 
                ng-click="$ctrl.addTurn(6)">
            </vn-button>
        </vn-tool-bar>
    </div>
</vn-popup>
<vn-confirm
    vn-id="deleteConfirmation"
    on-accept="$ctrl.deleteTicket()"
    question="You are going to delete this ticket"
    message="This ticket will be removed from current route! Continue anyway?">
</vn-confirm>
<vn-confirm
    vn-id="deleteStowaway"
    on-accept="$ctrl.deleteStowaway()"
    question="Delete stowaway"
    message="Are you sure you want to delete this stowaway?">
</vn-confirm>
<vn-confirm
    vn-id="confirmDialog"
    on-accept="$ctrl.returnDialog()"
    question="Pickup order"
    message="Do you want to send it directly?">
</vn-confirm>
<vn-confirm
    vn-id="makeInvoiceConfirmation"
    on-accept="$ctrl.makeInvoice()"
    question="You are going to invoice this ticket"
    message="Are you sure you want to invoice this ticket?">
</vn-confirm>
<vn-confirm
    vn-id="regenerateInvoiceConfirmation"
    on-accept="$ctrl.regenerateInvoice()"
    question="You are going to regenerate the invoice"
    message="Are you sure you want to regenerate the invoice?">
</vn-confirm>
<vn-confirm
    vn-id="confirmDeliveryNote"
    on-accept="$ctrl.sendDeliveryNote()"
    question="Are you sure you want to send it?"
    message="Send Delivery Note">
</vn-confirm>
<vn-confirm
    vn-id="recalculateComponentsConfirmation"
    on-accept="$ctrl.recalculateComponents()"
    question="Are you sure you want to recalculate the components?"
    message="Recalculate components">
</vn-confirm>
<vn-ticket-sms
    vn-id="sms"
    sms="$ctrl.newSMS">
</vn-ticket-sms>
<vn-add-stowaway
    vn-id="addStowaway" 
    card-reload="$ctrl.cardReload()" 
    ticket="$ctrl.ticket">
</vn-add-stowaway>
<vn-dialog
    vn-id="changeShippedDialog"
    on-accept="$ctrl.changeShipped()"
    message="Change shipped hour">
    <tpl-body>
        <vn-input-time
            ng-model="$ctrl.newShipped"
            label="Shipped hour"
            vn-focus>
        </vn-input-time>
    </tpl-body>
    <tpl-buttons>
        <input type="button" response="cancel" translate-attr="{value: 'Cancel'}"/>
        <button response="accept" translate>Save</button>
    </tpl-buttons>
</vn-dialog>