From b4168944ee638aa582b061e1e3f2a27855ac8eeb Mon Sep 17 00:00:00 2001
From: raccoon254 <tomsteve187@gmail.com>
Date: Sat, 22 Jun 2024 14:37:25 +0300
Subject: [PATCH] Add logo image to the UI

---
 .../components/application-logo.blade.php     |   6 +-
 resources/views/orders/view.blade.php         | 158 ++++++++++--------
 2 files changed, 87 insertions(+), 77 deletions(-)

diff --git a/resources/views/components/application-logo.blade.php b/resources/views/components/application-logo.blade.php
index c225ab3..6fb5437 100644
--- a/resources/views/components/application-logo.blade.php
+++ b/resources/views/components/application-logo.blade.php
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {{ $attributes }}>
-    <path fill="rgb(55 65 81)" d="M453.3 19.3l39.4 39.4c25 25 25 65.5 0 90.5l-52.1 52.1 0 0-1-1 0 0-16-16-96-96-17-17 52.1-52.1c25-25 65.5-25 90.5 0zM241 114.9c-9.4-9.4-24.6-9.4-33.9 0L105 217c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9L173.1 81c28.1-28.1 73.7-28.1 101.8 0L288 94.1l17 17 96 96 16 16 1 1-17 17L229.5 412.5c-48 48-109.2 80.8-175.8 94.1l-25 5c-7.9 1.6-16-.9-21.7-6.6s-8.1-13.8-6.6-21.7l5-25c13.3-66.6 46.1-127.8 94.1-175.8L254.1 128 241 114.9z"/>
-</svg>
+<div viewBox="0 0 512 512" {{ $attributes }}>
+    <img src="{{ asset('images/logo/scholarspace_green_logo.png') }}" alt="ScholarSpace Logo" class="h-full w-full object-cover">
+</div>
diff --git a/resources/views/orders/view.blade.php b/resources/views/orders/view.blade.php
index 041d56e..7028dc2 100644
--- a/resources/views/orders/view.blade.php
+++ b/resources/views/orders/view.blade.php
@@ -13,30 +13,32 @@
                         <h2 class="text-2xl font-semibold mb-6">Order Details</h2>
 
                         <div class="bg-white p-6 rounded-lg shadow-sm mb-6 space-y-4">
-    <div class="flex items-center space-x-2 mb-4">
-        <i class="fas fa-info-circle text-blue-500 text-xl"></i>
-        <h3 class="text-lg font-semibold">Order Information</h3>
-    </div>
-    <div class="space-y-2">
-        <div class="flex items-center space-x-2">
-            <i class="fas fa-tag text-gray-500"></i>
-            <span class="font-bold">Title:</span> {{ $order->title }}
-        </div>
-        <div class="flex items-center space-x-2">
-            <i class="fas fa-align-left text-gray-500"></i>
-            <span class="font-bold">Description:</span> {{ $order->description }}
-        </div>
-        <div class="flex items-center space-x-2">
-            <i class="fas fa-tasks text-gray-500"></i>
-            <span class="font-bold">Status:</span>
-            <span class="{{ $order->getStatusClass() }} px-2 py-1 rounded">{{ ucfirst($order->status) }}</span>
-        </div>
-        <div class="flex items-center space-x-2">
-            <i class="fas fa-dollar-sign text-gray-500"></i>
-            <span class="font-bold">Total Price:</span> ${{ number_format($order->total_price, 2) }}
-        </div>
-    </div>
-</div>
+                            <div class="flex items-center space-x-2 mb-4">
+                                <i class="fas fa-info-circle text-blue-500 text-xl"></i>
+                                <h3 class="text-lg font-semibold">Order Information</h3>
+                            </div>
+                            <div class="space-y-2">
+                                <div class="flex items-center space-x-2">
+                                    <i class="fas fa-tag text-gray-500"></i>
+                                    <span class="font-bold">Title:</span> {{ $order->title }}
+                                </div>
+                                <div class="flex items-center space-x-2">
+                                    <i class="fas fa-align-left text-gray-500"></i>
+                                    <span class="font-bold">Description:</span> {{ $order->description }}
+                                </div>
+                                <div class="flex items-center space-x-2">
+                                    <i class="fas fa-tasks text-gray-500"></i>
+                                    <span class="font-bold">Status:</span>
+                                    <span
+                                        class="{{ $order->getStatusClass() }} px-2 py-1 rounded">{{ ucfirst($order->status) }}</span>
+                                </div>
+                                <div class="flex items-center space-x-2">
+                                    <i class="fas fa-dollar-sign text-gray-500"></i>
+                                    <span class="font-bold">Total Price:</span>
+                                    ${{ number_format($order->total_price, 2) }}
+                                </div>
+                            </div>
+                        </div>
                         <div class="bg-white p-6 rounded-lg shadow-sm mb-6">
                             <h3 class="text-lg md:text-xl mb-4 font-semibold">Attachments</h3>
                             @if ($order->attachments->isNotEmpty())
@@ -47,7 +49,9 @@
                                                 <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) }}" >
+                                                    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) }}"
@@ -101,16 +105,19 @@ class="absolute top-0 btn btn-xs btn-circle btn-ghost bg-blue-500 right-0 mt-1 m
                             @if ($order->isPaid())
                                 <div class="mb-2">
                                     <i class="fas fa-dollar-sign text-gray-500 mr-2"></i>
-                                    <span class="font-bold">Amount Paid:</span> ${{ number_format($order->payment->amount, 2) }}
+                                    <span class="font-bold">Amount Paid:</span>
+                                    ${{ number_format($order->payment->amount, 2) }}
                                 </div>
                                 <div class="mb-2">
                                     <i class="fas fa-money-check-alt text-gray-500 mr-2"></i>
-                                    <span class="font-bold">Payment Method:</span> {{ ucfirst($order->payment->payment_method) }}
+                                    <span
+                                        class="font-bold">Payment Method:</span> {{ ucfirst($order->payment->payment_method) }}
                                 </div>
                                 <div class="mb-2">
                                     <i class="fas fa-info-circle text-gray-500 mr-2"></i>
                                     <span class="font-bold">Payment Status:</span>
-                                    <span class="{{ $order->payment->getStatusClass() }} text-white px-2 py-1 rounded">{{ ucfirst($order->payment->status) }}</span>
+                                    <span
+                                        class="{{ $order->payment->getStatusClass() }} text-white px-2 py-1 rounded">{{ ucfirst($order->payment->status) }}</span>
                                 </div>
                             @else
                                 <div class="mb-2">
@@ -128,7 +135,8 @@ 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 md:pl-6">
                                     @foreach ($order->delivery as $delivery)
-                                        <div class="mb-2 font-semibold text-xl">{{ Str::ucfirst($delivery->status) }}</div>
+                                        <div
+                                            class="mb-2 font-semibold text-xl">{{ Str::ucfirst($delivery->status) }}</div>
                                         <section>
                                             {{ Str::limit($delivery->description, 100)}}
                                         </section>
@@ -140,53 +148,55 @@ class="absolute top-0 btn btn-xs btn-circle btn-ghost bg-blue-500 right-0 mt-1 m
                                                 </summary>
                                                 <section>
                                                     <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
+                                                        <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>
+                                                    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>
-                                                            </div>
-                                                        @endforeach
-                                                    </div>
-                                                </ul>
+                                                            @endforeach
+                                                        </div>
+                                                    </ul>
                                                 </section>
                                             </details>
                                         @else