5875fe380e
1. AnalysisController 與 Order 將付款方式 3 由「掃碼支付」細分為「掃碼支付-玉山」，並新增 11「掃碼支付-TayPay」。 2. 訂單詳情面板（order-detail-panel）發票操作按鈕（列印／作廢／勾稽／補開）改為一致的圖示按鈕樣式，並補上捐贈發票不可列印提示。 3. 銷售列表（sales/index）與發票分頁（tab-invoices）配合調整顯示。 4. 三語系新增 QR Code Payment - E.SUN／TayPay 文案並對齊排序。 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
368 lines
25 KiB
PHP
368 lines
25 KiB
PHP
{{-- 側滑面板標題 --}}
|
||
<div class="px-5 py-6 sm:px-8 border-b border-slate-200 dark:border-slate-800 bg-slate-50/50 dark:bg-slate-900/50">
|
||
<div class="flex items-start justify-between gap-4">
|
||
<div class="min-w-0 flex-1">
|
||
<h2 class="text-xl sm:text-2xl font-black text-slate-800 dark:text-white font-display flex items-center gap-2 sm:gap-3">
|
||
<div class="p-2 bg-cyan-500/10 rounded-xl">
|
||
<svg class="w-5 h-5 sm:w-6 sm:h-6 text-cyan-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" 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>
|
||
</div>
|
||
<span class="truncate">{{ __('Order Details') }}</span>
|
||
</h2>
|
||
<div class="mt-2 flex items-center gap-2 text-sm text-slate-500 dark:text-slate-400 font-bold uppercase tracking-widest">
|
||
<span class="text-cyan-600 dark:text-cyan-400 font-mono tracking-tighter text-lg">{{ $order->order_no }}</span>
|
||
</div>
|
||
</div>
|
||
<button type="button" @click="showPanel = false"
|
||
class="bg-white dark:bg-slate-800 rounded-full p-2 text-slate-400 hover:text-slate-500 hover:bg-slate-100 dark:hover:bg-slate-700 focus:outline-none transition duration-300 shadow-sm border border-slate-200 dark:border-slate-700">
|
||
<svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex-1 overflow-y-auto p-6 sm:p-8 space-y-10">
|
||
{{-- 基本狀態卡片 --}}
|
||
<div class="grid grid-cols-3 gap-6 p-6 bg-slate-50/50 dark:bg-slate-800/30 rounded-[2rem] border border-slate-100 dark:border-slate-800">
|
||
<div class="space-y-2">
|
||
<p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Payment Status') }}</p>
|
||
<div>
|
||
@php
|
||
$statusMap = [
|
||
'pending' => 'pending',
|
||
'paid' => 'active',
|
||
'completed' => 'active',
|
||
'failed' => 'error',
|
||
'abandoned' => 'disabled',
|
||
'cancelled' => 'disabled',
|
||
'refunded' => 'error',
|
||
];
|
||
$labelMap = [
|
||
'pending' => __('Pending'),
|
||
'paid' => __('Paid'),
|
||
'completed' => __('Completed'),
|
||
'failed' => __('Failed'),
|
||
'abandoned' => __('Abandoned'),
|
||
'cancelled' => __('Cancelled'),
|
||
'refunded' => __('Refunded'),
|
||
];
|
||
$status = $statusMap[$order->status] ?? 'slate';
|
||
$label = $labelMap[$order->status] ?? $order->status;
|
||
@endphp
|
||
<x-status-badge :status="$status" :label="$label" size="sm" />
|
||
</div>
|
||
</div>
|
||
<div class="space-y-2">
|
||
<p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Payment Type') }}</p>
|
||
<p class="text-sm font-extrabold text-slate-700 dark:text-slate-200">
|
||
{{ $order->payment_type_label }}
|
||
</p>
|
||
</div>
|
||
<div class="space-y-2">
|
||
<p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Dispense Status') }}</p>
|
||
<div>
|
||
@php
|
||
$deliveryStatusMap = [
|
||
0 => ['label' => __('Dispense Failed'), 'color' => 'rose'],
|
||
1 => ['label' => __('Dispense Success'), 'color' => 'emerald'],
|
||
2 => ['label' => __('Partial Dispense Success'), 'color' => 'amber'],
|
||
];
|
||
$ds = $deliveryStatusMap[$order->delivery_status] ?? ['label' => __('Unknown'), 'color' => 'slate'];
|
||
@endphp
|
||
<x-status-badge :color="$ds['color']" :label="$ds['label']" size="sm" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{{-- 交易資訊 --}}
|
||
<section class="space-y-4">
|
||
<div class="flex items-center gap-2 px-1">
|
||
<div class="w-1.5 h-4 bg-cyan-500 rounded-full"></div>
|
||
<h3 class="text-sm font-black text-slate-800 dark:text-white uppercase tracking-widest">{{ __('Transaction Info') }}</h3>
|
||
</div>
|
||
<div class="grid grid-cols-2 gap-8 p-8 bg-slate-50/50 dark:bg-slate-800/30 rounded-[2rem] border border-slate-100 dark:border-slate-800">
|
||
<div class="space-y-1">
|
||
<p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Transaction Time') }}</p>
|
||
<p class="text-sm font-bold text-slate-700 dark:text-slate-300 font-mono tracking-tight">{{ $order->created_at->format('Y-m-d H:i:s') }}</p>
|
||
</div>
|
||
<div class="space-y-1">
|
||
<p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Machine Name') }}</p>
|
||
<p class="text-sm font-extrabold text-slate-700 dark:text-slate-200">{{ $order->machine->name ?? __('Unknown') }}</p>
|
||
</div>
|
||
<div class="space-y-1">
|
||
<p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Machine Serial') }}</p>
|
||
<p class="text-xs font-black text-slate-400 dark:text-slate-500 font-mono uppercase tracking-widest">{{ $order->machine->serial_no ?? '---' }}</p>
|
||
</div>
|
||
<div class="space-y-1">
|
||
<p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Machine Flow ID') }}</p>
|
||
<p class="text-xs font-black text-slate-400 dark:text-slate-500 font-mono uppercase tracking-widest">{{ $order->flow_id }}</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{{-- 員工卡資訊 --}}
|
||
@if($order->payment_type == 41 && $order->staffCardLog && $order->staffCardLog->staffCard)
|
||
<section class="space-y-4">
|
||
<div class="flex items-center gap-2 px-1">
|
||
<div class="w-1.5 h-4 bg-cyan-500 rounded-full"></div>
|
||
<h3 class="text-sm font-black text-slate-800 dark:text-white uppercase tracking-widest">{{ __('Staff Card Info') }}</h3>
|
||
</div>
|
||
<div class="grid grid-cols-2 gap-8 p-8 bg-slate-50/50 dark:bg-slate-800/30 rounded-[2rem] border border-slate-100 dark:border-slate-800">
|
||
<div class="space-y-1">
|
||
<p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Staff Name') }}</p>
|
||
<p class="text-sm font-extrabold text-slate-700 dark:text-slate-200">{{ $order->staffCardLog->staffCard->name }}</p>
|
||
</div>
|
||
<div class="space-y-1">
|
||
<p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Employee ID') }}</p>
|
||
<p class="text-sm font-bold text-slate-700 dark:text-slate-300 font-mono tracking-tight">{{ $order->staffCardLog->staffCard->employee_id }}</p>
|
||
</div>
|
||
<div class="space-y-1 col-span-2">
|
||
<p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Card UID') }}</p>
|
||
<p class="text-xs font-black text-slate-400 dark:text-slate-500 font-mono uppercase tracking-widest">{{ $order->staffCardLog->staffCard->card_uid }}</p>
|
||
</div>
|
||
@if($order->staffCardLog->staffCard->notes)
|
||
<div class="space-y-1 col-span-2">
|
||
<p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Notes') }}</p>
|
||
<p class="text-xs font-bold text-slate-500 dark:text-slate-400">{{ $order->staffCardLog->staffCard->notes }}</p>
|
||
</div>
|
||
@endif
|
||
</div>
|
||
</section>
|
||
@endif
|
||
|
||
@if($order->payment_type == 42 && !empty($order->member_barcode))
|
||
<section class="space-y-4">
|
||
<div class="flex items-center gap-2 px-1">
|
||
<div class="w-1.5 h-4 bg-cyan-500 rounded-full"></div>
|
||
<h3 class="text-sm font-black text-slate-800 dark:text-white uppercase tracking-widest">{{ __('Pickup Recipient Info') }}</h3>
|
||
</div>
|
||
<div class="grid grid-cols-2 gap-8 p-8 bg-slate-50/50 dark:bg-slate-800/30 rounded-[2rem] border border-slate-100 dark:border-slate-800">
|
||
<div class="space-y-1 col-span-2">
|
||
<p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Pickup Recipient (Prescription Slip)') }}</p>
|
||
<p class="text-sm font-extrabold text-slate-700 dark:text-slate-200">{{ $order->masked_pickup_recipient }}</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
@endif
|
||
|
||
{{-- 商品明細 --}}
|
||
<section class="space-y-4">
|
||
<div class="flex items-center justify-between px-1">
|
||
<div class="flex items-center gap-2">
|
||
<div class="w-1.5 h-4 bg-cyan-500 rounded-full"></div>
|
||
<h3 class="text-sm font-black text-slate-800 dark:text-white uppercase tracking-widest">{{ __('Product Details') }}</h3>
|
||
</div>
|
||
<span class="text-[10px] font-black text-cyan-500 bg-cyan-500/10 px-2 py-0.5 rounded-md uppercase tracking-widest">{{ $order->items->count() }} {{ __('Items') }}</span>
|
||
</div>
|
||
|
||
<div class="space-y-3">
|
||
@foreach($order->items as $item)
|
||
<div class="luxury-card p-4 rounded-2xl flex items-center gap-4 group/item transition-all hover:border-cyan-500/30"
|
||
x-data="{ imgFailed: {{ (isset($item->product->image_url) && $item->product->image_url) ? 'false' : 'true' }} }">
|
||
<div class="w-16 h-16 rounded-xl bg-slate-100 dark:bg-slate-800 flex-shrink-0 overflow-hidden border border-slate-200 dark:border-slate-700 group-hover:scale-105 transition-transform flex items-center justify-center relative">
|
||
@if(isset($item->product->image_url) && $item->product->image_url)
|
||
<img src="{{ $item->product->image_url }}" class="w-full h-full object-cover" x-show="!imgFailed" x-on:error="imgFailed = true">
|
||
@endif
|
||
|
||
<div x-show="imgFailed"
|
||
class="absolute inset-0 flex items-center justify-center bg-slate-50 dark:bg-slate-800/50">
|
||
<svg class="w-8 h-8 text-slate-300 dark:text-slate-600 group-hover/item:text-cyan-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<p class="text-base font-extrabold text-slate-800 dark:text-white truncate tracking-tight">{{ $item->product_name }}</p>
|
||
<div class="flex items-center gap-3 mt-1">
|
||
<span class="text-[10px] font-black text-slate-400 uppercase tracking-widest">${{ number_format($item->price, 0) }} × {{ $item->quantity }}</span>
|
||
</div>
|
||
</div>
|
||
<div class="text-right">
|
||
<p class="text-base font-black text-slate-800 dark:text-white tracking-tight">${{ number_format($item->subtotal, 0) }}</p>
|
||
</div>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
|
||
{{-- 金額彙總 --}}
|
||
<div class="mt-6 p-8 rounded-[2rem] bg-slate-50/50 dark:bg-slate-800/30 border border-slate-100 dark:border-slate-800 relative overflow-hidden group">
|
||
<!-- Decorative Gradient -->
|
||
<div class="absolute top-0 right-0 w-32 h-32 bg-cyan-500/10 blur-[50px] -mr-16 -mt-16 group-hover:bg-cyan-500/20 transition-colors duration-500"></div>
|
||
|
||
<div class="relative space-y-4">
|
||
<div class="flex justify-between items-center text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-[0.2em]">
|
||
<span>{{ __('Subtotal') }}</span>
|
||
<span class="font-mono text-slate-600 dark:text-slate-300">${{ number_format($order->total_amount + $order->discount_amount, 0) }}</span>
|
||
</div>
|
||
<div class="flex justify-between items-center text-[10px] font-black text-rose-500 uppercase tracking-[0.2em]">
|
||
<span>{{ __('Discount') }}</span>
|
||
<span class="font-mono">-${{ number_format($order->discount_amount, 0) }}</span>
|
||
</div>
|
||
<div class="pt-4 mt-2 border-t border-slate-100 dark:border-slate-800/50 flex justify-between items-baseline">
|
||
<span class="text-sm font-black uppercase tracking-[0.2em] text-slate-500 dark:text-slate-400">{{ __('Total') }}</span>
|
||
<div class="text-right">
|
||
<span class="text-3xl font-black text-cyan-600 dark:text-cyan-400 tracking-tighter font-display">${{ number_format($order->total_amount, 0) }}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{{-- 出貨紀錄 --}}
|
||
@if($order->dispenseRecords->count() > 0)
|
||
<section class="space-y-4">
|
||
<div class="flex items-center justify-between px-1">
|
||
<div class="flex items-center gap-2">
|
||
<div class="w-1.5 h-4 bg-emerald-500 rounded-full"></div>
|
||
<h3 class="text-sm font-black text-slate-800 dark:text-white uppercase tracking-widest">{{ __('Dispense Status') }}</h3>
|
||
</div>
|
||
</div>
|
||
<div class="bg-white dark:bg-slate-900 border border-slate-100 dark:border-slate-800 rounded-[2rem] overflow-hidden shadow-sm">
|
||
<table class="w-full text-left border-separate border-spacing-y-0">
|
||
<thead>
|
||
<tr class="bg-slate-50/50 dark:bg-slate-900/10">
|
||
<th class="px-6 py-4 text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-[0.2em] border-b border-slate-100 dark:border-slate-800">{{ __('Slot') }}</th>
|
||
<th class="px-6 py-4 text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-[0.2em] border-b border-slate-100 dark:border-slate-800">{{ __('Product') }}</th>
|
||
<th class="px-6 py-4 text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-[0.2em] border-b border-slate-100 dark:border-slate-800 text-right">{{ __('Status') }}</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="divide-y divide-slate-50 dark:divide-slate-800/80">
|
||
@foreach($order->dispenseRecords as $dispense)
|
||
<tr class="group hover:bg-slate-50/50 dark:hover:bg-white/[0.02] transition-colors duration-200">
|
||
<td class="px-6 py-4">
|
||
<span class="text-xs font-black text-cyan-600 dark:text-cyan-400 font-mono">#{{ str_pad($dispense->slot_no, 2, '0', STR_PAD_LEFT) }}</span>
|
||
</td>
|
||
<td class="px-6 py-4">
|
||
<p class="text-sm font-bold text-slate-700 dark:text-slate-200">{{ $dispense->product->localized_name ?? __('Unknown Product') }}</p>
|
||
</td>
|
||
<td class="px-6 py-4 text-right">
|
||
@php
|
||
$dStatusMap = [
|
||
'success' => 'active',
|
||
'failed' => 'error',
|
||
'pending' => 'pending',
|
||
'1' => 'active',
|
||
'0' => 'error',
|
||
];
|
||
$dLabelMap = [
|
||
'success' => __('Success'),
|
||
'failed' => __('Failed'),
|
||
'pending' => __('Pending'),
|
||
'1' => __('Success'),
|
||
'0' => __('Failed'),
|
||
];
|
||
$statusValue = (string)($dispense->dispense_status ?? 'pending');
|
||
$ds = $dStatusMap[$statusValue] ?? 'slate';
|
||
$dl = $dLabelMap[$statusValue] ?? $statusValue;
|
||
@endphp
|
||
<x-status-badge :status="$ds" :label="$dl" size="xs" />
|
||
</td>
|
||
</tr>
|
||
@endforeach
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
@endif
|
||
|
||
{{-- 發票資訊 --}}
|
||
@if($order->invoice)
|
||
<section class="space-y-4">
|
||
<div class="flex items-center gap-2 px-1">
|
||
<div class="w-1.5 h-4 bg-indigo-500 rounded-full"></div>
|
||
<h3 class="text-sm font-black text-slate-800 dark:text-white uppercase tracking-widest">{{ __('Invoice Information') }}</h3>
|
||
</div>
|
||
<div class="bg-indigo-50/30 dark:bg-indigo-500/5 border border-indigo-100 dark:border-indigo-500/20 rounded-[2rem] p-8 group relative overflow-hidden">
|
||
<!-- Decorative Accent -->
|
||
<div class="absolute top-0 right-0 p-8 opacity-10 group-hover:opacity-20 transition-opacity duration-500">
|
||
<svg class="w-24 h-24 text-indigo-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" 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>
|
||
</div>
|
||
|
||
@php
|
||
// 以發票狀態機顯示（pending/issued/failed/void）；舊資料無 status 時以發票號回推
|
||
$invStatus = $order->invoice->status ?: (empty($order->invoice->invoice_no) ? 'failed' : 'issued');
|
||
$invStatusMap = [
|
||
'pending' => ['label' => __('Pending'), 'color' => 'amber'],
|
||
'issued' => ['label' => __('Issued'), 'color' => 'emerald'],
|
||
'failed' => ['label' => __('Failed'), 'color' => 'rose'],
|
||
'void' => ['label' => __('Void'), 'color' => 'slate'],
|
||
];
|
||
$invBadge = $invStatusMap[$invStatus] ?? ['label' => $invStatus, 'color' => 'slate'];
|
||
// 捐贈發票依法無紙本、不可列印（綠界 InvoicePrint 會回查無資料）
|
||
$invPrintable = empty($order->invoice->love_code);
|
||
@endphp
|
||
<div class="relative flex flex-col sm:flex-row sm:items-center justify-between gap-6">
|
||
<div class="space-y-3">
|
||
<div class="flex items-center gap-3">
|
||
<p class="text-xl font-black text-slate-800 dark:text-white font-mono tracking-tighter">{{ $order->invoice->invoice_no ?: '---' }}</p>
|
||
<x-status-badge :color="$invBadge['color']" :label="$invBadge['label']" size="xs" />
|
||
</div>
|
||
<div class="flex flex-col gap-1">
|
||
<p class="text-[10px] font-black text-slate-400 dark:text-slate-500 uppercase tracking-widest">{{ __('Issued At') }}</p>
|
||
<p class="text-sm font-bold text-slate-600 dark:text-slate-400 font-mono tracking-tight">
|
||
{{ optional($order->invoice->invoice_date)->format('Y-m-d') ?: '---' }}
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex items-center gap-2">
|
||
@if($invStatus === 'issued')
|
||
{{-- 列印（捐贈發票無紙本，僅非捐贈可列印） --}}
|
||
@if($invPrintable)
|
||
<form method="POST" action="{{ route('admin.sales.invoices.print', $order->invoice) }}" target="_blank">
|
||
@csrf
|
||
<button type="submit" title="{{ __('Print Invoice') }}"
|
||
class="p-3 rounded-xl bg-white dark:bg-slate-800 text-slate-500 dark:text-slate-400 border border-slate-200 dark:border-slate-700 hover:bg-indigo-500 hover:text-white hover:border-indigo-500 transition-all duration-300 shadow-sm">
|
||
<svg class="w-4 h-4 stroke-[2.2]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M6.72 13.829c-.24.03-.48.062-.72.096m.72-.096a42.415 42.415 0 0 1 10.56 0m-10.56 0L6.34 18m10.94-4.171c.24.03.48.062.72.096m-.72-.096L17.66 18m0 0 .229 2.523a1.125 1.125 0 0 1-1.12 1.227H7.231c-.662 0-1.18-.568-1.12-1.227L6.34 18m11.318 0h1.091A2.25 2.25 0 0 0 21 15.75V9.456c0-1.081-.768-2.015-1.837-2.175a48.055 48.055 0 0 0-1.913-.247M6.34 18H5.25A2.25 2.25 0 0 1 3 15.75V9.456c0-1.081.768-2.015 1.837-2.175a48.041 48.041 0 0 1 1.913-.247m10.5 0a48.536 48.536 0 0 0-10.5 0m10.5 0V3.375c0-.621-.504-1.125-1.125-1.125h-8.25c-.621 0-1.125.504-1.125 1.125v3.659M18 10.5h.008v.008H18V10.5Z" />
|
||
</svg>
|
||
</button>
|
||
</form>
|
||
@else
|
||
<span class="text-[11px] font-bold text-slate-400 dark:text-slate-500 px-2">{{ __('Donation invoices cannot be printed') }}</span>
|
||
@endif
|
||
{{-- 作廢：使用自製確認框 UI（不用瀏覽器原生 confirm） --}}
|
||
<form id="invoice-void-form-{{ $order->invoice->id }}" method="POST" action="{{ route('admin.sales.invoices.void', $order->invoice) }}" class="hidden">
|
||
@csrf
|
||
</form>
|
||
<button type="button" title="{{ __('Void Invoice') }}"
|
||
@click="confirmVoidInvoice('invoice-void-form-{{ $order->invoice->id }}')"
|
||
class="p-3 rounded-xl bg-white dark:bg-slate-800 text-slate-500 dark:text-slate-400 border border-slate-200 dark:border-slate-700 hover:bg-rose-500 hover:text-white hover:border-rose-500 transition-all duration-300 shadow-sm">
|
||
<svg class="w-4 h-4 stroke-[2.2]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
|
||
</svg>
|
||
</button>
|
||
@elseif(in_array($invStatus, ['pending', 'failed']))
|
||
{{-- 查詢（對帳） --}}
|
||
<form method="POST" action="{{ route('admin.sales.invoices.reconcile', $order->invoice) }}">
|
||
@csrf
|
||
<button type="submit" title="{{ __('Query') }}"
|
||
class="p-3 rounded-xl bg-white dark:bg-slate-800 text-slate-500 dark:text-slate-400 border border-slate-200 dark:border-slate-700 hover:bg-amber-500 hover:text-white hover:border-amber-500 transition-all duration-300 shadow-sm">
|
||
<svg class="w-4 h-4 stroke-[2.2]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
|
||
</svg>
|
||
</button>
|
||
</form>
|
||
{{-- 補開 --}}
|
||
<form id="invoice-reissue-form-{{ $order->invoice->id }}" method="POST" action="{{ route('admin.sales.invoices.reissue', $order->invoice) }}" class="hidden">
|
||
@csrf
|
||
</form>
|
||
<button type="button" title="{{ __('Re-issue') }}"
|
||
@click="confirmReissueInvoice('invoice-reissue-form-{{ $order->invoice->id }}')"
|
||
class="p-3 rounded-xl bg-white dark:bg-slate-800 text-slate-500 dark:text-slate-400 border border-slate-200 dark:border-slate-700 hover:bg-cyan-500 hover:text-white hover:border-cyan-500 transition-all duration-300 shadow-sm">
|
||
<svg class="w-4 h-4 stroke-[2.2]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
|
||
</svg>
|
||
</button>
|
||
@endif
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
@endif
|
||
</div>
|