@extends('layouts.auth')

@section('title', 'Log in')

@section('content')
<h1 class="display text-3xl">Welcome back.</h1>
<p class="mt-3 text-sm" style="color: var(--ink-soft);">
    New here?
    <a href="{{ route('register') }}" class="font-semibold underline decoration-2 underline-offset-4" style="color: var(--stencil);">Set up your studio</a>
</p>

@if(session('status'))
    <div class="mt-7 border-l-2 pl-4 py-1" style="border-color: var(--good);">
        <p class="text-sm font-semibold" style="color: var(--good);">{{ session('status') }}</p>
    </div>
@endif

@if($errors->any())
    <div class="mt-7 border-l-2 pl-4 py-1" style="border-color: var(--bad);">
        <ul class="space-y-1 text-sm" style="color: var(--bad);">
            @foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach
        </ul>
    </div>
@endif

<form method="POST" action="{{ route('crm.login') }}" class="mt-8 space-y-5">
    @csrf

    <div>
        <label for="email" class="field-label">Email</label>
        <input id="email" type="email" name="email" value="{{ old('email') }}" required
               autocomplete="email" autofocus class="field">
    </div>

    <div>
        <label for="password" class="field-label">Password</label>
        <input id="password" type="password" name="password" required
               autocomplete="current-password" class="field">
    </div>

    <div class="flex items-center justify-between">
        <label for="remember" class="flex items-center gap-2 text-sm" style="color: var(--ink-soft);">
            <input id="remember" type="checkbox" name="remember" class="size-4 rounded-none border" style="border-color: var(--rule); accent-color: var(--stencil);">
            Stay signed in
        </label>
        <a href="{{ route('password.request') }}" class="text-sm font-medium underline decoration-2 underline-offset-4" style="color: var(--ink-soft);">
            Forgot password?
        </a>
    </div>

    <button type="submit" class="btn btn-primary w-full">Log in</button>
</form>
@endsection