@extends('layouts.app')
@section('title', 'Login - Procurement Portal')
@section('content')
<div class="auth-wrap">
    <div class="auth-card">
        <h1 class="auth-title">Procurement Login</h1>
        <p class="muted">Login as admin or user. Registration creates user accounts only. Admin role is changed manually in the database, because apparently humans still enjoy dangerous buttons.</p>
        @include('layouts.partials.messages')
        <form method="POST" action="{{ route('login.store') }}">
            @csrf
            <div class="field"><label>Email</label><input type="email" name="email" value="{{ old('email') }}" required autofocus></div>
            <div class="field"><label>Password</label><input type="password" name="password" required></div>
            <div class="field"><label><input style="width:auto" type="checkbox" name="remember" value="1"> Remember me</label></div>
            <button class="btn" type="submit">Login</button>
            <a class="btn light" href="{{ route('register') }}">Register as User</a>
        </form>
        <div class="notice" style="margin-top:18px">
            Seed login examples after migration:<br>
            Admin: <strong>admin@procure.test</strong> / <strong>Password@123</strong><br>
            Users: <strong>user1@procure.test</strong>, <strong>user2@procure.test</strong>, <strong>user3@procure.test</strong> / <strong>Password@123</strong>
        </div>
    </div>
</div>
@endsection