bowler/src/resources/views/auth/login.blade.php

41 lines
1.9 KiB
PHP

@extends('layouts.app')
@section('title', 'Log in — ' . config('app.name'))
@section('content')
<div class="mx-auto max-w-md rounded-lg border border-gray-200 bg-white p-8">
<h1 class="mb-6 text-2xl font-bold">Log in</h1>
<form method="POST" action="{{ route('login.attempt') }}">
@csrf
<div class="mb-4">
<label for="email" class="mb-1 block font-semibold">Email</label>
<input id="email" type="email" name="email" value="{{ old('email') }}" required autofocus autocomplete="username"
class="w-full rounded-md border border-gray-300 px-3 py-2 focus:border-secondary focus:outline-none focus:ring-2 focus:ring-secondary/40">
@error('email')
<p class="mt-1 text-sm text-red-700">{{ $message }}</p>
@enderror
</div>
<div class="mb-4">
<label for="password" class="mb-1 block font-semibold">Password</label>
<input id="password" type="password" name="password" required autocomplete="current-password"
class="w-full rounded-md border border-gray-300 px-3 py-2 focus:border-secondary focus:outline-none focus:ring-2 focus:ring-secondary/40">
@error('password')
<p class="mt-1 text-sm text-red-700">{{ $message }}</p>
@enderror
</div>
<div class="mb-6">
<label class="inline-flex items-center gap-2">
<input type="checkbox" name="remember" value="1" class="rounded border-gray-300">
Remember me
</label>
</div>
<button type="submit" class="w-full cursor-pointer rounded-md bg-primary px-4 py-2 font-medium text-white hover:bg-primary-hover">Log in</button>
</form>
</div>
@endsection