Added ColorController & Views

resources/views/colors/show.blade.php

@@ -0,0 +1,31 @@
+<x-app-layout>
+  <x-slot name="header">
+    {{ $color->name }}
+  </x-slot>
+
+  <x-slot name="headeraction">
+    <div class="flex gap-4 justify-end">
+      <a href="{{ route('colors.index') }}" class=" text-zinc-50 hover:text-zinc-300 font-bold text-base py-2 px-4 rounded cursor-pointer">Back</a>
+      <a href="{{ route('colors.edit', $color->id) }}" class="bg-zinc-500 hover:bg-zinc-700 text-zinc-50 hover:text-white font-bold text-base py-2 px-4 rounded cursor-pointer">Edit</a>
+      <a href="{{ route('colors.destroy', $color->id) }}" onclick="event.preventDefault(); document.getElementById('delete-form-{{ $color->id }}').submit();" class="bg-red-500 hover:bg-red-500 text-zinc-50 hover:text-white font-bold text-base py-2 px-4 rounded cursor-pointer">Delete</a>
+    </div>
+  </x-slot>
+
+  <div class="py-12">
+      <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+          <div class="bg-white dark:bg-zinc-700 overflow-hidden shadow-xl sm:rounded-lg">
+            <div class="p-4">              
+              <div class="text-lg font-bold">Hex Code</div>
+              <div class="p-4">
+                {{ $color->hex }}
+              </div>
+            </div>
+
+            <form id="delete-form-{{ $color->id }}" method="POST" action="{{ route('colors.destroy', $color->id) }}" class="hidden">
+              @csrf
+              @method('DELETE')
+            </form>
+          </div>
+      </div>
+  </div>
+</x-app-layout>