@php
    $tone = $tone ?? 'operational';
    $borderClass = $tone === 'earnings' ? 'border-violet-200 bg-violet-50/40' : 'border-indigo-200 bg-indigo-50/40';
    $btnClass = $tone === 'earnings' ? 'bg-violet-700 text-white hover:bg-violet-800' : 'bg-[#6A35FF] text-white hover:bg-[#5529cc]';
    $paused = (bool) ($template->issuance_paused ?? false);
    $presetAmount = $template->preset_amount_usd !== null ? (float) $template->preset_amount_usd : null;
    $isHospital = ($template->category ?? '') === 'medical';
    $lineItemsPlaceholder = $isHospital
        ? '[{"label":"Infusion suite (4h)","amount":5200},{"label":"Pharmacy bundle","amount":1890}]'
        : '[{"label":"Lodging","amount":1200},{"label":"Airfare","amount":800}]';
@endphp
<article class="rounded-xl border p-3 text-sm {{ $borderClass }}">
    <div class="flex items-start justify-between gap-2">
        <div>
            <p class="font-semibold">{{ $template->title }}</p>
            <p class="text-xs text-[#7B7B7B]">{{ $template->category }} · {{ $template->invoice_domain }}</p>
            <p class="text-xs text-[#5A5A5A] mt-1">{{ $template->issuer_name }}@if($template->country) · {{ $template->country }}@endif</p>
            @if ($paused)
                <p class="mt-2 text-[11px] font-semibold text-amber-900 bg-amber-50 border border-amber-200 rounded-lg px-2 py-1 inline-block">Issuance paused — resume under Control Panel → Invoice templates.</p>
            @elseif ($presetAmount !== null)
                <p class="mt-1.5 text-[10px] text-[#5A5A5A]">Preset bundle: <span class="font-mono font-semibold text-[#012169]">${{ number_format($presetAmount, 2) }}</span> (one-click issue below).</p>
            @endif
        </div>
    </div>
    @unless($paused)
        <form action="{{ route('control.panel.invoice-templates.issue', $template) }}" method="POST" class="mt-3 space-y-2">
            @csrf
            <div class="flex flex-wrap items-end gap-2">
                <label class="text-xs text-[#7B7B7B] flex flex-col gap-1">
                    @if ($isHospital)
                        Hospital payment (USD)
                    @else
                        Amount (USD)
                    @endif
                    <input name="amount" type="number" step="0.01" min="0.01" required class="h-9 w-36 rounded-lg border border-[#ECECEC] px-2 bg-white">
                </label>
                @if ($isHospital)
                    <label class="text-xs text-[#7B7B7B] flex flex-col gap-1 min-w-0 flex-1 sm:max-w-[min(100%,28rem)]">
                        Case / billing reference (optional)
                        <input type="text" name="payment_context_note" maxlength="180" class="h-9 w-full rounded-lg border border-[#ECECEC] px-2 text-[11px] bg-white" placeholder="Episode, prior auth, patient account ref…">
                        <span class="text-[10px] text-[#9A9A9A] font-normal">Hospital payables are not tied to a voyage.</span>
                    </label>
                @else
                    <label class="text-xs text-[#7B7B7B] flex flex-col gap-1 min-w-0 flex-1 sm:max-w-[min(100%,28rem)]">
                        Voyage (opt.)
                        <select name="voyage_id" class="h-9 rounded-lg border border-[#ECECEC] px-2 text-[11px] bg-white max-w-full">
                            <option value="">—</option>
                            @foreach($voyages as $v)
                                <option value="{{ $v->id }}">{{ \App\Support\VoyagePickerLabel::forSelectOption($v) }}</option>
                            @endforeach
                        </select>
                    </label>
                @endif
                <button type="submit" class="h-9 px-3 rounded-lg {{ $btnClass }} text-xs font-medium">Issue invoice</button>
            </div>
            <label class="block text-[10px] text-[#7B7B7B] leading-relaxed">
                <span class="font-medium text-[#4A4A4A]">Optional line items (JSON)</span> — must sum to the amount above (±$0.02). Stored on the invoice for audit.
                <textarea name="line_items_json" rows="2" class="mt-1 w-full rounded-lg border border-[#ECECEC] px-2 py-1.5 font-mono text-[11px] bg-white" placeholder="{{ $lineItemsPlaceholder }}"></textarea>
            </label>
        </form>
        @if ($presetAmount !== null)
            <form action="{{ route('control.panel.invoice-templates.issue', $template) }}" method="POST" class="mt-3 pt-3 border-t border-[#ECECEC]/80 space-y-2">
                @csrf
                <input type="hidden" name="use_preset" value="1">
                <div class="flex flex-wrap items-end gap-2">
                    @if ($isHospital)
                        <label class="text-xs text-[#7B7B7B] flex flex-col gap-1 min-w-0 flex-1 sm:max-w-[min(100%,28rem)]">
                            Case / billing reference (optional) — preset
                            <input type="text" name="payment_context_note" maxlength="180" class="h-9 w-full rounded-lg border border-[#ECECEC] px-2 text-[11px] bg-white" placeholder="Episode, prior auth, patient account ref…">
                        </label>
                    @else
                        <label class="text-xs text-[#7B7B7B] flex flex-col gap-1 min-w-0 flex-1 sm:max-w-[min(100%,28rem)]">
                            Voyage (opt.) — preset issue
                            <select name="voyage_id" class="h-9 rounded-lg border border-[#ECECEC] px-2 text-[11px] bg-white max-w-full">
                                <option value="">—</option>
                                @foreach($voyages as $v)
                                    <option value="{{ $v->id }}">{{ \App\Support\VoyagePickerLabel::forSelectOption($v) }}</option>
                                @endforeach
                            </select>
                        </label>
                    @endif
                    <button type="submit" class="h-9 px-3 rounded-lg border border-[#012169] text-[#012169] bg-white hover:bg-[#FAFBFE] text-xs font-semibold">Issue preset (${{ number_format($presetAmount, 2) }})</button>
                </div>
            </form>
        @endif
    @endunless
</article>