initial commit
Some checks are pending
linter / quality (push) Waiting to run
tests / ci (push) Waiting to run

This commit is contained in:
Edward Tirado Jr 2025-12-12 23:07:04 -06:00
commit 0c42bef077
109 changed files with 16545 additions and 0 deletions

View file

@ -0,0 +1,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ $title ?? 'Movie Night' }}</title>
<link type="text/css" href="resources/css/app.css" rel="stylesheet"/>
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>

View file

@ -0,0 +1,18 @@
<div class="text-white flex flex-col gap-5 sm:flex-row sm:justify-between sm:m-5 mt-5 items-center">
<x-site-logo/>
@auth
<ul class="flex flex-row gap-4 font-bold text-2xl my-auto">
<li><a href="/lists" wire:navigate>Lists</a></li>
<li>Schedule</li>
<li>
<form method="POST" action="{{ route('logout') }}" class="inline">
@csrf
<button type="submit"
class="cursor-pointer text-inherit bg-transparent border-none p-0 font-inherit">
Logout
</button>
</form>
</li>
</ul>
@endauth
</div>

View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_','-',app()->getLocale()) }}">
<x-head/>
<body class="bg-blue-600">
<div class="container mx-auto text-white">
<x-header/>
{{ $slot }}
</div>
</body>
</html>

View file

@ -0,0 +1,124 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
<head>
@include('partials.head')
</head>
<body class="min-h-screen bg-white dark:bg-zinc-800">
<flux:header container class="border-b border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900">
<flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left" />
<a href="{{ route('dashboard') }}" class="ms-2 me-5 flex items-center space-x-2 rtl:space-x-reverse lg:ms-0" wire:navigate>
<x-app-logo />
</a>
<flux:navbar class="-mb-px max-lg:hidden">
<flux:navbar.item icon="layout-grid" :href="route('dashboard')" :current="request()->routeIs('dashboard')" wire:navigate>
{{ __('Dashboard') }}
</flux:navbar.item>
</flux:navbar>
<flux:spacer />
<flux:navbar class="me-1.5 space-x-0.5 rtl:space-x-reverse py-0!">
<flux:tooltip :content="__('Search')" position="bottom">
<flux:navbar.item class="!h-10 [&>div>svg]:size-5" icon="magnifying-glass" href="#" :label="__('Search')" />
</flux:tooltip>
<flux:tooltip :content="__('Repository')" position="bottom">
<flux:navbar.item
class="h-10 max-lg:hidden [&>div>svg]:size-5"
icon="folder-git-2"
href="https://github.com/laravel/livewire-starter-kit"
target="_blank"
:label="__('Repository')"
/>
</flux:tooltip>
<flux:tooltip :content="__('Documentation')" position="bottom">
<flux:navbar.item
class="h-10 max-lg:hidden [&>div>svg]:size-5"
icon="book-open-text"
href="https://laravel.com/docs/starter-kits#livewire"
target="_blank"
label="Documentation"
/>
</flux:tooltip>
</flux:navbar>
<!-- Desktop User Menu -->
<flux:dropdown position="top" align="end">
<flux:profile
class="cursor-pointer"
:initials="auth()->user()->initials()"
/>
<flux:menu>
<flux:menu.radio.group>
<div class="p-0 text-sm font-normal">
<div class="flex items-center gap-2 px-1 py-1.5 text-start text-sm">
<span class="relative flex h-8 w-8 shrink-0 overflow-hidden rounded-lg">
<span
class="flex h-full w-full items-center justify-center rounded-lg bg-neutral-200 text-black dark:bg-neutral-700 dark:text-white"
>
{{ auth()->user()->initials() }}
</span>
</span>
<div class="grid flex-1 text-start text-sm leading-tight">
<span class="truncate font-semibold">{{ auth()->user()->name }}</span>
<span class="truncate text-xs">{{ auth()->user()->email }}</span>
</div>
</div>
</div>
</flux:menu.radio.group>
<flux:menu.separator />
<flux:menu.radio.group>
<flux:menu.item :href="route('profile.edit')" icon="cog" wire:navigate>{{ __('Settings') }}</flux:menu.item>
</flux:menu.radio.group>
<flux:menu.separator />
<form method="POST" action="{{ route('logout') }}" class="w-full">
@csrf
<flux:menu.item as="button" type="submit" icon="arrow-right-start-on-rectangle" class="w-full">
{{ __('Log Out') }}
</flux:menu.item>
</form>
</flux:menu>
</flux:dropdown>
</flux:header>
<!-- Mobile Menu -->
<flux:sidebar stashable sticky class="lg:hidden border-e border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900">
<flux:sidebar.toggle class="lg:hidden" icon="x-mark" />
<a href="{{ route('dashboard') }}" class="ms-1 flex items-center space-x-2 rtl:space-x-reverse" wire:navigate>
<x-app-logo />
</a>
<flux:navlist variant="outline">
<flux:navlist.group :heading="__('Platform')">
<flux:navlist.item icon="layout-grid" :href="route('dashboard')" :current="request()->routeIs('dashboard')" wire:navigate>
{{ __('Dashboard') }}
</flux:navlist.item>
</flux:navlist.group>
</flux:navlist>
<flux:spacer />
<flux:navlist variant="outline">
<flux:navlist.item icon="folder-git-2" href="https://github.com/laravel/livewire-starter-kit" target="_blank">
{{ __('Repository') }}
</flux:navlist.item>
<flux:navlist.item icon="book-open-text" href="https://laravel.com/docs/starter-kits#livewire" target="_blank">
{{ __('Documentation') }}
</flux:navlist.item>
</flux:navlist>
</flux:sidebar>
{{ $slot }}
@fluxScripts
</body>
</html>

