<vn-crud-model
    url="InvoiceInConfigs"
    data="$ctrl.config"
    filter="{fields: ['sageWithholdingFk']}"
    id-value="1"
    auto-load="true">
</vn-crud-model>
<vn-descriptor-content
    module="invoiceIn"
    description="$ctrl.invoiceIn.supplierRef"
    summary="$ctrl.$.summary">
    <slot-menu>
        <vn-item
            ng-click="$ctrl.checkToBook()"
            vn-acl="administrative"
            ng-hide="$ctrl.invoiceIn.isBooked == true"
            translate>
            To book
        </vn-item>
        <vn-item
            ng-click="deleteConfirmation.show()"
            vn-acl="administrative"
            vn-acl-action="remove"
            name="deleteInvoice"
            translate>
            Delete Invoice
        </vn-item>
        <vn-item
            ng-click="cloneConfirmation.show()"
            vn-acl="administrative"
            name="cloneInvoice"
            translate>
            Clone Invoice
        </vn-item>
        <vn-item
            ng-if="$ctrl.isAgricultural()"
            ng-click="$ctrl.showPdfInvoice()"
            translate>
            Show agricultural receipt as PDF
        </vn-item>
        <vn-item
            ng-if="$ctrl.isAgricultural()"
            ng-click="sendPdfConfirmation.show({email: $ctrl.entity.supplier.contacts[0].email})"
            translate>
            Send agricultural receipt as PDF
        </vn-item>
    </slot-menu>
    <slot-body>
        <div class="attributes">
            <vn-label-value label="Date" value="{{$ctrl.invoiceIn.issued | date: 'dd/MM/yyyy'}}">
            </vn-label-value>
            <vn-label-value label="Booked" value="{{$ctrl.invoiceIn.booked | date: 'dd/MM/yyyy'}}">
            </vn-label-value>
            <vn-label-value label="Import" value="{{$ctrl.invoiceIn.amount | currency: 'EUR': 2}}">
            </vn-label-value>
            <vn-label-value label="Supplier">
                <span ng-click="supplierDescriptor.show($event, $ctrl.invoiceIn.supplier.id)" class="link">
                    {{$ctrl.invoiceIn.supplier.nickname}}
                </span>
            </vn-label-value>
        </div>
        <div class="quicklinks">
            <div ng-transclude="btnOne">
                <vn-quick-link tooltip="Supplier" state="['supplier.card.summary', {id: $ctrl.invoiceIn.supplier.id}]"
                    icon="icon-supplier">
                </vn-quick-link>
            </div>
            <div ng-transclude="btnTwo">
                <vn-quick-link tooltip="Entries list" state="['entry.index', {q: $ctrl.entryFilter}]"
                    icon="icon-entry">
                </vn-quick-link>
            </div>
            <div ng-transclude="btnThree">
                <vn-quick-link tooltip="Invoice list" state="['invoiceIn.index', {q: $ctrl.invoiceInFilter}]"
                    icon="icon-invoice-in">
                </vn-quick-link>
            </div>

        </div>

    </slot-body>
</vn-descriptor-content>
<vn-confirm
    vn-id="deleteConfirmation"
    on-accept="$ctrl.deleteInvoiceIn()"
    question="Are you sure you want to delete this invoice?">
</vn-confirm>
<vn-confirm
    vn-id="cloneConfirmation"
    on-accept="$ctrl.cloneInvoiceIn()"
    question="Are you sure you want to clone this invoice?">
</vn-confirm>
<vn-supplier-descriptor-popover
    vn-id="supplierDescriptor">
</vn-supplier-descriptor-popover>
<vn-confirm
    vn-id="confirm-toBookAnyway"
    message="Are you sure you want to book this invoice?"
    on-accept="$ctrl.onAcceptToBook()">
</vn-confirm>
<vn-popup vn-id="summary">
    <vn-invoice-in-summary invoice-in="$ctrl.invoiceIn"></vn-invoice-in-summary>
</vn-popup>

<!-- Send PDF invoice confirmation popup -->
<vn-dialog
    vn-id="sendPdfConfirmation"
    on-accept="$ctrl.sendPdfInvoice($data)"
    message="Send PDF invoice">
    <tpl-body>
        <span translate>Are you sure you want to send it?</span>
        <vn-textfield vn-one
            label="Email"
            ng-model="sendPdfConfirmation.data.email">
        </vn-textfield>
    </tpl-body>
    <tpl-buttons>
        <input type="button" response="cancel" translate-attr="{value: 'Cancel'}"/>
        <button response="accept" translate>Confirm</button>
    </tpl-buttons>
</vn-dialog>