@props(['invoice'])
@php
    // Download link for an invoice PDF. When the invoice has refunds, clicking
    // opens a modal asking whether the downloaded PDF should reflect them:
    // "Yes" appends ?refunds=1 (refunded amount + adjusted net total in the
    // totals box), "No" downloads the plain invoice. With no refunds it is a
    // normal download link.
    $plain = route('invoices.pdf', $invoice);
    $withRefunds = route('invoices.pdf', ['invoice' => $invoice, 'refunds' => 1]);
    $refunded = (float) $invoice->refunded_total;
    $hasRefunds = $refunded > 0;
    $amountLabel = trim(($invoice->currency_code ?: '') . ' ' . number_format($refunded, 2));
@endphp
@if ($hasRefunds)
    <a href="{{ $plain }}" x-data="{ open: false }" @click.prevent="open = true" {{ $attributes }}>
        {{ $slot }}

        <template x-teleport="body">
            <div x-show="open" x-cloak
                 class="fixed inset-0 z-50 flex items-center justify-center px-4"
                 @keydown.escape.window="open = false"
                 x-transition.opacity>
                <div class="absolute inset-0 bg-slate-900/60" @click="open = false"></div>
                <div class="relative w-full max-w-md rounded-2xl bg-white p-6 shadow-xl ring-1 ring-slate-900/5" @click.stop>
                    <h3 class="text-base font-semibold text-slate-900">{{ __('Reflect refund in the PDF?') }}</h3>
                    <p class="mt-2 text-sm text-slate-600">
                        {{ __('This invoice has :amount in refunds. Should the downloaded PDF show the refunded amount and the adjusted net total?', ['amount' => $amountLabel]) }}
                    </p>
                    <div class="mt-6 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end">
                        <a href="{{ $plain }}" @click="open = false"
                           class="inline-flex items-center justify-center rounded-xl bg-white px-4 py-2 text-sm font-medium text-slate-700 ring-1 ring-slate-200 transition hover:bg-slate-50">
                            {{ __('No, original invoice') }}
                        </a>
                        <a href="{{ $withRefunds }}" @click="open = false"
                           class="inline-flex items-center justify-center rounded-xl bg-indigo-600 px-4 py-2 text-sm font-semibold text-white shadow-sm transition hover:bg-indigo-700">
                            {{ __('Yes, reflect refund') }}
                        </a>
                    </div>
                </div>
            </div>
        </template>
    </a>
@else
    <a href="{{ $plain }}" {{ $attributes }}>
        {{ $slot }}
    </a>
@endif