@php
    $order = $invoice->order;
@endphp

@if (
    $order !== null
    && $order->order_type !== null
    && ! in_array($order->order_type->value, [\App\Enums\Payments\OrderType::Wired->value, \App\Enums\Payments\OrderType::Web->value], true)
    && in_array($invoice->status->value, ['open', 'confirmed', 'in-design', 'in_design'], true)
    && ! $order->isPaid()
    && $order->total > 0
)
    <li>
        <button class="flex items-center px-4 py-2.5 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 transition-colors w-full text-left font-medium cursor-pointer"
                @click="window.dispatchEvent(new CustomEvent('open-payment-modal', { detail: { invoiceNumber: '{{ (string) $invoice->compact_invoice_number }}', amount: '{{ $order->total }}' } }))">
            <svg class="w-4 h-4 mr-2.5 text-zinc-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" /></svg> Pay Now
        </button>
    </li>
@endif

@if ($order !== null)
    <li>
        <button class="flex items-center px-4 py-2.5 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 transition-colors w-full text-left font-medium cursor-pointer preview-btn"
                @click="window.dispatchEvent(new CustomEvent('open-order-preview', { detail: { orderId: {{ $order->id }} } }))">
            <svg class="w-4 h-4 mr-2.5 text-zinc-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" /></svg> Preview
        </button>
    </li>
    <li>
        <a target="_blank" class="flex items-center px-4 py-2.5 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 transition-colors w-full text-left font-medium cursor-pointer" href="{{ route('invoices.show', encrypt($invoice->id)) }}">
            <svg class="w-4 h-4 mr-2.5 text-zinc-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg> View Invoice
        </a>
    </li>
    <li>
        <a class="flex items-center px-4 py-2.5 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 transition-colors w-full text-left font-medium cursor-pointer" href="{{ route('orders.edit', ['order' => $order]) }}">
            <svg class="w-4 h-4 mr-2.5 text-zinc-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" /></svg> Edit Order
        </a>
    </li>
    <li>
        <button type="button"
                onclick="confirmDuplicateInvoice(event, {{ $invoice->id }})"
                class="flex items-center px-4 py-2.5 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 transition-colors w-full text-left font-medium cursor-pointer">
            <svg class="w-4 h-4 mr-2.5 text-zinc-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16h8M8 16v-6m0 6l2-2m-2 2l-2 2m0-2v6m16-10V8a4 4 0 00-4-4h-2a4 4 0 00-4 4v2M4 20h16v-6h-2v6m-8 0v-6h4v6" /></svg> Duplicate Invoice
        </button>
    </li>
    <li class="h-px bg-zinc-150 dark:bg-zinc-800 my-1"></li>
    @if ($invoice->sale instanceof \App\Models\Sale)
        <li>
            <a class="flex items-center px-4 py-2.5 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 transition-colors w-full text-left font-medium cursor-pointer" href="{{ route('sales.edit', [$invoice->sale, 'redirect_to' => 'invoices']) }}">
                <svg class="w-4 h-4 mr-2.5 text-zinc-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" /></svg> View Sale Record
            </a>
        </li>
    @else
        <li>
            <a class="flex items-center px-4 py-2.5 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 transition-colors w-full text-left font-medium cursor-pointer" href="{{ route('sales.create', ['invoice_id' => $invoice->id, 'redirect_to' => 'invoices']) }}">
                <svg class="w-4 h-4 mr-2.5 text-zinc-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> Add to Sales
            </a>
        </li>
    @endif
    @if ($order->order_type?->value === \App\Enums\Payments\OrderType::Phone->value)
        <li class="h-px bg-zinc-150 dark:bg-zinc-800 my-1"></li>
        <li>
            <a class="flex items-center px-4 py-2.5 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 transition-colors w-full text-left font-medium cursor-pointer" href="{{ route('orders.payments', ['invoice_id' => $invoice->id]) }}">
                <svg class="w-4 h-4 mr-2.5 text-zinc-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" /></svg> View Stripe Payments
            </a>
        </li>
    @endif
    @if ($invoice->status === \App\Enums\InvoiceStatus::Completed)
        @if ($invoice->flowerRecipe !== null)
            <li>
                <a class="flex items-center px-4 py-2.5 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 transition-colors w-full text-left font-medium cursor-pointer" href="{{ route('recipes.show', encrypt($invoice->id)) }}">
                    <svg class="w-4 h-4 mr-2.5 text-zinc-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" /></svg> View Recipe
                </a>
            </li>
            <li>
                <a class="flex items-center px-4 py-2.5 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 transition-colors w-full text-left font-medium cursor-pointer" href="{{ route('recipes.edit', [encrypt($invoice->id), $invoice->flowerRecipe]) }}">
                    <svg class="w-4 h-4 mr-2.5 text-zinc-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" /></svg> Edit Recipe
                </a>
            </li>
        @else
            <li>
                <a class="flex items-center px-4 py-2.5 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 transition-colors w-full text-left font-medium cursor-pointer" href="{{ route('recipes.create', encrypt($invoice->id)) }}">
                    <svg class="w-4 h-4 mr-2.5 text-zinc-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" /></svg> Log Recipe
                </a>
            </li>
        @endif
    @endif
    @if (in_array($order->order_type->value, [\App\Enums\Payments\OrderType::Phone->value, \App\Enums\Payments\OrderType::Email->value], true))
        @php
            $customer = $order->customer;
            $customerName = $customer instanceof \App\Models\Customer ? (string) $customer->name : '';
            $customerEmail = $customer instanceof \App\Models\Customer ? (string) $customer->email : '';
        @endphp
        <li>
            <button class="flex items-center px-4 py-2.5 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 transition-colors w-full text-left font-medium cursor-pointer send-email-btn"
                    @click="window.dispatchEvent(new CustomEvent('open-email-modal', { detail: { invoiceId: {{ $invoice->id }}, customerName: '{{ addslashes($customerName) }}', customerEmail: '{{ addslashes($customerEmail) }}' } }))">
                <svg class="w-4 h-4 mr-2.5 text-zinc-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" /></svg> Send Confirmation
            </button>
        </li>
        @if (in_array($invoice->status->value, ['open', 'confirmed', 'in-design', 'in_design'], true) && ! $order->isPaid())
            <li>
                <button class="flex items-center px-4 py-2.5 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 transition-colors w-full text-left font-medium cursor-pointer send-payment-link-btn"
                        data-invoice-id="{{ $invoice->id }}"
                        onclick="sendPaymentLink({{ $invoice->id }}, this)">
                    <svg class="w-4 h-4 mr-2.5 text-zinc-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" /></svg> Send Payment Link
                </button>
            </li>
        @endif
    @endif
@else
    <li>
        <a class="flex items-center px-4 py-2.5 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 transition-colors w-full text-left font-medium cursor-pointer" href="{{ route('orders.create', ['secure_id' => encrypt($invoice->id)]) }}">
            <svg class="w-4 h-4 mr-2.5 text-zinc-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> Add Order
        </a>
    </li>
@endif