Add coupons, newsletter, country-based shipping, sale prices, USP bar

- Gutscheincodes: DB-Verwaltung (%, €-Rabatt, Mindestbestellwert, Ablauf), Eingabefeld im Checkout, Admin unter Marketing → Gutscheine - Newsletter: Double-Opt-In per E-Mail, Formular im Footer, Admin-Liste mit CSV-Export - Länderzonen-Versand: DE / DACH / EU / WORLD, Versandkosten nach Lieferland dynamisch berechnet, Coupon-Rabatt in Bestellung gespeichert - Sale-Preise: sale_price auf Produkten, durchgestrichener UVP auf Produktkarte, Sonderangebote-Sektion auf Startseite - USP-Leiste auf Startseite: Versand, Zahlung, Rückgabe, Service Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-21 11:07:14 +02:00
parent 5dad8b9324
commit 092dae6085
27 changed files with 782 additions and 51 deletions
@@ -0,0 +1,74 @@
+@extends('layouts.admin')
+@section('title', isset($coupon) ? 'Gutschein bearbeiten' : 'Neuer Gutschein')
+@section('content')
+<div class="flex items-center gap-3 mb-6">
+    <a href="{{ route('admin.coupons.index') }}" class="text-gray-400 hover:text-gray-600">← Zurück</a>
+    <h2 class="text-xl font-bold">{{ isset($coupon) ? 'Gutschein bearbeiten' : 'Neuer Gutschein' }}</h2>
+</div>
+
+<form method="POST" action="{{ isset($coupon) ? route('admin.coupons.update', $coupon) : route('admin.coupons.store') }}"
+      class="bg-white rounded shadow p-6 space-y-4 max-w-lg">
+    @csrf
+    @isset($coupon) @method('PUT') @endisset
+
+    @if($errors->any())
+    <div class="bg-red-50 border border-red-200 rounded px-4 py-3 text-sm text-red-700">
+        @foreach($errors->all() as $e)<p>• {{ $e }}</p>@endforeach
+    </div>
+    @endif
+
+    <div>
+        <label class="block text-sm font-medium mb-1">Code *</label>
+        <input type="text" name="code" value="{{ old('code', $coupon->code ?? '') }}"
+               class="w-full border rounded px-3 py-2 text-sm font-mono uppercase" required placeholder="SOMMER20">
+    </div>
+
+    <div class="grid grid-cols-2 gap-4">
+        <div>
+            <label class="block text-sm font-medium mb-1">Typ *</label>
+            <select name="type" class="w-full border rounded px-3 py-2 text-sm">
+                <option value="fixed" {{ old('type', $coupon->type ?? 'fixed') === 'fixed' ? 'selected' : '' }}>Fester Betrag (€)</option>
+                <option value="percent" {{ old('type', $coupon->type ?? '') === 'percent' ? 'selected' : '' }}>Prozent (%)</option>
+            </select>
+        </div>
+        <div>
+            <label class="block text-sm font-medium mb-1">Wert *</label>
+            <input type="number" name="value" step="0.01" min="0.01"
+                   value="{{ old('value', $coupon->value ?? '') }}"
+                   class="w-full border rounded px-3 py-2 text-sm" required>
+        </div>
+    </div>
+
+    <div>
+        <label class="block text-sm font-medium mb-1">Mindestbestellwert (€)</label>
+        <input type="number" name="min_order_value" step="0.01" min="0"
+               value="{{ old('min_order_value', $coupon->min_order_value ?? '') }}"
+               class="w-full border rounded px-3 py-2 text-sm" placeholder="leer = kein Minimum">
+    </div>
+
+    <div class="grid grid-cols-2 gap-4">
+        <div>
+            <label class="block text-sm font-medium mb-1">Ablaufdatum</label>
+            <input type="date" name="expires_at"
+                   value="{{ old('expires_at', isset($coupon->expires_at) ? $coupon->expires_at->format('Y-m-d') : '') }}"
+                   class="w-full border rounded px-3 py-2 text-sm">
+        </div>
+        <div>
+            <label class="block text-sm font-medium mb-1">Max. Verwendungen</label>
+            <input type="number" name="max_uses" min="1"
+                   value="{{ old('max_uses', $coupon->max_uses ?? '') }}"
+                   class="w-full border rounded px-3 py-2 text-sm" placeholder="leer = unbegrenzt">
+        </div>
+    </div>
+
+    <label class="flex items-center gap-2 text-sm">
+        <input type="checkbox" name="active" value="1" {{ old('active', $coupon->active ?? true) ? 'checked' : '' }}>
+        Aktiv
+    </label>
+
+    <div class="flex gap-3 pt-2">
+        <button type="submit" class="bg-blue-600 text-white px-6 py-2 rounded hover:bg-blue-700">Speichern</button>
+        <a href="{{ route('admin.coupons.index') }}" class="border px-6 py-2 rounded hover:bg-gray-50 text-sm">Abbrechen</a>
+    </div>
+</form>
+@endsection
@@ -0,0 +1,59 @@
+@extends('layouts.admin')
+@section('title', 'Gutscheine')
+@section('content')
+<div class="flex items-center justify-between mb-6">
+    <h2 class="text-xl font-bold">Gutscheine</h2>
+    <a href="{{ route('admin.coupons.create') }}" class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 text-sm">+ Neuer Gutschein</a>
+</div>
+
+@if(session('success'))
+    <div class="bg-green-100 border border-green-300 text-green-800 px-4 py-3 rounded mb-4">{{ session('success') }}</div>
+@endif
+
+<div class="bg-white rounded shadow overflow-hidden">
+    <table class="w-full text-sm">
+        <thead class="bg-gray-50 text-gray-600 uppercase text-xs">
+            <tr>
+                <th class="px-4 py-3 text-left">Code</th>
+                <th class="px-4 py-3 text-left">Typ</th>
+                <th class="px-4 py-3 text-left">Wert</th>
+                <th class="px-4 py-3 text-left">Mind. Bestellwert</th>
+                <th class="px-4 py-3 text-left">Läuft ab</th>
+                <th class="px-4 py-3 text-left">Verwendet</th>
+                <th class="px-4 py-3 text-left">Status</th>
+                <th class="px-4 py-3"></th>
+            </tr>
+        </thead>
+        <tbody class="divide-y divide-gray-100">
+            @forelse($coupons as $coupon)
+            <tr class="hover:bg-gray-50">
+                <td class="px-4 py-3 font-mono font-bold">{{ $coupon->code }}</td>
+                <td class="px-4 py-3">{{ $coupon->type === 'percent' ? 'Prozent' : 'Betrag' }}</td>
+                <td class="px-4 py-3">
+                    {{ number_format($coupon->value, 2, ',', '.') }}{{ $coupon->type === 'percent' ? ' %' : ' €' }}
+                </td>
+                <td class="px-4 py-3">{{ $coupon->min_order_value ? number_format($coupon->min_order_value, 2, ',', '.') . ' €' : '–' }}</td>
+                <td class="px-4 py-3">{{ $coupon->expires_at ? $coupon->expires_at->format('d.m.Y') : '–' }}</td>
+                <td class="px-4 py-3">{{ $coupon->used_count }}{{ $coupon->max_uses ? ' / ' . $coupon->max_uses : '' }}</td>
+                <td class="px-4 py-3">
+                    @if($coupon->active)
+                        <span class="bg-green-100 text-green-800 text-xs px-2 py-0.5 rounded-full">Aktiv</span>
+                    @else
+                        <span class="bg-gray-100 text-gray-600 text-xs px-2 py-0.5 rounded-full">Inaktiv</span>
+                    @endif
+                </td>
+                <td class="px-4 py-3 text-right flex gap-2 justify-end">
+                    <a href="{{ route('admin.coupons.edit', $coupon) }}" class="text-blue-600 hover:underline">Bearbeiten</a>
+                    <form method="POST" action="{{ route('admin.coupons.destroy', $coupon) }}" onsubmit="return confirm('Gutschein löschen?')">
+                        @csrf @method('DELETE')
+                        <button class="text-red-500 hover:underline">Löschen</button>
+                    </form>
+                </td>
+            </tr>
+            @empty
+            <tr><td colspan="8" class="px-4 py-8 text-center text-gray-400">Noch keine Gutscheine angelegt.</td></tr>
+            @endforelse
+        </tbody>
+    </table>
+</div>
+@endsection
@@ -0,0 +1,55 @@
+@extends('layouts.admin')
+@section('title', 'Newsletter-Abonnenten')
+@section('content')
+<div class="flex items-center justify-between mb-6">
+    <h2 class="text-xl font-bold">Newsletter-Abonnenten</h2>
+    <a href="{{ route('admin.newsletter.export') }}" class="bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700 text-sm">CSV exportieren</a>
+</div>
+
+@if(session('success'))
+    <div class="bg-green-100 border border-green-300 text-green-800 px-4 py-3 rounded mb-4">{{ session('success') }}</div>
+@endif
+
+<div class="mb-3 text-sm text-gray-500">
+    {{ $subscribers->whereNotNull('confirmed_at')->count() }} bestätigt,
+    {{ $subscribers->whereNull('confirmed_at')->count() }} ausstehend
+</div>
+
+<div class="bg-white rounded shadow overflow-hidden">
+    <table class="w-full text-sm">
+        <thead class="bg-gray-50 text-gray-600 uppercase text-xs">
+            <tr>
+                <th class="px-4 py-3 text-left">E-Mail</th>
+                <th class="px-4 py-3 text-left">Status</th>
+                <th class="px-4 py-3 text-left">Angemeldet am</th>
+                <th class="px-4 py-3 text-left">Bestätigt am</th>
+                <th class="px-4 py-3"></th>
+            </tr>
+        </thead>
+        <tbody class="divide-y divide-gray-100">
+            @forelse($subscribers as $sub)
+            <tr class="hover:bg-gray-50">
+                <td class="px-4 py-3">{{ $sub->email }}</td>
+                <td class="px-4 py-3">
+                    @if($sub->isConfirmed())
+                        <span class="bg-green-100 text-green-800 text-xs px-2 py-0.5 rounded-full">Bestätigt</span>
+                    @else
+                        <span class="bg-yellow-100 text-yellow-800 text-xs px-2 py-0.5 rounded-full">Ausstehend</span>
+                    @endif
+                </td>
+                <td class="px-4 py-3 text-gray-500">{{ $sub->created_at->format('d.m.Y H:i') }}</td>
+                <td class="px-4 py-3 text-gray-500">{{ $sub->confirmed_at?->format('d.m.Y H:i') ?? '–' }}</td>
+                <td class="px-4 py-3 text-right">
+                    <form method="POST" action="{{ route('admin.newsletter.destroy', $sub) }}" onsubmit="return confirm('Abonnent löschen?')">
+                        @csrf @method('DELETE')
+                        <button class="text-red-500 hover:underline text-sm">Löschen</button>
+                    </form>
+                </td>
+            </tr>
+            @empty
+            <tr><td colspan="5" class="px-4 py-8 text-center text-gray-400">Keine Abonnenten.</td></tr>
+            @endforelse
+        </tbody>
+    </table>
+</div>
+@endsection
@@ -21,11 +21,15 @@
                    <textarea name="description" rows="6" class="w-full border rounded px-3 py-2 text-sm">{{ old('description', $product->description ?? '') }}</textarea>
                </div>

