@extends('layouts.app')
@section('title', __('Sign in'))
@section('content')
<div class="mx-auto max-w-md rounded-[40px] border border-surface-variant bg-white p-8 shadow-soft">
    <h1 class="text-3xl font-extrabold text-primary">{{ __('Welcome back') }}</h1>
    <form method="POST" action="{{ route('login.store') }}" class="mt-6 space-y-4">@csrf
        <x-field name="login" :label="__('Email or phone')" required autocomplete="username"/>
        <x-field name="password" type="password" :label="__('Password')" required autocomplete="current-password" value=""/>
        <label class="flex min-h-[44px] items-center gap-3 text-sm"><input type="checkbox" name="remember" class="h-4 w-4 accent-[#1a3627]"> {{ __('Keep me signed in') }}</label>
        <x-btn type="submit" block>{{ __('Sign in') }}</x-btn>
    </form>
    <p class="mt-6 text-center text-sm text-on-surface-variant">{{ __('New here?') }} <a href="{{ route('register') }}" class="font-bold text-primary underline">{{ __('Create an account') }}</a></p>
</div>
@endsection