@extends('layouts.app')
@section('content')
<div class="auth-page">
    <div class="card auth-card">
        <div class="brand"><div class="logo">{{ $financeCurrencySymbol }}</div><div><h1>Movex Canada Finance</h1><p>Canadian admin and user finance portal</p></div></div>
        @include('partials.flash')
        <form method="POST" action="{{ route('login.post') }}" class="grid">
            @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>
            <label><input type="checkbox" name="remember" value="1"> Remember me</label>
            <button class="btn" type="submit">Login</button>
        </form>
        <div class="grid" style="margin-top:14px">
            <a class="btn btn-light" href="{{ route('register') }}" style="text-align:center">Register New User</a>
        </div>
        <p class="footer-note">No account yet? Use the registration button above or open <strong>/register</strong>, <strong>/signup</strong>, or <strong>/user-register</strong>. Admin role is assigned manually from database or by existing admin.</p>
    </div>
</div>
@endsection