init lang + login/register page

lang/en.json

@@ -0,0 +1,15 @@
+{
+    "auth.login": "Login",
+    "auth.logout": "Logout",
+    "auth.register": "Register",
+    "auth.registration_disabled": "Registration is disabled.",
+    "auth.reset_password": "Reset Password",
+    "auth.failed": "These credentials do not match our records.",
+    "auth.failed.password": "The provided password is incorrect.",
+    "auth.failed.email": "We can't find a user with that e-mail address.",
+    "auth.throttle": "Too many login attempts. Please try again in :seconds seconds.",
+    "input.name": "Name",
+    "input.email": "Email",
+    "input.password": "Password",
+    "input.password.again": "Password Again"
+}

resources/views/auth/login.blade.php

@@ -1,27 +1,30 @@
-<x-layout>
+<x-layout-simple>
-    <div>v{{ config('version') }}</div>
+    <div class="flex items-center justify-center h-screen">
-    <a href="/login">Login</a>
-    @if ($is_registration_enabled)
-        <a href="/register">Register</a>
-    @else
-        <span>Registration disabled</span>
-    @endif
         <div>
-        <form action="/login" method="POST">
+            <div>
+                <form action="/login" method="POST" class="flex flex-col gap-2">
                     @csrf
-            <input type="text" name="email" placeholder="email" @env('local') value="test@example.com" @endenv
+                    <input type="email" name="email" placeholder="{{ __('input.email') }}"
-                autofocus />
+                        @env('local') value="test@example.com" @endenv autofocus />
-            <input type="password" name="password" placeho lder="Password" @env('local') value="password" @endenv />
+                    <input type="password" name="password" placeholder="{{ __('input.password') }}"
-            <x-inputs.button type="submit">Login</x-inputs.button>
+                        @env('local') value="password" @endenv />
+                    <x-inputs.button isBold type="submit">{{ __('auth.login') }}</x-inputs.button>
                 </form>
                 @if ($errors->any())
                     <div class="alert alert-danger">
                         <ul>
-                    @foreach ($errors->all() as $error)
+                            <li>{{ __('auth.failed') }}</li>
-                        <li>{{ $error }}</li>
-                    @endforeach
                         </ul>
                     </div>
                 @endif
             </div>
-</x-layout>
+            @if ($is_registration_enabled)
+                <a href="/register" class="flex justify-center pt-2">
+                    <button>{{ __('auth.register') }}</button>
+                </a>
+            @else
+                <div>{{ __('auth.registration_disabled') }}</div>
+            @endif
+        </div>
+    </div>
+</x-layout-simple>

resources/views/auth/register.blade.php

@@ -1,23 +1,28 @@
-<x-layout>
+<x-layout-simple>
-    <div>v{{ config('version') }}</div>
+    <div class="flex items-center justify-center h-screen">
-    <a href="/login">Login</a>
+        <div>
-    <a href="/register">Register</a>
+            <form action="/register" method="POST" class="flex flex-col gap-2">
-    <form action="/register" method="POST">
                 @csrf
-        <input type="text" name="name" placeholder="name" @env('local') value="Root" @endenv />
+                <input type="text" name="name" placeholder="{{ __('input.name') }}"
-        <input type="text" name="email" placeholder="email" @env('local') value="test@example.com" @endenv />
+                    @env('local') value="root" @endenv />
-        <input type="password" name="password" placeholder="Password" @env('local') value="password" @endenv />
+                <input type="email" name="email" placeholder="{{ __('input.email') }}"
-        <input type="password" name="password_confirmation" placeholder="Password"
+                    @env('local') value="test@example.com" @endenv />
+                <input type="password" name="password" placeholder="{{ __('input.password') }}"
                     @env('local') value="password" @endenv />
-        <x-inputs.button type="submit">Register</x-inputs.button>
+                <input type="password" name="password_confirmation" placeholder="{{ __('input.password.again') }}"
+                    @env('local') value="password" @endenv />
+                <x-inputs.button isBold type="submit">{{ __('auth.register') }}</x-inputs.button>
             </form>
             @if ($errors->any())
                 <div class="alert alert-danger">
                     <ul>
-                @foreach ($errors->all() as $error)
+                        <li>{{ __('auth.failed') }}</li>
-                    <li>{{ $error }}</li>
-                @endforeach
                     </ul>
                 </div>
             @endif
-</x-layout>
+            <a href="/login" class="flex justify-center pt-2">
+                <button>{{ __('auth.login') }}</button>
+            </a>
+        </div>
+    </div>
+</x-layout-simple>

resources/views/components/layout-simple.blade.php

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="preconnect" href="https://api.fonts.coollabs.io" crossorigin>
+    <link href="https://api.fonts.coollabs.io/css2?family=Inter&display=swap" rel="stylesheet">
+    @env('local')
+    <title>Coolify - localhost</title>
+    @endenv
+    @env('production')
+    <title>{{ $title ?? 'Coolify' }}</title>
+    @endenv
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+    @vite(['resources/js/app.js', 'resources/css/app.css'])
+    <style>
+        [x-cloak] {
+            display: none !important;
+        }
+    </style>
+</head>
+
+<body>
+    <main>
+        {{ $slot }}
+    </main>
+    <a
+        class="fixed text-xs cursor-pointer left-2 bottom-1 opacity-20 hover:opacity-100 hover:text-white">v{{ config('version') }}</a>
+</body>
+
+</html>

resources/views/components/layout.blade.php

@@ -23,8 +23,7 @@
 </head>
 
 <body>
-    <a
+
-        class="fixed text-xs cursor-pointer left-2 bottom-1 opacity-20 hover:opacity-100 hover:text-white">v{{ config('version') }}</a>
     @livewireScripts
 
     @auth
@@ -33,7 +32,8 @@
     <main class="max-w-6xl pt-10 mx-auto">
         {{ $slot }}
     </main>
-
+    <a
+        class="fixed text-xs cursor-pointer left-2 bottom-1 opacity-20 hover:opacity-100 hover:text-white">v{{ config('version') }}</a>
     @auth
         <script>
             window.addEventListener("keydown", function(event) {