49 lines
2.1 KiB
PHP
49 lines
2.1 KiB
PHP
<x-layout title="Login">
|
|
<section
|
|
class="bg-linear-135 h-screen from-[#EFF6FF] to-[#FCF3F8] flex flex-col justify-center items-center wrapper">
|
|
<div class="mb-12 self-start">
|
|
<a href="{{route('home')}}" class="flex hover:underline">
|
|
<x-heroicon-o-arrow-left class="w-4 mr-2"/>
|
|
Back to Home
|
|
</a>
|
|
</div>
|
|
<x-ui.card class="sm:w-96 w-full">
|
|
<div class="flex flex-col items-center space-y-5">
|
|
<x-logo class="w-fit"/>
|
|
<h1 class="font-bold text-2xl">Welcome Back</h1>
|
|
<p class=" text-accent-600 text-sm">Sign in to your {{config('app.name')}} account</p>
|
|
</div>
|
|
|
|
@session('error')
|
|
<x-ui.alert variant="error">
|
|
{{$value}}
|
|
</x-ui.alert>
|
|
@endsession
|
|
|
|
@session('success')
|
|
<x-ui.alert variant="success">
|
|
{{$value}}
|
|
</x-ui.alert>
|
|
@endsession
|
|
|
|
<form action="{{route('login.store')}}" method="post" class="flex flex-col space-y-5">
|
|
@csrf
|
|
<x-ui.input label="Email" name="email" type="email" placeholder="you@example.com"/>
|
|
<x-ui.input label="Password" name="password" type="password"/>
|
|
<div class="flex flex-col md:flex-row md:justify-between space-y-4">
|
|
<div class="flex items-center space-x-2">
|
|
<x-ui.input type="checkbox" name="remember_me"/>
|
|
<label class="text-sm font-bold text-accent-600">Remember me</label>
|
|
</div>
|
|
<a class="text-blue-500 font-bold text-sm" href="{{route('password.reset.show')}}">Forgot password?</a>
|
|
</div>
|
|
<x-ui.button variant="neutral">Sign In</x-ui.button>
|
|
</form>
|
|
|
|
<p class="text-center text-accent-600 text-xs">Don't have an account?
|
|
<a href="{{route('register.create')}}" class="text-blue-500 font-bold">Sign Up</a>
|
|
</p>
|
|
</x-ui.card>
|
|
</section>
|
|
</x-layout>
|