@extends('layouts.app')
@section('title', 'Login - Movex Canada Procurement')
@section('content')
<div class="auth-wrap">
    <div class="auth-card">
        <h1 class="auth-title">Movex Canada Procurement Login</h1>
        <p class="muted">Login as a procurement administrator or departmental user. Registration creates departmental user accounts only.</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>procureadmin@movex-ca.test</strong> / <strong>MovexProcure@2026</strong><br>
            Users: <strong>procureuser1@movex-ca.test</strong>, <strong>procureuser2@movex-ca.test</strong>, <strong>procureuser3@movex-ca.test</strong> / <strong>MovexProcure@2026</strong>
        </div>
    </div>
</div>
@endsection