-                <div class="grid grid-cols-3 gap-4">
+                <div class="grid grid-cols-4 gap-4">
                    <div>
                        <label class="block text-sm font-medium mb-1">Bruttopreis (€) *</label>
                        <input type="number" name="base_price" step="0.01" min="0" value="{{ old('base_price', $product->base_price ?? '') }}" class="w-full border rounded px-3 py-2 text-sm" required>
                    </div>
+                    <div>
+                        <label class="block text-sm font-medium mb-1">Angebotspreis (€)</label>
+                        <input type="number" name="sale_price" step="0.01" min="0" value="{{ old('sale_price', $product->sale_price ?? '') }}" class="w-full border rounded px-3 py-2 text-sm" placeholder="leer = kein Angebot">
+                    </div>
                    <div>
                        <label class="block text-sm font-medium mb-1">MwSt.-Satz *</label>
                        <select name="tax_rate" class="w-full border rounded px-3 py-2 text-sm">
@@ -3,11 +3,19 @@
@section('content')
 <div class="max-w-2xl">
    <div class="bg-white rounded shadow p-6 mb-6">
-        <h3 class="font-semibold mb-4">Neue Versandzone</h3>
+        <h3 class="font-semibold mb-1">Neue Versandzone</h3>
+        <p class="text-xs text-gray-400 mb-4">Zonen: <code>DE</code> = Deutschland, <code>DACH</code> = AT/CH, <code>EU</code> = EU-Länder, <code>WORLD</code> = Welt</p>
        <form method="POST" action="{{ route('admin.shipping.store') }}" class="grid grid-cols-2 gap-3">
            @csrf
            <div><label class="block text-xs mb-1">Name</label><input type="text" name="name" class="w-full border rounded px-3 py-2 text-sm" required></div>
