<?php /** @var array $state */ $step = 3; include __DIR__ . '/_wizard-shell.php'; $gi = $state['general_info'] ?? []; ?>
<section class="max-w-3xl mx-auto px-6 pb-28">
  <h2 class="text-2xl font-display mb-6"><?= e(t('booking.step_3.title')) ?></h2>
  <form method="POST" action="<?= url('/book/step/3') ?>" class="grid grid-cols-2 gap-4">
    <?= csrf_field() ?>
    <div><label class="label"><?= e(t('form.first_name')) ?> *</label><input name="first_name" required value="<?= e($gi['first_name'] ?? '') ?>" class="input"></div>
    <div><label class="label"><?= e(t('form.last_name')) ?> *</label><input name="last_name" required value="<?= e($gi['last_name'] ?? '') ?>" class="input"></div>
    <div><label class="label"><?= e(t('form.email')) ?> *</label><input name="email" type="email" required value="<?= e($gi['email'] ?? '') ?>" class="input"></div>
    <div><label class="label"><?= e(t('form.phone')) ?> *</label><input name="phone" required value="<?= e($gi['phone'] ?? '') ?>" class="input"></div>
    <div class="col-span-2"><label class="label"><?= e(t('form.address')) ?></label><input name="address" value="<?= e($gi['address'] ?? '') ?>" class="input"></div>
    <div><label class="label"><?= e(t('form.city')) ?></label><input name="city" value="<?= e($gi['city'] ?? '') ?>" class="input"></div>
    <div class="grid grid-cols-2 gap-4">
      <div><label class="label"><?= e(t('form.state')) ?></label><input name="state" value="<?= e($gi['state'] ?? '') ?>" class="input"></div>
      <div><label class="label"><?= e(t('form.zip')) ?></label><input name="zip" value="<?= e($gi['zip'] ?? '') ?>" class="input"></div>
    </div>
    <div class="col-span-2 flex items-center justify-between mt-6">
      <a href="<?= url('/book/step/2') ?>" class="text-sm text-bone/50 hover:text-bone">← <?= e(t('booking.back')) ?></a>
      <button class="btn-gold"><?= e(t('booking.next')) ?> →</button>
    </div>
  </form>
</section>
