From 763e571cf6cabbe5b69f8177ac5f50e2ff8f554c Mon Sep 17 00:00:00 2001
From: MuzakkiABBAUF <muzakki.abbauftech@gmail.com>
Date: Wed, 15 Oct 2025 11:00:46 +0700
Subject: [PATCH] fix

---
 .../views/admin/pelanggans/show.blade.php     | 157 ++++++++++++------
 1 file changed, 104 insertions(+), 53 deletions(-)

diff --git a/backend-baru/resources/views/admin/pelanggans/show.blade.php b/backend-baru/resources/views/admin/pelanggans/show.blade.php
index 4099e56..d650d9c 100644
--- a/backend-baru/resources/views/admin/pelanggans/show.blade.php
+++ b/backend-baru/resources/views/admin/pelanggans/show.blade.php
@@ -69,64 +69,115 @@
     </div>
 
     <!-- Detail Form dari JSON -->
-<div class="bg-white rounded-2xl shadow-lg border border-gray-100 p-6 hover:shadow-xl transition">
-    <h3 class="text-2xl font-semibold mb-6 text-gray-900 border-b pb-3">
-        📋 Detail Form Pemesanan
-    </h3>
+    <div class="bg-white rounded-2xl shadow-lg border border-gray-100 p-6 hover:shadow-xl transition">
+        <h3 class="text-2xl font-semibold mb-6 text-gray-900 border-b pb-3">
+            📋 Detail Form Pemesanan
+        </h3>
 
-    @if($pelanggan->form && count($pelanggan->form) > 0)
-        <div class="overflow-hidden rounded-lg border border-gray-200">
-            <table class="min-w-full text-sm text-gray-700">
-                <tbody class="divide-y divide-gray-200">
-                    @foreach($pelanggan->form as $field => $value)
-                        <tr class="hover:bg-gray-50 align-top">
-                            <th class="px-4 py-3 font-semibold bg-gray-50 w-1/4">
-                                {{ ucwords(str_replace('_', ' ', $field)) }}
-                            </th>
-                            <td class="px-4 py-3">
-                                @if(is_array($value))
-                                    {{ implode(', ', $value) }}
+        @if($pelanggan->form && count($pelanggan->form) > 0)
+            @php
+                $fotoFields = [];
+                $textFields = [];
 
-                                {{-- ✅ Jika value adalah path atau URL gambar --}}
-                                @elseif(
-                                    is_string($value) &&
-                                    (preg_match('/\.(jpg|jpeg|png|gif|webp)$/i', $value)
-                                    || Str::startsWith($value, ['storage/', 'uploads/', 'images/']))
-                                )
-                                    @php
-                                        // Cek apakah gambar disimpan di storage Laravel
-                                        $imageUrl = Str::startsWith($value, ['http://', 'https://'])
-                                            ? $value
-                                            : asset($value);
-                                    @endphp
+                foreach ($pelanggan->form as $field => $value) {
+                    $isFoto = false;
 
-                                    <a href="{{ $imageUrl }}" target="_blank" class="block mt-2">
-                                        <img src="{{ $imageUrl }}"
-                                             alt="{{ $field }}"
-                                             class="w-40 h-40 object-cover rounded-lg border border-gray-200 shadow-sm hover:shadow-md transition">
-                                    </a>
+                    if (is_array($value)) {
+                        // jika array berisi gambar
+                        $isFoto = collect($value)->contains(function ($v) {
+                            return preg_match('/\.(jpg|jpeg|png|gif|webp)$/i', $v)
+                                || Str::startsWith($v, ['storage/', 'photos/', 'uploads/', 'images/']);
+                        });
+                    } elseif (is_string($value)) {
+                        // jika satu gambar
+                        $isFoto = preg_match('/\.(jpg|jpeg|png|gif|webp)$/i', $value)
+                            || Str::startsWith($value, ['storage/', 'photos/', 'uploads/', 'images/']);
+                    }
 
-                                {{-- ✅ Jika value adalah URL biasa --}}
-                                @elseif(is_string($value) && filter_var($value, FILTER_VALIDATE_URL))
-                                    <a href="{{ $value }}" target="_blank"
-                                       class="text-blue-600 hover:text-blue-800 underline break-words">
-                                       {{ $value }}
-                                    </a>
+                    if ($isFoto) {
+                        $fotoFields[$field] = $value;
+                    } else {
+                        $textFields[$field] = $value;
+                    }
+                }
+                $orderedFields = array_merge($textFields, $fotoFields);
+            @endphp
 