View file

@ -0,0 +1,132 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
<head>
@include('partials.head')
</head>
<body class="min-h-screen bg-white dark:bg-zinc-800">
<flux:sidebar sticky stashable class="border-e border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900">
<flux:sidebar.toggle class="lg:hidden" icon="x-mark" />
<a href="{{ route('dashboard') }}" class="me-5 flex items-center space-x-2 rtl:space-x-reverse" wire:navigate>
<x-app-logo />
</a>
<flux:navlist variant="outline">
<flux:navlist.group :heading="__('Platform')" class="grid">
<flux:navlist.item icon="home" :href="route('dashboard')" :current="request()->routeIs('dashboard')" wire:navigate>{{ __('Dashboard') }}</flux:navlist.item>
</flux:navlist.group>
</flux:navlist>
<flux:spacer />
<flux:navlist variant="outline">
<flux:navlist.item icon="folder-git-2" href="https://github.com/laravel/livewire-starter-kit" target="_blank">
{{ __('Repository') }}
</flux:navlist.item>
<flux:navlist.item icon="book-open-text" href="https://laravel.com/docs/starter-kits#livewire" target="_blank">
{{ __('Documentation') }}
</flux:navlist.item>
</flux:navlist>
<!-- Desktop User Menu -->
<flux:dropdown class="hidden lg:block" position="bottom" align="start">
<flux:profile
:name="auth()->user()->name"
:initials="auth()->user()->initials()"
icon:trailing="chevrons-up-down"
/>
<flux:menu class="w-[220px]">
<flux:menu.radio.group>
<div class="p-0 text-sm font-normal">
<div class="flex items-center gap-2 px-1 py-1.5 text-start text-sm">
<span class="relative flex h-8 w-8 shrink-0 overflow-hidden rounded-lg">
<span
class="flex h-full w-full items-center justify-center rounded-lg bg-neutral-200 text-black dark:bg-neutral-700 dark:text-white"
>
{{ auth()->user()->initials() }}
</span>
</span>
<div class="grid flex-1 text-start text-sm leading-tight">
<span class="truncate font-semibold">{{ auth()->user()->name }}</span>
<span class="truncate text-xs">{{ auth()->user()->email }}</span>
</div>
</div>
</div>
</flux:menu.radio.group>
<flux:menu.separator />
<flux:menu.radio.group>
<flux:menu.item :href="route('profile.edit')" icon="cog" wire:navigate>{{ __('Settings') }}</flux:menu.item>
</flux:menu.radio.group>
<flux:menu.separator />
<form method="POST" action="{{ route('logout') }}" class="w-full">
@csrf
<flux:menu.item as="button" type="submit" icon="arrow-right-start-on-rectangle" class="w-full">
{{ __('Log Out') }}
</flux:menu.item>
</form>
</flux:menu>
</flux:dropdown>
</flux:sidebar>
<!-- Mobile User Menu -->
<flux:header class="lg:hidden">
<flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left" />
<flux:spacer />
<flux:dropdown position="top" align="end">
<flux:profile
:initials="auth()->user()->initials()"
icon-trailing="chevron-down"
/>
<flux:menu>
<flux:menu.radio.group>
<div class="p-0 text-sm font-normal">
<div class="flex items-center gap-2 px-1 py-1.5 text-start text-sm">
<span class="relative flex h-8 w-8 shrink-0 overflow-hidden rounded-lg">
<span
class="flex h-full w-full items-center justify-center rounded-lg bg-neutral-200 text-black dark:bg-neutral-700 dark:text-white"
>
{{ auth()->user()->initials() }}
</span>
</span>
<div class="grid flex-1 text-start text-sm leading-tight">
<span class="truncate font-semibold">{{ auth()->user()->name }}</span>
<span class="truncate text-xs">{{ auth()->user()->email }}</span>
</div>
</div>
</div>
</flux:menu.radio.group>
<flux:menu.separator />
<flux:menu.radio.group>
<flux:menu.item :href="route('profile.edit')" icon="cog" wire:navigate>{{ __('Settings') }}</flux:menu.item>
</flux:menu.radio.group>
<flux:menu.separator />
<form method="POST" action="{{ route('logout') }}" class="w-full">
@csrf
<flux:menu.item as="button" type="submit" icon="arrow-right-start-on-rectangle" class="w-full">
{{ __('Log Out') }}
</flux:menu.item>
</form>
</flux:menu>
</flux:dropdown>
</flux:header>
{{ $slot }}
@fluxScripts
</body>
</html>

