fix(surveyor): perbaikan tanda tangan, print out sederhana dan print hasil surveyor

resources/views/component/signature-pad.blade.php

@@ -1,19 +1,38 @@
-<!-- resources/views/signatures/components/signature-pad.blade.php -->
-<div class="text-center border">
-    <h3 class="signature-title">{{ ucfirst($type) }}</h3>
-    @if (($type === 'penilai' && Auth::user()->sign))
-
-        <img src="{{ $type === 'penilai'
-                    ? asset('storage/signatures/' . Auth::user()->id . '/' . Auth::user()->sign)
-                    : asset('storage/signatures/' . $user->id . '/' . $user->sign) }}"
-            alt="E-Sign" class="signature-pad" style="width: 400px; height: 220px;">
-    @else
-    <canvas id="signature-pad-{{ $type }}" class="signature-pad" width="400" height="200"></canvas>
-    <div class="button-container py-2">
-        <button type="button" id="save-{{ $type }}" class="btn btn-xs btn-primary">Save</button>
-        <button type="button" id="clear-{{ $type }}" class="btn btn-xs btn-secondary">Clear</button>
-        <button type="button" id="delete-{{$type}}" class="btn  btn-xs btn-danger">Delete</button>
+<div class="signature-pad-container mx-auto border p-4 max-w-md sm:max-w-lg lg:max-w-xl">
+    <h3 class="signature-title text-lg sm:text-xl font-semibold mb-2">{{ ucfirst($type) }}</h3>
+    <canvas
+        id="signature-pad-{{ $type }}"
+        class="signature-pad w-full h-48 sm:h-56 bg-white border rounded"
+    ></canvas>
+    <input
+        type="text"
+        class="input w-full border p-2 mt-2 rounded"
+        name="name-{{ $type }}"
+        id="name-{{ $type }}"
+        placeholder="Enter your name"
+    />
+    <div class="button-container flex justify-between py-4">
+        <button
+            type="button"
+            id="save-{{ $type }}"
+            class="btn btn-primary px-4 py-2 rounded "
+        >
+            Save
+        </button>
+        <button
+            type="button"
+            id="clear-{{ $type }}"
+            class="btn btn-light px-4 py-2 rounded"
+        >
+            Clear
+        </button>
+        <button
+            type="button"
+            id="delete-{{ $type }}"
+            class="btn btn-danger text-white px-4 py-2 rounded hover:bg-red-600"
+        >
+            Delete
+        </button>
     </div>
-    <div id="status-{{ $type }}" class="status-message"></div>
-    @endif
+    <div id="status-{{ $type }}" class="status-message text-sm text-gray-600 mt-2"></div>
 </div>