-            <div><label class="block text-xs mb-1">Zone (z.B. DE, AT)</label><input type="text" name="zone" value="DE" class="w-full border rounded px-3 py-2 text-sm" required></div>
+            <div><label class="block text-xs mb-1">Zone</label>
+                <select name="zone" class="w-full border rounded px-3 py-2 text-sm">
+                    <option value="DE">DE – Deutschland</option>
+                    <option value="DACH">DACH – Österreich + Schweiz</option>
+                    <option value="EU">EU – Europa (ohne DE/DACH)</option>
+                    <option value="WORLD">WORLD – Weltweit</option>
+                </select>
+            </div>
            <div><label class="block text-xs mb-1">Preis (€)</label><input type="number" name="price" step="0.01" class="w-full border rounded px-3 py-2 text-sm" required></div>
            <div><label class="block text-xs mb-1">Kostenlos ab (€, leer = nie)</label><input type="number" name="free_from" step="0.01" class="w-full border rounded px-3 py-2 text-sm"></div>
            <div class="col-span-2 flex items-center gap-3">
@@ -27,6 +27,9 @@
            <a href="{{ route('admin.pages.index') }}" class="block px-3 py-2 rounded hover:bg-gray-700 {{ request()->routeIs('admin.pages.*') ? 'bg-gray-700' : '' }}">Seiten</a>
            <a href="{{ route('admin.banners.index') }}" class="block px-3 py-2 rounded hover:bg-gray-700 {{ request()->routeIs('admin.banners.*') ? 'bg-gray-700' : '' }}">Banner</a>
            <a href="{{ route('admin.faqs.index') }}" class="block px-3 py-2 rounded hover:bg-gray-700 {{ request()->routeIs('admin.faqs.*') ? 'bg-gray-700' : '' }}">FAQ</a>