View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_','-',app()->getLocale()) }}">
<x-head/>
<body class="bg-blue-600">
{{ $slot }}
</body>
</html>

View file

@ -0,0 +1,5 @@
@props(['movie'])
<div class="flex flex-col bg-gray-500 w-full h-full">
<img class="object-fill col-span-2" src="{{$movie->poster}}" alt="{{$movie->title}}">
<!-- <span class="text-center p-2">{{$movie->title}}</span> -->
</div>

View file

@ -0,0 +1,23 @@
<div class="flex items-start max-md:flex-col">
<div class="me-10 w-full pb-4 md:w-[220px]">
<flux:navlist>
<flux:navlist.item :href="route('profile.edit')" wire:navigate>{{ __('Profile') }}</flux:navlist.item>
<flux:navlist.item :href="route('user-password.edit')" wire:navigate>{{ __('Password') }}</flux:navlist.item>
@if (Laravel\Fortify\Features::canManageTwoFactorAuthentication())
<flux:navlist.item :href="route('two-factor.show')" wire:navigate>{{ __('Two-Factor Auth') }}</flux:navlist.item>
@endif
<flux:navlist.item :href="route('appearance.edit')" wire:navigate>{{ __('Appearance') }}</flux:navlist.item>
</flux:navlist>
</div>
<flux:separator class="md:hidden" />
<div class="flex-1 self-stretch max-md:pt-6">
<flux:heading>{{ $heading ?? '' }}</flux:heading>
<flux:subheading>{{ $subheading ?? '' }}</flux:subheading>
<div class="mt-5 w-full max-w-lg">
{{ $slot }}
</div>
</div>
</div>

View file

@ -0,0 +1,17 @@
<div class="relative -rotate-6 max-w-72 sm:max-w-96">
<div class="p-2 bg-blue-700 border-2 border-amber-200 -rounded-lg"
style="mask: radial-gradient(circle at left, transparent 10px, black 11px) top left / 51% 100% no-repeat,
radial-gradient(circle at right, transparent 10px, black 11px) top right / 51% 100% no-repeat;">
<div class="p-2 border-2 border-amber-200 m-2">
<h1 class="font-bold font-arial text-2xl text-amber-200">Cinema Corona</h1>
</div>
</div>
<!-- Left Notch -->
<div
class="absolute top-1/2 left-0 -translate-x-1/2 -translate-y-1/2 w-6 h-6 rounded-full border-2 border-amber-200 pointer-events-none [clip-path:inset(0_0_0_50%)]"></div>
<!-- Right Notch-->
<div
class="absolute top-1/2 right-0 translate-x-1/2 -translate-y-1/2 w-6 h-6 rounded-full border-2 border-amber-200 pointer-events-none [clip-path:inset(0_50%_0_0)]"></div>
</div>

View file

@ -0,0 +1,39 @@
<div class="m-5 py-10">
<p class="text-3xl mb-5 text-center">Lists</p>
<div class="bg-gray-800 p-5 flex flex-col gap-5 items-center rounded">
<div class="w-full flex flex-col gap-2">
<h2 class="text-xl font-bold">Add List</h2>
@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 mx-auto" wire:submit.prevent="addList">
<label for="list_name">Name</label>
<div class="flex">
<input name="list_name" class="text-black bg-white p-3 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 justify-between">
@foreach($lists as $list)
<li class="grid grid-cols-2 gap-5 text-center">
<div><a href="/lists/{{$list->id}}" wire:navigate>{{$list->name}}</a></div>
<div>
<label for="is_public">Public</label>
<input name="is_public" type="checkbox" value="is_public" wire:model="form.is_public"/>
</div>
</li>
@endforeach
</ul>
</div>
</div>
</div>