-                                {{-- ✅ Jika teks biasa --}}
-                                @else
-                                    {{ $value ?: '-' }}
-                                @endif
-                            </td>
-                        </tr>
-                    @endforeach
-                </tbody>
-            </table>
-        </div>
-    @else
-        <p class="text-gray-500 italic mt-4">Tidak ada data form tambahan.</p>
-    @endif
-</div>
+            <div class="overflow-hidden rounded-lg border border-gray-200">
+                <table class="min-w-full text-sm text-gray-700">
+                    <tbody class="divide-y divide-gray-200">
+                        @foreach($orderedFields as $field => $value)
+                            <tr class="hover:bg-gray-50 align-top">
+                                <th class="px-4 py-3 font-semibold bg-gray-50 w-1/4">
+                                    {{ ucwords(str_replace('_', ' ', $field)) }}
+                                </th>
+                                <td class="px-4 py-3">
+                                    {{-- ✅ Jika value adalah array (banyak foto) --}}
+                                    @if(is_array($value))
+                                        <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3">
+                                            @foreach($value as $img)
+                                                @php
+                                                    if (Str::startsWith($img, ['http://', 'https://'])) {
+                                                        $imageUrl = $img;
+                                                    } elseif (Str::startsWith($img, ['storage/', 'public/'])) {
+                                                        $imageUrl = asset($img);
+                                                    } elseif (Str::startsWith($img, 'photos/')) {
+                                                        $imageUrl = asset('storage/' . $img);
+                                                    } else {
+                                                        $imageUrl = asset('storage/' . $img);
+                                                    }
+                                                @endphp
+                                                <a href="{{ $imageUrl }}" target="_blank">
+                                                    <img src="{{ $imageUrl }}"
+                                                         alt="{{ $field }}"
+                                                         class="w-32 h-32 object-cover rounded-lg border border-gray-200 shadow-sm hover:shadow-md transition">
+                                                </a>
+                                            @endforeach
+                                        </div>
 
+                                    {{-- ✅ Jika gambar tunggal --}}
+                                    @elseif(
+                                        is_string($value) &&
+                                        (preg_match('/\.(jpg|jpeg|png|gif|webp)$/i', $value)
+                                        || Str::startsWith($value, ['storage/', 'uploads/', 'images/', 'photos/']))
+                                    )
+                                        @php
+                                            if (Str::startsWith($value, ['http://', 'https://'])) {
+                                                $imageUrl = $value;
+                                            } elseif (Str::startsWith($value, ['storage/', 'public/'])) {
+                                                $imageUrl = asset($value);
+                                            } elseif (Str::startsWith($value, 'photos/')) {
+                                                $imageUrl = asset('storage/' . $value);
+                                            } else {
+                                                $imageUrl = asset('storage/' . $value);
+                                            }
+                                        @endphp
+                                        <a href="{{ $imageUrl }}" target="_blank" class="block mt-2">
+                                            <img src="{{ $imageUrl }}"
+                                                 alt="{{ $field }}"
+                                                 class="w-40 h-40 object-cover rounded-lg border border-gray-200 shadow-sm hover:shadow-md transition">
+                                        </a>
+
+                                    {{-- ✅ Jika URL biasa --}}
+                                    @elseif(is_string($value) && filter_var($value, FILTER_VALIDATE_URL))
+                                        <a href="{{ $value }}" target="_blank"
+                                           class="text-blue-600 hover:text-blue-800 underline break-words">
+                                           {{ $value }}
+                                        </a>
+
+                                    {{-- ✅ Jika teks biasa --}}
+                                    @else
+                                        {{ $value ?: '-' }}
+                                    @endif
+                                </td>
+                            </tr>
+                        @endforeach
+                    </tbody>
+                </table>
+            </div>
+        @else
+            <p class="text-gray-500 italic mt-4">Tidak ada data form tambahan.</p>
+        @endif
+    </div>
 </div>
 @endsection