31 lines
1.4 KiB
PHP
31 lines
1.4 KiB
PHP
<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>
|