From 897bc4abde61f12e7f1c8172f6209435cb8032e7 Mon Sep 17 00:00:00 2001
From: DeathKaioken <alex.ibrahim@eitk.com>
Date: Tue, 5 May 2026 22:47:16 +0200
Subject: [PATCH] ya

---
 .../subscriptions/createSubscription/page.tsx |  8 +--
 .../admin/subscriptions/edit/[id]/page.tsx    | 16 ++---
 src/app/coffee-abonnements/[id]/page.tsx      | 67 +++----------------
 src/app/i18n/translations/de.ts               | 25 ++++++-
 src/app/i18n/translations/en.ts               | 26 +++++--
 5 files changed, 65 insertions(+), 77 deletions(-)

diff --git a/src/app/admin/subscriptions/createSubscription/page.tsx b/src/app/admin/subscriptions/createSubscription/page.tsx
index e987816..1f4bff5 100644
--- a/src/app/admin/subscriptions/createSubscription/page.tsx
+++ b/src/app/admin/subscriptions/createSubscription/page.tsx
@@ -217,9 +217,9 @@ export default function CreateSubscriptionPage() {
 
             {/* Gallery Images */}
             <div>
-              <label className="block text-sm font-semibold text-slate-700 mb-1">Gallery Images</label>
+              <label className="block text-sm font-semibold text-slate-700 mb-1">{t('autofix.ka219f1d9')}</label>
               <p className="text-xs text-slate-500 mb-3">
-                Upload additional product images (JPG, PNG, WebP · max 10 MB each). These are sent as <code className="rounded bg-slate-100 px-1 py-0.5 text-slate-600">pictures</code> and returned in <code className="rounded bg-slate-100 px-1 py-0.5 text-slate-600">pictureUrls</code>.
+                Upload additional product images (JPG, PNG, WebP · max 10 MB each). These are sent as <code className="rounded bg-slate-100 px-1 py-0.5 text-slate-600">pictures</code>{t('autofix.k2992fa62')}<code className="rounded bg-slate-100 px-1 py-0.5 text-slate-600">pictureUrls</code>.
               </p>
 
               {/* Gallery grid */}
@@ -232,9 +232,7 @@ export default function CreateSubscriptionPage() {
                         type="button"
                         onClick={() => handleSetThumbnailFromGallery(i)}
                         className="absolute top-1 right-1 rounded-md bg-white/95 px-2 py-1 text-[10px] font-semibold text-slate-700 shadow hover:bg-white transition"
-                      >
-                        Set thumbnail
-                      </button>
+                      >{t('autofix.k6c1bb40b')}</button>
                       <button
                         type="button"
                         onClick={() => handleRemoveGalleryImage(i)}
diff --git a/src/app/admin/subscriptions/edit/[id]/page.tsx b/src/app/admin/subscriptions/edit/[id]/page.tsx
index 74b735c..5fd40b6 100644
--- a/src/app/admin/subscriptions/edit/[id]/page.tsx
+++ b/src/app/admin/subscriptions/edit/[id]/page.tsx
@@ -383,9 +383,8 @@ export default function EditSubscriptionPage() {
             <div className="rounded-[28px] border border-white/80 bg-white/90 p-8 shadow-[0_24px_70px_-40px_rgba(15,23,42,0.3)] backdrop-blur space-y-6">
               <div className="flex items-center justify-between gap-4 flex-wrap">
                 <div>
-                  <h2 className="text-lg font-bold text-slate-900">Gallery Images</h2>
-                  <p className="text-xs text-slate-500 mt-0.5">
-                    Manage additional product images. Mark existing images for removal or add new ones, then click <span className="font-semibold text-slate-700">Save Gallery</span>.
+                  <h2 className="text-lg font-bold text-slate-900">{t('autofix.ka219f1d9')}</h2>
+                  <p className="text-xs text-slate-500 mt-0.5">{t('autofix.k68ef9d49')}<span className="font-semibold text-slate-700">{t('autofix.k0496e5cc')}</span>.
                   </p>
                 </div>
                 {galleryHasChanges && (
@@ -399,10 +398,10 @@ export default function EditSubscriptionPage() {
 
               {/* Existing pictures */}
               {galleryLoading ? (
-                <p className="text-sm text-slate-500">Loading gallery…</p>
+                <p className="text-sm text-slate-500">{t('autofix.k8811e423')}</p>
               ) : existingPictures.length > 0 ? (
                 <div>
-                  <p className="text-xs font-semibold text-slate-500 uppercase tracking-wide mb-3">Existing images</p>
+                  <p className="text-xs font-semibold text-slate-500 uppercase tracking-wide mb-3">{t('autofix.kddb4db62')}</p>
                   <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-6 gap-3">
                     {existingPictures.map(pic => {
                       const markedForRemoval = pendingRemoveIds.includes(pic.id);
@@ -434,13 +433,13 @@ export default function EditSubscriptionPage() {
                   </div>
                 </div>
               ) : (
-                <p className="text-sm text-slate-400">No gallery images yet.</p>
+                <p className="text-sm text-slate-400">{t('autofix.k09e4edde')}</p>
               )}
 
               {/* New images to upload */}
               {newGalleryPreviews.length > 0 && (
                 <div>
-                  <p className="text-xs font-semibold text-slate-500 uppercase tracking-wide mb-3">New images to add</p>
+                  <p className="text-xs font-semibold text-slate-500 uppercase tracking-wide mb-3">{t('autofix.kad44a0f7')}</p>
                   <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-6 gap-3">
                     {newGalleryPreviews.map((url, i) => (
                       <div key={i} className="relative group rounded-xl overflow-hidden border border-emerald-300 bg-slate-50 aspect-video">
@@ -472,8 +471,7 @@ export default function EditSubscriptionPage() {
 
               {pendingRemoveIds.length > 0 && (
                 <p className="text-xs text-rose-600">
-                  {pendingRemoveIds.length} image{pendingRemoveIds.length > 1 ? 's' : ''} marked for removal. Click <span className="font-semibold">Save Gallery</span> or submit the form above to apply.
-                </p>
+                  {pendingRemoveIds.length} image{pendingRemoveIds.length > 1 ? 's' : ''} marked for removal. Click <span className="font-semibold">{t('autofix.k0496e5cc')}</span>{t('autofix.kaabd9a3d')}</p>
               )}
             </div>
           </>
diff --git a/src/app/coffee-abonnements/[id]/page.tsx b/src/app/coffee-abonnements/[id]/page.tsx
index 7b7c015..f17feed 100644
--- a/src/app/coffee-abonnements/[id]/page.tsx
+++ b/src/app/coffee-abonnements/[id]/page.tsx
@@ -26,11 +26,9 @@ export default function CoffeeAbonnementDetailPage() {
         <div className="max-w-[1820px] mx-auto px-4 sm:px-6 xl:px-10 py-8 space-y-5">
           <div className="rounded-[28px] border border-white/80 bg-white/90 px-8 py-6 shadow-[0_24px_70px_-40px_rgba(15,23,42,0.3)] backdrop-blur flex flex-wrap items-center justify-between gap-4">
             <div>
-              <div className="inline-flex items-center rounded-full border border-slate-200 bg-white px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.28em] text-slate-500">
-                Coffee ABO
-              </div>
-              <h1 className="mt-3 text-2xl font-bold tracking-tight text-slate-900">Coffee Details</h1>
-              <p className="mt-1 text-sm text-slate-500">Detailed view with gallery images and product information.</p>
+              <div className="inline-flex items-center rounded-full border border-slate-200 bg-white px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.28em] text-slate-500">{t('autofix.kbdc4e405')}</div>
+              <h1 className="mt-3 text-2xl font-bold tracking-tight text-slate-900">{t('autofix.k50bb594b')}</h1>
+              <p className="mt-1 text-sm text-slate-500">{t('autofix.ka157a704')}</p>
             </div>
             <Link
               href="/coffee-abonnements"
@@ -38,9 +36,7 @@ export default function CoffeeAbonnementDetailPage() {
             >
               <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7 7-7" />
-              </svg>
-              Back to selection
-            </Link>
+              </svg>{t('autofix.k96839795')}</Link>
           </div>
 
           {loading && (
@@ -57,8 +53,8 @@ export default function CoffeeAbonnementDetailPage() {
 
           {!loading && !error && !coffee && (
             <div className="rounded-[28px] border border-white/80 bg-white/90 p-8 shadow-[0_24px_70px_-40px_rgba(15,23,42,0.3)] backdrop-blur">
-              <h2 className="text-lg font-semibold text-slate-900">Coffee not found</h2>
-              <p className="mt-2 text-sm text-slate-500">The coffee may be unavailable or inactive right now.</p>
+              <h2 className="text-lg font-semibold text-slate-900">{t('autofix.kbcb6ceea')}</h2>
+              <p className="mt-2 text-sm text-slate-500">{t('autofix.k8e0e178e')}</p>
             </div>
           )}
 
@@ -75,15 +71,15 @@ export default function CoffeeAbonnementDetailPage() {
 
                   <div className="mt-5 space-y-2">
                     <div className="flex items-center justify-between rounded-xl border border-slate-200 bg-slate-50 px-4 py-2">
-                      <span className="text-sm text-slate-600">Price per 10</span>
+                      <span className="text-sm text-slate-600">{t('autofix.kab208d8e')}</span>
                       <span className="text-sm font-semibold text-slate-900">EUR {coffee.pricePer10.toFixed(2)}</span>
                     </div>
                     <div className="flex items-center justify-between rounded-xl border border-slate-200 bg-slate-50 px-4 py-2">
-                      <span className="text-sm text-slate-600">Price per capsule</span>
+                      <span className="text-sm text-slate-600">{t('autofix.ke0eb10f2')}</span>
                       <span className="text-sm font-semibold text-slate-900">EUR {(coffee.pricePer10 / 10).toFixed(2)}</span>
                     </div>
                     <div className="flex items-center justify-between rounded-xl border border-slate-200 bg-slate-50 px-4 py-2">
-                      <span className="text-sm text-slate-600">Gallery images</span>
+                      <span className="text-sm text-slate-600">{t('autofix.k5bd8edf9')}</span>
                       <span className="text-sm font-semibold text-slate-900">
                         {picturesLoading ? 'Loading...' : gallery.length}
                       </span>
@@ -92,55 +88,14 @@ export default function CoffeeAbonnementDetailPage() {
                 </div>
 
                 <div className="rounded-[28px] border border-white/80 bg-white/90 p-6 shadow-[0_24px_70px_-40px_rgba(15,23,42,0.3)] backdrop-blur">
-                  <p className="text-sm text-slate-600">Ready to add this coffee to your plan? Go back to the selection page and choose quantity in 10-piece steps.</p>
+                  <p className="text-sm text-slate-600">{t('autofix.k31c4f5d9')}</p>
                   <Link
                     href="/coffee-abonnements"
                     className="mt-4 inline-flex items-center justify-center rounded-xl bg-slate-900 px-4 py-2 text-sm font-semibold text-white hover:bg-slate-800 transition"
-                  >
-                    Back and select coffee
-                  </Link>
+                  >{t('autofix.k47e6f301')}</Link>
                 </div>
               </div>
 
-              <div className="xl:col-span-5 rounded-[28px] border border-white/80 bg-white/90 p-6 shadow-[0_24px_70px_-40px_rgba(15,23,42,0.3)] backdrop-blur">
-                <div className="flex items-center justify-between gap-3">
-                  <h3 className="text-lg font-semibold text-slate-900">All Images</h3>
-                  <span className="rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-xs font-semibold text-slate-600">
-                    {picturesLoading ? 'Loading...' : `${gallery.length} image${gallery.length === 1 ? '' : 's'}`}
-                  </span>
-                </div>
-
-                {picturesLoading ? (
-                  <div className="mt-4 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3">
-                    <div className="h-24 rounded-xl bg-slate-100 animate-pulse" />
-                    <div className="h-24 rounded-xl bg-slate-100 animate-pulse" />
-                    <div className="h-24 rounded-xl bg-slate-100 animate-pulse" />
-                    <div className="h-24 rounded-xl bg-slate-100 animate-pulse" />
-                    <div className="h-24 rounded-xl bg-slate-100 animate-pulse" />
-                    <div className="h-24 rounded-xl bg-slate-100 animate-pulse" />
-                  </div>
-                ) : gallery.length === 0 ? (
-                  <p className="mt-4 text-sm text-slate-500">No gallery images are available for this coffee yet.</p>
-                ) : (
-                  <div className="mt-4 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3">
-                    {gallery.map((img, index) => (
-                      <a
-                        key={`${img}-${index}`}
-                        href={img}
-                        target="_blank"
-                        rel="noreferrer"
-                        className="relative block h-24 overflow-hidden rounded-xl border border-slate-200 bg-slate-50 hover:border-slate-300 transition"
-                        aria-label={`Open image ${index + 1}`}
-                      >
-                        <img src={img} alt={`${coffee.name} gallery ${index + 1}`} className="h-full w-full object-cover" />
-                        <span className="absolute left-1.5 bottom-1.5 rounded bg-black/65 px-1.5 py-0.5 text-[10px] font-semibold text-white">
-                          #{index + 1}
-                        </span>
-                      </a>
-                    ))}
-                  </div>
-                )}
-              </div>
             </div>
           )}
         </div>
diff --git a/src/app/i18n/translations/de.ts b/src/app/i18n/translations/de.ts
index 6207f57..de2ac1b 100644
--- a/src/app/i18n/translations/de.ts
+++ b/src/app/i18n/translations/de.ts
@@ -2086,7 +2086,27 @@ export const de: Translations = {
     "k8735e9a4": "<div>Ihr HTML hier</div>",
     "k88f0d12a": "Neue Vorlage",
     "k987f2b90": "Erstellen",
-    "k9f7c3d1e": "Speichern"
+    "k9f7c3d1e": "Speichern",
+    "k0496e5cc": "Speicher Gallerie",
+    "k09e4edde": "No gallery images yet.",
+    "k2992fa62": "and returned in",
+    "k31c4f5d9": "Ready to add this coffee to your plan? Go back to the selection page and choose quantity in 10-piece steps.",
+    "k47e6f301": "Back and select coffee",
+    "k50bb594b": "Coffee Details",
+    "k5bd8edf9": "Gallery images",
+    "k68ef9d49": "Manage additional product images. Mark existing images for removal or add new ones, then click",
+    "k6c1bb40b": "Set thumbnail",
+    "k8811e423": "Loading gallery…",
+    "k8e0e178e": "The coffee may be unavailable or inactive right now.",
+    "ka157a704": "Detailed view with gallery images and product information.",
+    "ka219f1d9": "Gallery Images",
+    "kaabd9a3d": "or submit the form above to apply.",
+    "kab208d8e": "Price per 10",
+    "kad44a0f7": "New images to add",
+    "kbcb6ceea": "Coffee not found",
+    "kbdc4e405": "Coffee ABO",
+    "kddb4db62": "Existing images",
+    "ke0eb10f2": "Price per capsule"
   },
   "toasts": {
     "loginSuccess": "Anmeldung erfolgreich",
@@ -2110,6 +2130,5 @@ export const de: Translations = {
     "deleteSuccess": "Erfolgreich gelöscht.",
     "deleteFailed": "Löschen fehlgeschlagen. Bitte versuchen Sie es erneut.",
     "genericError": "Ein Fehler ist aufgetreten. Bitte versuchen Sie es erneut."
-  },
-  "mailTemplates": {}
+  }
 };
diff --git a/src/app/i18n/translations/en.ts b/src/app/i18n/translations/en.ts
index 3ea2e1f..785c8ff 100644
--- a/src/app/i18n/translations/en.ts
+++ b/src/app/i18n/translations/en.ts
@@ -2086,7 +2086,27 @@ export const en: Translations = {
     "k8735e9a4": "<div>Your HTML here</div>",
     "k88f0d12a": "New Template",
     "k987f2b90": "Create",
-    "k9f7c3d1e": "Save"
+    "k9f7c3d1e": "Save",
+    "k0496e5cc": "Save Gallery",
+    "k09e4edde": "No gallery images yet.",
+    "k2992fa62": "and returned in",
+    "k31c4f5d9": "Ready to add this coffee to your plan? Go back to the selection page and choose quantity in 10-piece steps.",
+    "k47e6f301": "Back and select coffee",
+    "k50bb594b": "Coffee Details",
+    "k5bd8edf9": "Gallery images",
+    "k68ef9d49": "Manage additional product images. Mark existing images for removal or add new ones, then click",
+    "k6c1bb40b": "Set thumbnail",
+    "k8811e423": "Loading gallery…",
+    "k8e0e178e": "The coffee may be unavailable or inactive right now.",
+    "ka157a704": "Detailed view with gallery images and product information.",
+    "ka219f1d9": "Gallery Images",
+    "kaabd9a3d": "or submit the form above to apply.",
+    "kab208d8e": "Price per 10",
+    "kad44a0f7": "New images to add",
+    "kbcb6ceea": "Coffee not found",
+    "kbdc4e405": "Coffee ABO",
+    "kddb4db62": "Existing images",
+    "ke0eb10f2": "Price per capsule"
   },
   "toasts": {
     "loginSuccess": "Login successful",
@@ -2110,7 +2130,5 @@ export const en: Translations = {
     "deleteSuccess": "Deleted successfully.",
     "deleteFailed": "Could not delete. Please try again.",
     "genericError": "Something went wrong. Please try again."
-  },
-  "mailTemplates": {}
+  }
 };
-