<?php use App\Core\Csrf; ?>
<div class="auth-card register-card card-modern p-4">
    <div class="text-center mb-4">
        <div class="mx-auto bg-primary text-white rounded-4 d-inline-flex align-items-center justify-content-center fw-bold" style="width:64px;height:64px;">BQ</div>
        <h1 class="h3 mt-3 mb-1">Create your workspace</h1>
        <p class="text-muted mb-0">Start with a 14-day trial. No payment captured yet.</p>
    </div>
    <form method="post" action="<?= url('/register') ?>" data-register-pricing>
        <?= Csrf::input() ?>
        <div class="register-form-grid mb-4">
            <div>
                <label class="form-label">Plan</label>
                <select name="plan_code" class="form-select form-select-lg" data-register-plan>
                    <?php foreach (($plans ?? []) as $plan): ?>
                        <?php $selectedCycle = ($selectedBillingCycle ?? 'monthly') === 'annual' ? 'annual' : 'monthly'; ?>
                        <option
                            value="<?= e($plan['code']) ?>"
                            data-plan-name="<?= e($plan['name']) ?>"
                            data-monthly-price="<?= e(subscription_money($plan['monthly_price'])) ?>"
                            data-annual-price="<?= e(subscription_money($plan['annual_price'])) ?>"
                            <?= ($selectedPlanCode ?? '') === $plan['code'] ? 'selected' : '' ?>
                        >
                            <?= e($plan['name']) ?> - <?= e(subscription_money($selectedCycle === 'annual' ? $plan['annual_price'] : $plan['monthly_price'])) ?>/<?= $selectedCycle === 'annual' ? 'yr' : 'mo' ?>
                        </option>
                    <?php endforeach; ?>
                </select>
            </div>
            <div>
                <label class="form-label">Billing cycle</label>
                <select name="billing_cycle" class="form-select form-select-lg" data-register-billing-cycle>
                    <option value="monthly" <?= ($selectedBillingCycle ?? 'monthly') === 'monthly' ? 'selected' : '' ?>>Monthly</option>
                    <option value="annual" <?= ($selectedBillingCycle ?? '') === 'annual' ? 'selected' : '' ?>>Annual</option>
                </select>
            </div>
            <div>
                <label class="form-label">Your name</label>
                <input name="owner_name" class="form-control form-control-lg" required autofocus>
            </div>
            <div>
                <label class="form-label">Company name</label>
                <input name="company_name" class="form-control form-control-lg" required>
            </div>
            <div>
                <label class="form-label">Work email</label>
                <input type="email" name="email" class="form-control form-control-lg" required>
            </div>
            <div>
                <label class="form-label">Phone / WhatsApp</label>
                <input name="phone" class="form-control form-control-lg">
            </div>
            <div>
                <label class="form-label">Password</label>
                <input type="password" name="password" class="form-control form-control-lg" minlength="8" required>
            </div>
            <div>
                <label class="form-label">Confirm password</label>
                <input type="password" name="password_confirm" class="form-control form-control-lg" minlength="8" required>
            </div>
        </div>
        <button class="btn btn-primary btn-lg w-100">Create Trial Account</button>
    </form>
    <p class="text-center text-muted mt-3 mb-2">Want setup help? <a href="<?= support_url('Hi, I want help setting up my BizQuote Pro trial.') ?>">Book setup help</a></p>
    <p class="text-center text-muted mb-2">Already have an account? <a href="<?= url('/login') ?>">Log in</a></p>
    <p class="text-center text-muted mb-0"><small>By creating an account you agree to the <a href="<?= url('/terms') ?>">Terms</a> and <a href="<?= url('/privacy') ?>">Privacy Policy</a>.</small></p>
</div>


