@can('operate', $purchaseOrder)
    <div class="mb-3">
        <div class="fw-semibold small mb-2">{{ __('procurement.po.transitions.title') }}</div>
        <form method="post" action="{{ route('procurement.purchase-orders.approve.store', $purchaseOrder) }}" class="mb-3">
            @csrf
            <label class="form-label small">{{ __('procurement.po.transitions.approve_confirm') }}</label>
            <input type="text" name="confirmation" class="form-control form-control-sm mb-2" required autocomplete="off">
            <button type="submit" class="btn btn-sm btn-primary w-100">{{ __('procurement.po.transitions.approve') }}</button>
        </form>
        <form method="post" action="{{ route('procurement.purchase-orders.cancel.store', $purchaseOrder) }}">
            @csrf
            <label class="form-label small">{{ __('procurement.po.transitions.cancel_confirm') }}</label>
            <input type="text" name="confirmation" class="form-control form-control-sm mb-2" required autocomplete="off">
            <button type="submit" class="btn btn-sm btn-outline-danger w-100">{{ __('procurement.po.transitions.cancel') }}</button>
        </form>
    </div>
@endcan

@php
    $quick = [
        [
            'href' => '#operational-receive',
            'label' => __('procurement.po.new_receipt'),
            'icon' => 'fe fe-truck',
        ],
    ];
@endphp
@can('createReceipt', $purchaseOrder)
    <x-ui.operational.detail-quick-links :links="$quick" />
@endcan
