movie-night-nuevo/resources/views/livewire/lists.blade.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>