@extends('layouts.app')
@section('content')
<div class="auth-page">
    <div class="auth-card">
        <div class="auth-logo">HR</div>
        <h1>Movex Canada HR CRM</h1>
        <p class="muted">Login to manage HR, payroll, attendance, documents, leave and staff support.</p>
        @include('layouts.flash')
        <form method="POST" action="{{ route('login.post') }}">
            @csrf
            <div class="field"><label>Email</label><input class="input" type="email" name="email" value="{{ old('email') }}" required autofocus></div>
            <div class="field"><label>Password</label><input class="input" type="password" name="password" required></div>
            <label class="small"><input type="checkbox" name="remember" value="1"> Remember me</label>
            <button class="btn" style="width:100%;margin-top:14px">Login</button>
        </form>
        <div class="help small"><strong>Seeded admin:</strong> hradmin@movex-ca.test / password123<br><strong>Seeded users:</strong> emma@movex-ca.test, sarah@movex-ca.test, daniel@movex-ca.test / password123</div>
        <p class="muted">New employee? <a href="{{ route('register') }}" style="color:var(--green);font-weight:800">Register user account</a></p>
    </div>
</div>
@endsection
