<div class="auth-wrapper">
    <div class="auth-card">
        <a class="auth-logo" href="<?= url('/') ?>" aria-label="FleetLume home">
            <img src="<?= asset('images/fleetlume-logo-horizontal.png') ?>" alt="FleetLume" width="290" height="70">
        </a>

        <p class="eyebrow">Secure portal access</p>
        <h1>Welcome back</h1>
        <p class="muted">Sign in to manage dispatch, drivers, fleet, border operations, documents, accounting, and reporting.</p>

        <?php require app_path('Views/partials/flash.php'); ?>

        <form method="post" action="<?= url('/login') ?>" class="form-stack">
            <?= csrf_field() ?>
            <label>
                <span>Email</span>
                <input type="email" name="email" value="<?= e(old('email')) ?>" placeholder="name@company.com" autocomplete="username" required>
            </label>
            <label>
                <span>Password</span>
                <input type="password" name="password" placeholder="Enter your password" autocomplete="current-password" required>
            </label>
            <button class="btn btn-primary btn-block" type="submit">Sign in</button>
        </form>

        <div class="auth-help">
            <span>Access is managed by your company administrator.</span>
            <a href="<?= url('/') ?>">Return to FleetLume</a>
        </div>
    </div>

    <div class="auth-hero">
        <div class="hero-panel">
            <p class="eyebrow">One connected control center</p>
            <h2>Every load, mile, document, and dollar in view.</h2>
            <div class="hero-grid">
                <div><strong>Dispatch</strong><span>Loads and schedules</span></div>
                <div><strong>Tracking</strong><span>Driver and trip visibility</span></div>
                <div><strong>Borders</strong><span>Crossing workflows</span></div>
                <div><strong>Finance</strong><span>Invoices and accounting</span></div>
            </div>
        </div>
    </div>
</div>
