36 lines
1.4 KiB
PHP
36 lines
1.4 KiB
PHP
<div class="mt-5 w-full mx-auto flex flex-col gap-5">
|
|
<h1 class="font-bold text-3xl mx-2 sm:mx-0">Lists</h1>
|
|
<x-ui.card>
|
|
<div class="w-full flex flex-col gap-2">
|
|
@if ($errors->any())
|
|
<div class="alert alert-danger">
|
|
<ul>
|
|
@foreach ($errors->all() as $error)
|
|
<li class="text-red-500">{{ $error }}</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
@endif
|
|
|
|
<form class="flex flex-col max-w-lg gap-2" wire:submit.prevent="addList">
|
|
<label class="font-bold" for="list_name">Add List</label>
|
|
<div class="flex">
|
|
<input name="list_name" placeholder="List Name"
|
|
class="flex-1 w-full text-black bg-white p-2 rounded rounded-r-none"
|
|
type="text"
|
|
wire:model="form.name">
|
|
<button type="submit" class="bg-green-400 text-white px-4 py-2 rounded rounded-l-none">Add</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<ul class="w-full flex flex-col gap-5">
|
|
@foreach($lists as $list)
|
|
<li class="flex justify-between text-center">
|
|
<a href="/lists/{{$list->id}}" wire:navigate>{{$list->name}}</a>
|
|
</li>
|
|
@endforeach
|
|
</ul>
|
|
</x-ui.card>
|
|
</div>
|
|
</div>
|