Show delivery attachments

Raccoon254 · Jun 21, 2024 · 4bdfa30 · 4bdfa30
1 parent 232c556
commit 4bdfa30
Showing 1 changed file with 53 additions and 1 deletion.
diff --git a/resources/views/orders/view.blade.php b/resources/views/orders/view.blade.php
@@ -127,7 +127,59 @@ class="absolute top-0 btn btn-xs btn-circle btn-ghost bg-blue-500 right-0 mt-1 m
                             @if ($order->delivery->isNotEmpty())
                                 <ul class="list-disc pl-6">
                                     @foreach ($order->delivery as $delivery)
-                                        <li class="mb-2">{{ $delivery->details }}</li>
+                                        <li class="mb-2">{{ Str::ucfirst($delivery->status) }}: {{ Str::limit($delivery->description, 50) }}</li>
+                                        @if ($delivery->attachments->isNotEmpty())
+                                            <ul>
+                                                <div class="flex w-full flex-wrap gap-3">
+                                                    @foreach($delivery->attachments as $attachment)
+                                                        <div class="min-w-[128px]">
+                                                            <div
+                                                                class="attachmentContainer container-{{ $attachment->id }} bg-gray-200
+                                                    hover:scale-105 transition-transform duration-300
+                                                    rounded-xl ring-1 ring-blue-100 ring-opacity-40 cursor-pointer overflow-hidden relative" data-type="{{ $attachment->type }}" data-path="{{ Storage::url($attachment->path) }}" >
+                                                                @if (in_array($attachment->type, ['image/jpeg', 'image/png', 'image/gif']))
+                                                                    <img
+                                                                        src="{{ Storage::url($attachment->path) }}"
+                                                                        alt="Attachment"
+                                                                        class="w-[128px] h-32 object-cover">
+                                                                @elseif ($attachment->type == 'application/pdf')
+                                                                    <div
+                                                                        class="flex items-center justify-center h-32 bg-red-200">
+                                                                        <i class="fas fa-file-pdf text-4xl text-red-500"></i>
+                                                                    </div>
+                                                                @elseif ($attachment->type == 'application/zip' || $attachment->type == 'application/x-rar-compressed')
+                                                                    <div
+                                                                        class="flex items-center justify-center h-32 bg-green-200">
+                                                                        <i class="fas fa-file-archive text-4xl text-green-500"></i>
+                                                                    </div>
+                                                                @elseif (str_starts_with($attachment->type, 'video/'))
+                                                                    <div
+                                                                        class="flex items-center justify-center h-32 bg-blue-200">
+                                                                        <i class="fas fa-file-video text-4xl text-blue-500"></i>
+                                                                    </div>
+                                                                @elseif (str_starts_with($attachment->type, 'audio/'))
+                                                                    <div
+                                                                        class="flex items-center justify-center h-32 bg-yellow-200">
+                                                                        <i class="fas fa-file-audio text-4xl text-yellow-500"></i>
+                                                                    </div>
+                                                                @else
+                                                                    <div
+                                                                        class="flex items-center justify-center h-32 bg-gray-300">
+                                                                        <i class="fas fa-file text-4xl text-gray-500"></i>
+                                                                    </div>
+                                                                @endif
+                                                                <a href="{{ Storage::url($attachment->path) }}"
+                                                                   class="absolute top-0 btn btn-xs btn-circle btn-ghost bg-blue-500 right-0 mt-1 mr-1 text-white hover:ring-1 ring-blue-500 text-xs px-2 py-1">
+                                                                    <i class="fas fa-download"></i>
+                                                                </a>
+                                                            </div>
+                                                        </div>
+                                                    @endforeach
+                                                </div>
+                                            </ul>
+                                        @else
+                                            <p>No attachments available.</p>
+                                        @endif
                                     @endforeach
                                 </ul>
                             @else