perbaikan tampilan di penilai

resources/views/component/form-penilai.blade.php

@@ -546,7 +546,6 @@
                 @php
                     $kategoriArray = is_array($formKategori) ? $formKategori : [$formKategori];
                     $kategoriUnik = array_unique($kategoriArray);
-                    print_r($kategoriUnik);
                 @endphp
                 <input type="hidden" name="action" value="{{ implode(',', $kategoriUnik) }}">
                 <input type="hidden" name="type" value="{{ implode(',', $kategoriUnik) }}">

resources/views/penilai/components/informasi-pembanding.blade.php

@@ -7,13 +7,13 @@
     @if (isset($informasiPembanding['data_pembanding']))
         @foreach ($informasiPembanding['data_pembanding'] as $key => $item)
             <div class="border border-gray-200">
-                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-5 p-5">
-                    <div class="form-label lg:form-label max-w-56 grid gap-2.5">
-                        <label class="  ">Pembanding {{ $key + 1 }}
-                        </label>
+                <label class="px-5 py-5 form-label uppercase">Pembanding {{ $key + 1 }}
+                </label>
+                <div class="flex grid-col-md-2 gap-5 px-5">
+                    <div class="grid gap-2.5">
                         <div class="image-container">
                             <img
-                                src="{{ isset($item['foto_objek']) ? asset('storage/' . old('foto_objek', $item['foto_objek'])) : '#' }}" 
+                                src="{{ isset($item['foto_objek']) ? asset('storage/' . old('foto_objek', $item['foto_objek'])) : '#' }}"
                                 alt="Gambar foto_objek"
                                 class="responsive-image"
                             />

resources/views/surveyor/js/utils.blade.php

@@ -63,7 +63,17 @@
 
 
 
-  
+    function previewImage(input, previewId) {
+        if (input.files && input.files[0]) {
+            var reader = new FileReader();
+            reader.onload = function(e) {
+                $('#' + previewId).attr('src', e.target.result).show();
+            }
+            reader.readAsDataURL(input.files[0]);
+        } else {
+            $('#' + previewId).hide();
+        }
+    }
 
     function addClonableItem(containerId, itemClass) {
         const container = document.getElementById(containerId);