+            <div class="pt-2 pb-1 text-xs text-gray-400 uppercase tracking-wide">Marketing</div>
+            <a href="{{ route('admin.coupons.index') }}" class="block px-3 py-2 rounded hover:bg-gray-700 {{ request()->routeIs('admin.coupons.*') ? 'bg-gray-700' : '' }}">Gutscheine</a>
+            <a href="{{ route('admin.newsletter.index') }}" class="block px-3 py-2 rounded hover:bg-gray-700 {{ request()->routeIs('admin.newsletter.*') ? 'bg-gray-700' : '' }}">Newsletter</a>
            <div class="pt-2 pb-1 text-xs text-gray-400 uppercase tracking-wide">System</div>
            <a href="{{ route('admin.admins.index') }}" class="block px-3 py-2 rounded hover:bg-gray-700 {{ request()->routeIs('admin.admins.*') ? 'bg-gray-700' : '' }}">Admin-Benutzer</a>
            <a href="{{ route('admin.email-templates.index') }}" class="block px-3 py-2 rounded hover:bg-gray-700 {{ request()->routeIs('admin.email-templates.*') ? 'bg-gray-700' : '' }}">E-Mail-Templates</a>
@@ -196,7 +196,27 @@
        $hasBlog     = \App\Models\Page::where('type','blog')->where('published', true)->exists();
        $hasFaq      = \App\Models\Faq::exists();
    @endphp
-    <footer class="bg-gray-900 text-gray-400 text-sm mt-12">
+    {{-- Newsletter --}}
+    <div class="bg-gray-800 text-white py-8">
+        <div class="max-w-6xl mx-auto px-4 flex flex-col sm:flex-row items-center gap-6">
+            <div class="shrink-0 text-center sm:text-left">
+                <p class="font-semibold text-lg">Newsletter abonnieren</p>
+                <p class="text-gray-400 text-sm">Angebote & Neuigkeiten direkt in Ihr Postfach.</p>
+            </div>
+            <form method="POST" action="{{ route('newsletter.subscribe') }}" class="flex gap-2 flex-1 max-w-md w-full">
+                @csrf
+                <input type="email" name="newsletter_email" placeholder="Ihre E-Mail-Adresse"
+                       class="flex-1 rounded px-4 py-2 text-gray-800 text-sm border-0" required>
+                <button class="btn-primary px-4 py-2 rounded text-sm font-medium whitespace-nowrap">Anmelden</button>
+            </form>
+            @if(session('newsletter_success'))
+                <p class="text-green-400 text-sm">{{ session('newsletter_success') }}</p>
+            @elseif(session('newsletter_info'))
+                <p class="text-yellow-400 text-sm">{{ session('newsletter_info') }}</p>
+            @endif
+        </div>
+    </div>
+    <footer class="bg-gray-900 text-gray-400 text-sm">
        <div class="max-w-6xl mx-auto px-4 py-8 grid grid-cols-2 md:grid-cols-4 gap-6">
            <div>
                @if($logo)
