Move payment QR download and share actions back to the page header.

Remove the till/counter helper copy and drop duplicate download buttons from the preview card.

Co-authored-by: Cursor <cursoragent@cursor.com>

resources/views/mini/payment-qrs/partials/header-actions.blade.php

@@ -0,0 +1,37 @@
+@php
+    $shareUrl  = $qrCode->publicUrl();
+    $shareEnc  = urlencode($shareUrl);
+    $shareText = urlencode($qrCode->label . ' — pay with QR');
+@endphp
+<div class="flex flex-wrap items-center gap-2">
+    <a href="{{ route('mini.payment-qrs.download', [$qrCode, 'png']) }}"
+       class="rounded-lg border border-slate-200 px-3 py-1.5 text-sm font-medium text-slate-700 hover:bg-slate-50">PNG</a>
+    <a href="{{ route('mini.payment-qrs.download', [$qrCode, 'svg']) }}"
+       class="rounded-lg border border-slate-200 px-3 py-1.5 text-sm font-medium text-slate-700 hover:bg-slate-50">SVG</a>
+    <a href="{{ route('mini.payment-qrs.download', [$qrCode, 'pdf']) }}"
+       class="rounded-lg border border-slate-200 px-3 py-1.5 text-sm font-medium text-slate-700 hover:bg-slate-50">PDF</a>
+    <div class="relative" x-data="{ open: false, copied: false }" @click.outside="open = false">
+        <button type="button"
+                @click="if(navigator.share){navigator.share({title:@js($qrCode->label),url:@js($shareUrl)}).catch(()=>{open=!open})}else{open=!open}"
+                class="rounded-lg border border-slate-200 px-3 py-1.5 text-sm font-medium text-slate-700 hover:bg-slate-50">
+            Share
+        </button>
+        <div x-show="open" x-cloak
+             x-transition:enter="transition ease-out duration-100"
+             x-transition:enter-start="opacity-0 scale-95"
+             x-transition:enter-end="opacity-100 scale-100"
+             class="absolute right-0 z-50 mt-2 w-52 origin-top-right rounded-xl border border-slate-200 bg-white p-1.5 shadow-xl">
+            <a href="https://wa.me/?text={{ $shareText }}%20{{ $shareEnc }}" target="_blank" rel="noopener"
+               @click="open = false"
+               class="flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm text-slate-700 transition hover:bg-slate-50">
+                WhatsApp
+            </a>
+            <button type="button"
+                    @click="navigator.clipboard.writeText(@js($shareUrl)).then(() => { copied = true; setTimeout(() => { copied = false; open = false }, 1500) })"
+                    class="flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition hover:bg-slate-50"
+                    :class="copied ? 'text-emerald-600' : 'text-slate-700'">
+                <span x-text="copied ? 'Copied!' : 'Copy link'">Copy link</span>
+            </button>
+        </div>
+    </div>
+</div>

resources/views/mini/payment-qrs/show.blade.php

@@ -2,6 +2,8 @@
     <x-slot name="title">{{ $qrCode->label }}</x-slot>
     @php $c = $qrCode->content(); @endphp
     <div class="mx-auto max-w-6xl space-y-6">
+        <div class="flex flex-wrap items-start justify-between gap-4">
+            <div class="min-w-0 flex-1">
                 <div class="flex items-center gap-3 py-1 lg:hidden">
                     <a href="{{ route('mini.payment-qrs.index') }}"
                        class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-slate-200 bg-white text-slate-500 shadow-sm transition hover:text-slate-900">
@@ -19,6 +21,10 @@
                     <h1 class="mt-2 text-xl font-semibold text-slate-900">{{ $qrCode->label }}</h1>
                     <p class="mt-1 text-sm text-slate-500">{{ $c['business_name'] ?? '' }}@if(!empty($c['branch_label'])) · {{ $c['branch_label'] }}@endif</p>
                 </div>
+            </div>
+
+            @include('mini.payment-qrs.partials.header-actions', ['qrCode' => $qrCode])
+        </div>
 
         @if(session('success'))
             <div class="rounded-xl border border-emerald-100 bg-emerald-50 px-4 py-3 text-sm text-emerald-800">{{ session('success') }}</div>
@@ -29,10 +35,9 @@
                 @include('mini.payment-qrs.partials.preview-card', [
                     'qrCode' => $qrCode,
                     'previewDataUri' => $previewDataUri,
-                    'showDownloads' => true,
+                    'showDownloads' => false,
                 ])
                 <p class="mt-4 break-all text-center text-sm text-indigo-600">{{ $qrCode->publicUrl() }}</p>
-                <p class="mt-2 text-center text-xs text-slate-500">Standard black-and-white QR — ready to print at your till or counter.</p>
             </div>
 
             <form method="post" action="{{ route('mini.payment-qrs.update', $qrCode) }}" enctype="multipart/form-data" class="space-y-4 rounded-2xl border border-slate-200 bg-white p-6">