View file

@ -0,0 +1,22 @@
<div class=" text-white pt-5 flex flex-col gap-5">
<h1 class="text-2xl font-bold">{{$list->name}}</h1>
<form wire:submit.prevent="addMovie">
<div class="flex flex-col gap-2">
<label for="query">Enter a movie title</label>
<input wire:model="query" type="text" name="query" class="bg-white text-black"/>
@error('query') <span class="error text-red-500">{{ $message }}</span> @enderror
</div>
<button type="submit">Search</button>
</form>
<ul class="my-5 grid grid-cols-4 gap-5">
@foreach ($movies as $movie)
<li class="bg-gray-200">
<x-movie :movie="$movie"/>
</li>
@endforeach
</ul>
</div>

View file

@ -0,0 +1,5 @@
<div>
<span>Welcome to Movie Night!</span>
<a href="{{url('')}}/reset-password/{{$token}}">Reset your password</a>
</div>

View file

@ -0,0 +1,27 @@
<x-layouts.auth>
<div class="text-2xl">
<h1 class="text-center m-5">Log in</h1>
<form class="flex flex-col gap-5" method="POST" action="{{route("login")}}">
@csrf
@if($errors->any())
<div class="text-red-500">
@foreach($errors->all() as $error)
<p>{{$error}}</p>
@endforeach
</div>
@endif
<div class="flex flex-col">
<label class="py-5" for="email">Email</label>
<input class="bg-white" type="email" name="email" value="{{old("email")}}"/>
</div>
<div class="flex flex-col">
<label class="py-5" for="password">Password</label>
<input class="bg-white" type="password" name="password"/>
</div>
<button type="submit">Submit</button>
</form>
</div>
</x-layouts.auth>

View file

@ -0,0 +1,26 @@
<x-layouts.auth>
<div class="text-2xl">
<h1 class="text-center m-5">Create Account</h1>
<form class="flex flex-col gap-5" wire:submit.prevent="register">
@csrf
@if($errors->any())
<div class="text-red-500">
@foreach($errors->all() as $error)
<p>{{$error}}</p>
@endforeach
</div>
@endif
<div class="flex flex-col">
<label class="py-5" for="username">Username</label>
<input class="bg-white" type="text" name="username" wire:model="form.username"/>
</div>
<div class="flex flex-col">
<label class="py-5" for="email">Email</label>
<input class="bg-white" type="email" name="email" wire:model="form.email"/>
</div>
<button type="submit" class="bg-green-400 text-white px-4 py-2 rounded">Submit</button>
</form>
</div>
</x-layouts.auth>

View file

@ -0,0 +1,43 @@
<div class="text-2xl">
<h1 class="text-center m-5">Reset Password</h1>
<form class="flex flex-col gap-5" wire:submit.prevent="resetPassword">
@csrf
@if($errors->any())
<div class="text-red-500">
@foreach($errors->all() as $error)
<p>{{$error}}</p>
@endforeach
</div>
@endif
<div class="flex flex-col">
<label class="py-5" for="email">Email</label>
<input
class="bg-white"
type="email"
name="email"
wire:model="form.email"
/>
</div>
<div class="flex flex-col">
<label class="py-5" for="password">Password</label>
<input
class="bg-white"
type="password"
name="password"
wire:model="form.password"
/>
</div>
<div class="flex flex-col">
<label class="py-5" for="password_confirmation">Confirm Password</label>
<input
class="bg-white"
type="password"
name="password_confirmation"
wire:model="form.password_confirmation"
/>
</div>
<button type="submit">Submit</button>
</form>
</div>

View file

@ -0,0 +1,5 @@
<x-layouts.app>
<div class="text-white text-2xl m-5">
<h1>Home</h1>
</div>
</x-layouts.app>

View file

@ -0,0 +1,6 @@
<x-layouts.app>
<h1>Lists</h1>
<div class="text-white text-2xl">
<livewire:movie-lists/>
</div>
</x-layouts.app>

View file

@ -0,0 +1,5 @@
<div class="text-white text-2xl">
<h1>{{$count}}</h1>
<button wire:click="increment">+</button>
<button wire:click="decrement">-</button>
</div>