@@ -48,6 +48,11 @@
        <div class="bg-white border rounded-lg p-6 sticky top-4">
            <div class="space-y-2 text-sm mb-3 border-b pb-3">
                <div class="flex justify-between"><span>Zwischensumme</span><span>{{ number_format($subtotal, 2, ',', '.') }} €</span></div>
+                @if(($discount ?? 0) > 0)
+                <div class="flex justify-between text-green-600">
+                    <span>Gutschein ({{ $couponCode }})</span><span>- {{ number_format($discount, 2, ',', '.') }} €</span>
+                </div>
+                @endif
                <div class="flex justify-between"><span>Versand</span><span>{{ $shippingCost == 0 ? 'Kostenlos' : number_format($shippingCost, 2, ',', '.') . ' €' }}</span></div>
            </div>
            <div class="flex justify-between font-bold text-lg">
@@ -186,12 +186,43 @@
            <h2 class="font-semibold mb-4">Zusammenfassung</h2>
            <div class="space-y-2 text-sm mb-4 border-b pb-4">
                <div class="flex justify-between"><span>Zwischensumme</span><span>{{ number_format($subtotal, 2, ',', '.') }} €</span></div>
-                <div class="flex justify-between"><span>Versand</span><span>{{ $shippingCost == 0 ? 'Kostenlos' : number_format($shippingCost, 2, ',', '.') . ' €' }}</span></div>
+                @if($discount > 0)
+                <div class="flex justify-between text-green-600">
+                    <span>Gutschein ({{ $couponCode }})</span>
+                    <span>- {{ number_format($discount, 2, ',', '.') }} €</span>
+                </div>
+                @endif
+                <div class="flex justify-between"><span>Versand</span><span id="shipping-display">{{ $shippingCost == 0 ? 'Kostenlos' : number_format($shippingCost, 2, ',', '.') . ' €' }}</span></div>
            </div>
            <div class="flex justify-between font-bold text-lg">
-                <span>Gesamt</span><span>{{ number_format($total, 2, ',', '.') }} €</span>
+                <span>Gesamt</span><span id="total-display">{{ number_format($total, 2, ',', '.') }} €</span>
            </div>
            <p class="text-xs text-gray-400 mt-2">inkl. MwSt.</p>
+
+            {{-- Gutscheincode --}}
+            <div class="mt-4 border-t pt-4">
+                @if(session('coupon_error'))
+                    <p class="text-red-600 text-xs mb-2">{{ session('coupon_error') }}</p>
+                @endif
+                @if(session('coupon_success'))
+                    <p class="text-green-600 text-xs mb-2">{{ session('coupon_success') }}</p>
+                @endif
+                @if($couponCode)
+                    <div class="flex items-center justify-between text-sm mb-2">
+                        <span class="font-mono bg-green-50 text-green-700 px-2 py-0.5 rounded">{{ $couponCode }}</span>
+                        <form method="POST" action="{{ route('checkout.coupon.remove') }}">@csrf
+                            <button class="text-red-500 text-xs hover:underline">Entfernen</button>
+                        </form>
+                    </div>
+                @else
+                    <form method="POST" action="{{ route('checkout.coupon.apply') }}" class="flex gap-2">
+                        @csrf
+                        <input type="text" name="coupon_code" placeholder="Gutscheincode"
+                               class="flex-1 border rounded px-3 py-1.5 text-sm uppercase" style="text-transform:uppercase">
+                        <button class="bg-gray-700 text-white px-3 py-1.5 rounded text-sm hover:bg-gray-800">OK</button>
+                    </form>
+                @endif
+            </div>
        </div>
    </div>
 </div>
