<div class="auth-page">
<div class="auth-box">

    <div class="auth-icon">👋</div>
    <div class="auth-title">Create Account</div>
    <div class="auth-sub">Join <?= e($shopSettings['restaurant_name'] ?? APP_NAME) ?> and start ordering</div>

    <div class="auth-card">
        <form method="POST" action="<?= url('shop/register') ?>">
            <?= csrf_field() ?>

            <div class="auth-input-group">
                <label class="form-label">Full Name</label>
                <input type="text" name="name" class="form-control" placeholder="Ahmed Khan" required autofocus>
            </div>
            <div class="auth-input-group">
                <label class="form-label">Phone Number</label>
                <input type="tel" name="phone" class="form-control" placeholder="03xx-xxxxxxx">
            </div>
            <div class="auth-input-group">
                <label class="form-label">Email Address</label>
                <input type="email" name="email" class="form-control" placeholder="you@example.com" required>
            </div>
            <div class="auth-input-group">
                <label class="form-label">Password</label>
                <input type="password" name="password" class="form-control" placeholder="Min 6 characters" required minlength="6">
            </div>
            <div class="auth-input-group">
                <label class="form-label">Confirm Password</label>
                <input type="password" name="confirm_password" class="form-control" placeholder="Repeat password" required>
            </div>

            <button type="submit" class="auth-submit">
                <i class="bi bi-person-check"></i> Create Account
            </button>
        </form>

        <div class="auth-footer">
            Already have an account? <a href="<?= url('shop/login') ?>">Sign in</a>
        </div>
    </div>

</div>
</div>
