Added ColorController & Views

2025-03-10 20:02:13 +01:00
parent d8f429385d
commit 9826f89806
8 changed files with 287 additions and 0 deletions
@@ -0,0 +1,30 @@
+<x-app-layout>
+  <x-slot name="header">
+          {{ __('Colors') }}
+  </x-slot>
+
+  <x-slot name="headeraction">
+    <div class="flex gap-4 justify-end">
+      <a href="{{ route('colors.create') }}" class="bg-zinc-500 hover:bg-green-500 text-zinc-50 hover:text-zinc-700 font-bold text-base py-2 px-4 rounded cursor-pointer">Create</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">
+            <ul class="">
+              <li class="flex gap-6  bg-zinc-50 dark:bg-zinc-900 p-2 px-4"><div class="">ID</div><div class="">Name</div><div class="">Hex Code</div><div class="">Options</div></li>
+              @foreach ($colors as $color)
+                <li class="flex gap-6 py-3 px-4 items-center">  
+                  <div class="p-2">{{ $color->id }}</div>
+                  <div class="p-2"><a href="/colors/{{ $color->id }}">{{ $color->name }}</a></div>
+                  <div class="p-2"><a href="/colors/{{ $color->id }}">{{ $color->hex }}</a></div>
+                  <div class="px-2"><a href="{{ route('colors.edit', $color->id) }}"><flux:icon.ellipsis class="hover:text-zinc-50 hover:bg-zinc-500 stroke-3 rounded "/></a></div>
+                </li>
+              @endforeach
+            </ul>
+            
+          </div>
+      </div>
+  </div>
+</x-app-layout>