@@ -2,6 +2,30 @@
@section('title', \App\Models\Setting::get('shop_name', 'Shop'))
@section('content')

+{{-- USP-Leiste --}}
+<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8 text-center">
+    <div class="bg-white rounded-lg p-4 border">
+        <div class="text-2xl mb-1">🚚</div>
+        <p class="text-sm font-semibold">Schnelle Lieferung</p>
+        <p class="text-xs text-gray-400">1-3 Werktage</p>
+    </div>
+    <div class="bg-white rounded-lg p-4 border">
+        <div class="text-2xl mb-1">🔒</div>
+        <p class="text-sm font-semibold">Sicher bezahlen</p>
+        <p class="text-xs text-gray-400">Vorkasse & Rechnung</p>
+    </div>
+    <div class="bg-white rounded-lg p-4 border">
+        <div class="text-2xl mb-1">↩️</div>
+        <p class="text-sm font-semibold">14 Tage Rückgabe</p>
+        <p class="text-xs text-gray-400">Widerrufsrecht</p>
+    </div>
+    <div class="bg-white rounded-lg p-4 border">
+        <div class="text-2xl mb-1">📞</div>
+        <p class="text-sm font-semibold">Persönlicher Service</p>
+        <p class="text-xs text-gray-400">{{ \App\Models\Setting::get('shop_phone', '') }}</p>
+    </div>
+</div>
+
 {{-- Banner --}}
@if($banners->count())
 <div class="relative mb-10 -mx-4" x-data="{ current: 0 }">
@@ -65,6 +89,22 @@
 </div>
@endif

+{{-- Sonderangebote --}}
+@if($saleProducts->count())
+<div class="mb-12">
+    <div class="flex items-center gap-3 mb-6">
+        <span class="text-2xl">🏷️</span>
+        <h2 class="text-2xl font-bold">Sonderangebote</h2>
+        <span class="bg-red-100 text-red-700 text-xs font-bold px-2 py-0.5 rounded-full">SALE</span>
+    </div>
+    <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
+        @foreach($saleProducts as $product)
+        @include('shop.products._card', ['product' => $product])
+        @endforeach
+    </div>
+</div>
+@endif
+
 {{-- Neue Produkte --}}
@if($newProducts->count())
 <div class="mb-12">
@@ -4,17 +4,27 @@
    @else
    <div class="w-full h-48 bg-gray-100 flex items-center justify-center text-5xl">📦</div>
    @endif
-    @if(isset($badge))
-    <span class="absolute top-2 left-2 bg-yellow-400 text-yellow-900 text-xs font-bold px-2 py-0.5 rounded-full">
-        ★ {{ $badge }}
-    </span>
+
+    @if($product->isOnSale())
+    <span class="absolute top-2 left-2 bg-red-500 text-white text-xs font-bold px-2 py-0.5 rounded-full">SALE</span>
+    @elseif(isset($badge))
+    <span class="absolute top-2 left-2 bg-yellow-400 text-yellow-900 text-xs font-bold px-2 py-0.5 rounded-full">★ {{ $badge }}</span>
    @endif
+
    <div class="p-4">
        <p class="text-xs text-gray-400 mb-1">{{ $product->category?->name }}</p>
-        <h3 class="font-semibold text-sm mb-2 group-hover:text-blue-600">{{ $product->name }}</h3>
+        <h3 class="font-semibold text-sm mb-2 group-hover:text-primary">{{ $product->name }}</h3>
        <div class="flex items-baseline gap-2">
-            <span class="text-lg font-bold text-blue-700">{{ number_format($product->base_price, 2, ',', '.') }} €</span>
+            @if($product->isOnSale())
+                <span class="text-lg font-bold text-red-600">{{ number_format($product->sale_price, 2, ',', '.') }} €</span>
+                <span class="text-sm text-gray-400 line-through">{{ number_format($product->base_price, 2, ',', '.') }} €</span>
+            @else
+                <span class="text-lg font-bold text-primary">{{ number_format($product->base_price, 2, ',', '.') }} €</span>
+            @endif
            <span class="text-xs text-gray-400">inkl. {{ number_format($product->tax_rate, 0) }}% MwSt.</span>
        </div>
+        @if($product->track_stock && $product->variants->sum('stock') <= 0)
+            <p class="text-xs text-red-500 mt-1">Nicht vorrätig</p>
+        @endif
    </div>
 </a>