@extends('layouts.app')

@section('content')
<div style="max-width: 440px; margin: 40px auto;">
    <div class="card">
        <div class="card-header" style="text-align: center; display: block;">
            <h2 class="card-title" style="font-size: 24px;">Welcome Back</h2>
            <p class="page-subtitle">Sign in to SimStudio</p>
        </div>

        <form method="POST" action="{{ route('login') }}">
            @csrf

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

            <div class="form-group">
                <label class="form-label" for="password">Password</label>
                <input id="password" class="form-control" type="password" name="password" required />
            </div>

            <div class="form-group" style="display: flex; align-items: center; gap: 8px;">
                <input type="checkbox" id="remember_me" name="remember">
                <label for="remember_me" style="font-size: 14px; color: var(--text-dim);">Remember me</label>
            </div>

            <button type="submit" class="btn btn-primary" style="width: 100%; padding: 12px;">
                Sign In
            </button>
        </form>
    </div>
</div>
@endsection