<?php /** @var array $appt; @var ?array $customer; @var string $action */ ?>
<section class="pt-32 pb-20 max-w-xl mx-auto px-6 text-center">
  <?php if ($action === 'approved'): ?>
    <div class="text-6xl mb-6">✅</div>
    <h1 class="text-3xl md:text-4xl font-display"><?= e(t('reschedule.approved_title')) ?></h1>
    <p class="mt-4 text-bone/60 text-lg"><?= e(t('reschedule.approved_body')) ?></p>
    <div class="mt-8 bg-ink/40 border border-gold/30 rounded-xl p-6 text-left">
      <div class="text-xs uppercase tracking-widest text-gold mb-2"><?= e(t('reschedule.new_time')) ?></div>
      <div class="text-xl font-medium">
        <?= !empty($appt['start_at']) ? e((new DateTimeImmutable($appt['start_at']))->format('l, F j · g:i A')) : '—' ?>
      </div>
    </div>
    <p class="mt-6 text-bone/50 text-sm"><?= e(t('reschedule.approved_note')) ?></p>
  <?php else: ?>
    <div class="text-6xl mb-6">📅</div>
    <h1 class="text-3xl md:text-4xl font-display"><?= e(t('reschedule.rejected_title')) ?></h1>
    <p class="mt-4 text-bone/60 text-lg"><?= e(t('reschedule.rejected_body')) ?></p>
    <p class="mt-6 text-bone/50 text-sm"><?= e(t('reschedule.rejected_note')) ?></p>
  <?php endif; ?>
  <a href="<?= url('/') ?>" class="btn-gold mt-10 inline-block"><?= e(t('nav.home')) ?></a>
</section>
