@php
    $bride = $invitation->bride ?? [
        'name' => 'Citra Maharani',
        'nickname' => 'Citra',
        'parents' => 'Bapak Bambang & Ibu Ratna',
        'photo' => $invitation->bride_photo_url ?? ($invitation->bride_photo ?? asset('templates/vip/exclusive07/images/bride.jpg')),
        'instagram' => $invitation->bride_instagram ?? '@citramaharani',
    ];
    $groom = $invitation->groom ?? [
        'name' => 'Adit Pratama',
        'nickname' => 'Adit',
        'parents' => 'Bapak Hendra & Ibu Rina',
        'photo' => $invitation->groom_photo_url ?? ($invitation->groom_photo ?? asset('templates/vip/exclusive07/images/groom.jpg')),
        'instagram' => $invitation->groom_instagram ?? '@aditpratama',
    ];
    $coverPhoto = $invitation->cover_photo ?? ($invitation->hero_photo_url ?? asset('templates/vip/exclusive07/images/cover.jpg'));

    $events = $invitation->events ?? [
        [
            'title' => 'Akad Nikah',
            'date' => '2026-12-20',
            'start_time' => '08:00',
            'end_time' => '10:00',
            'timezone' => 'WIB',
            'venue' => 'Gedung Serbaguna Melati',
            'address' => 'Gedung Serbaguna Melati, Jakarta',
            'maps_url' => 'https://maps.google.com',
        ],
        [
            'title' => 'Resepsi',
            'date' => '2026-12-20',
            'start_time' => '11:00',
            'end_time' => '14:00',
            'timezone' => 'WIB',
            'venue' => 'Gedung Serbaguna Melati',
            'address' => 'Gedung Serbaguna Melati, Jakarta',
            'maps_url' => 'https://maps.google.com',
        ],
    ];
    $primaryEvent = $events[0] ?? null;
    $eventDate = $primaryEvent['date'] ?? '2026-12-20';
    $eventTime = $primaryEvent['start_time'] ?? '08:00';
    $carbonDate = \Carbon\Carbon::parse($eventDate);
    $formattedDate = $carbonDate->locale('id')->isoFormat('dddd · D · MMMM · Y');

    $galleries = $invitation->gallery ?? ($invitation->gallery_photos ?? [
        asset('templates/vip/exclusive07/images/gallery-01.jpg'),
        asset('templates/vip/exclusive07/images/gallery-02.jpg'),
        asset('templates/vip/exclusive07/images/gallery-03.jpg'),
        asset('templates/vip/exclusive07/images/gallery-04.jpg'),
        asset('templates/vip/exclusive07/images/gallery-05.jpg'),
        asset('templates/vip/exclusive07/images/gallery-06.jpg'),
    ]);

    $rawBankAccounts = !empty($invitation->bank_accounts) ? $invitation->bank_accounts : (!empty($invitation->gifts) ? $invitation->gifts : null);
    if (empty($rawBankAccounts) && !empty($invitation->bank_name)) {
        $rawBankAccounts = [
            [
                'bank_name' => $invitation->bank_name,
                'bank' => $invitation->bank_name,
                'account_number' => $invitation->bank_account ?? '',
                'number' => $invitation->bank_account ?? '',
                'account_holder' => $invitation->bank_holder ?? 'Mempelai',
                'name' => $invitation->bank_holder ?? 'Mempelai',
            ]
        ];
    }
    $gifts = !empty($rawBankAccounts) ? $rawBankAccounts : [
        [
            'bank_name' => 'BCA',
            'bank' => 'BCA',
            'account_number' => '1234567890',
            'number' => '1234567890',
            'account_holder' => 'Adit Pratama',
            'name' => 'Adit Pratama',
        ],
        [
            'bank_name' => 'MANDIRI',
            'bank' => 'MANDIRI',
            'account_number' => '9876543210',
            'number' => '9876543210',
            'account_holder' => 'Citra Maharani',
            'name' => 'Citra Maharani',
        ],
    ];
    $hasGifts = !empty($gifts) || !empty($invitation->qris_image_url) || !empty($invitation->qris_image);

    $stories = $invitation->stories ?? [
        [
            'year' => '2018',
            'title' => 'Pertemuan',
            'story' => 'Sebuah pertemuan sederhana membuka lembar pertama kisah kami.',
        ],
        [
            'year' => '2020',
            'title' => 'Saling Mengenal',
            'story' => 'Kami belajar memahami dan tumbuh bersama.',
        ],
        [
            'year' => '2024',
            'title' => 'Sebuah Janji',
            'story' => 'Dengan keyakinan dan doa, kami memutuskan melangkah bersama.',
        ],
        [
            'year' => '2026',
            'title' => 'Selamanya Dimulai',
            'story' => 'Dua cerita menjadi satu perjalanan menuju masa depan.',
        ],
    ];

    $defaultQuoteText = 'Dan di antara tanda-tanda kekuasaan-Nya ialah Dia menciptakan untukmu pasangan hidup ... supaya kamu mendapat ketenangan hati dan dijadikan-Nya kasih sayang di antara kamu.';
    $defaultQuoteSource = 'QS. Ar-Rum : 21';
    $quoteText = !empty($invitation->quote) ? $invitation->quote : $defaultQuoteText;
    $quoteSource = !empty($invitation->quote_author) ? $invitation->quote_author : $defaultQuoteSource;

    $wishes = $invitation->wishes ?? [
        (object)[
            'name' => 'Keluarga Besar',
            'attendance' => 'Hadir',
            'message' => 'Selamat menempuh hidup baru untuk Adit & Citra, semoga menjadi keluarga sakinah mawaddah warahmah.',
            'created_at' => now()->subHours(2),
        ],
    ];

    $isDemoMode = request()->routeIs('template.demo*') || request()->is('demo/*') || !empty($invitation->is_demo);
    $liveUrl = $isDemoMode 
        ? route('template.demo.live', $template->slug ?? 'exclusive07') 
        : (!empty($invitation->slug) ? route('invitation.live', $invitation->slug) : '#');
    if ($guestName ?? null) {
        $liveUrl .= (str_contains($liveUrl, '?') ? '&' : '?') . 'to=' . urlencode($guestName);
    }
@endphp
<!doctype html>
<html lang="id">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>{{ $groom['nickname'] ?? 'Adit' }} &amp; {{ $bride['nickname'] ?? 'Citra' }} | Janoer Koening</title>
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500&family=Italianno&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="{{ asset('templates/vip/exclusive07/css/style.css') }}">
  <style>
    .music.rotating {
      animation: spinMusic 4s linear infinite;
    }
    @keyframes spinMusic {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }
    .gift-box-wrapper.hidden {
      display: none !important;
    }
  </style>
</head>
<body class="locked">
  @include('templates.partials.preview-banner')

  <!-- COVER SECTION -->
  <section class="cover" id="cover">
    <div class="cover-inner">
      <p class="eyebrow">THE WEDDING CELEBRATION OF</p>
      <div class="monogram">{{ substr($groom['nickname'] ?? 'A', 0, 1) }} <i>&amp;</i> {{ substr($bride['nickname'] ?? 'C', 0, 1) }}</div>
      <div class="hero-photo">
        <img src="{{ $coverPhoto }}" alt="Foto Mempelai">
      </div>
      <div class="script">{{ $groom['nickname'] ?? 'Adit' }} &amp; {{ $bride['nickname'] ?? 'Citra' }}</div>
      <p class="date">{{ strtoupper($formattedDate) }}</p>
      <p>
        Kepada Yth.<br>
        <b style="font-size: 18px; color: #dfcda6; display: inline-block; margin-top: 4px;">{{ $guestName ?? 'Bapak/Ibu/Saudara/i' }}</b>
      </p>
      <button class="btn gold" id="open" type="button">Buka Undangan</button>
      <p class="brand">Janoer Koening</p>
    </div>
  </section>

  <!-- AUDIO PLAYER & FLOATING BUTTON -->
  @if(!empty($invitation->audio_url))
  <audio id="music" loop preload="auto">
    <source src="{{ $invitation->audio_url }}" type="audio/mpeg">
  </audio>
  <button class="music" id="musicBtn" type="button" aria-label="Toggle Musik">♫</button>
  @endif

  <main id="main">
    <!-- SECTION INTRO / COUNTDOWN -->
    @if(!method_exists($invitation, 'isSectionVisible') || $invitation->isSectionVisible('countdown'))
    <section class="section intro reveal">
      <p class="eyebrow rose">SAVE THE MOMENT</p>
      <h1>Menuju Hari Bahagia</h1>
      <p>Dengan penuh rasa syukur, kami mengundang Anda menjadi bagian dari hari istimewa kami.</p>
      <div class="countdown" data-date="{{ $eventDate }}T{{ $eventTime }}:00+07:00">
        <div><b id="days">00</b>Hari</div>
        <div><b id="hours">00</b>Jam</div>
        <div><b id="minutes">00</b>Menit</div>
        <div><b id="seconds">00</b>Detik</div>
      </div>
    </section>
    @endif

    <!-- SECTION QUOTE -->
    @if(!method_exists($invitation, 'isSectionVisible') || $invitation->isSectionVisible('quote'))
    <section class="section quote reveal">
      <span class="ornament">❦</span>
      <p class="arabic">وَمِنْ آيَاتِهِ أَنْ خَلَقَ لَكُم مِّنْ أَنفُسِكُمْ أَزْوَاجًا لِّتَسْكُنُوا إِلَيْهَا وَجَعَلَ بَيْنَكُم مَّوَدَّةً وَرَحْمَةً</p>
      <p>“{{ $quoteText }}”</p>
      <small>{{ $quoteSource }}</small>
    </section>
    @endif

    <!-- SECTION BRIDE & GROOM -->
    @if(!method_exists($invitation, 'isSectionVisible') || $invitation->isSectionVisible('couple'))
    <section class="section couple reveal">
      <p class="eyebrow rose">THE BRIDE &amp; GROOM</p>
      <h1>Dua Hati, Satu Janji</h1>
      <div class="couples">
        <article>
          <img src="{{ $groom['photo'] }}" alt="{{ $groom['name'] ?? 'Mempelai Pria' }}">
          <small>THE GROOM</small>
          <h2>{{ $groom['name'] ?? 'Mempelai Pria' }}</h2>
          <p>{{ $groom['parents'] ?? 'Putra tercinta' }}</p>
          @if(!empty($groom['instagram']))
          <p style="margin-top: 6px;"><a href="https://instagram.com/{{ ltrim($groom['instagram'], '@') }}" target="_blank" rel="noopener" style="color: #552735; font-size: 13px; text-decoration: none; border-bottom: 1px solid #b99a60;">{{ $groom['instagram'] }}</a></p>
          @endif
        </article>
        <div class="amp">&amp;</div>
        <article>
          <img src="{{ $bride['photo'] }}" alt="{{ $bride['name'] ?? 'Mempelai Wanita' }}">
          <small>THE BRIDE</small>
          <h2>{{ $bride['name'] ?? 'Mempelai Wanita' }}</h2>
          <p>{{ $bride['parents'] ?? 'Putri tercinta' }}</p>
          @if(!empty($bride['instagram']))
          <p style="margin-top: 6px;"><a href="https://instagram.com/{{ ltrim($bride['instagram'], '@') }}" target="_blank" rel="noopener" style="color: #552735; font-size: 13px; text-decoration: none; border-bottom: 1px solid #b99a60;">{{ $bride['instagram'] }}</a></p>
          @endif
        </article>
      </div>
    </section>
    @endif

    <!-- SECTION EVENTS -->
    @if(!method_exists($invitation, 'isSectionVisible') || $invitation->isSectionVisible('event'))
    <section class="section events reveal">
      <p class="eyebrow rose">SAVE THE DATE</p>
      <h1>Hari Istimewa Kami</h1>
      <div class="cards">
        @foreach($events as $idx => $ev)
        @php
          $isFeatured = ($idx === 1 || count($events) === 1);
          $evCarbon = !empty($ev['date']) ? \Carbon\Carbon::parse($ev['date']) : $carbonDate;
        @endphp
        <article class="{{ $isFeatured ? 'featured' : '' }}">
          <small>{{ strtoupper($ev['title'] ?? 'ACARA') }}</small>
          <h2>{{ $evCarbon->locale('id')->isoFormat('dddd, D MMMM Y') }}</h2>
          <b>{{ $ev['start_time'] ?? '08.00' }} – {{ $ev['end_time'] ?? 'selesai' }} {{ $ev['timezone'] ?? 'WIB' }}</b>
          <p>{{ $ev['venue'] ?? '' }}<br>{{ $ev['address'] ?? '' }}</p>
          @if(!empty($ev['maps_url']))
          <a href="{{ $ev['maps_url'] }}" target="_blank" rel="noopener">Petunjuk Lokasi ↗</a>
          @endif
        </article>
        @endforeach
      </div>
    </section>
    @endif

    <!-- SECTION STORY -->
    @if((!method_exists($invitation, 'isSectionVisible') || $invitation->isSectionVisible('story')) && !empty($stories) && count($stories) > 0)
    <section class="section story reveal">
      <p class="eyebrow rose">OUR LOVE STORY</p>
      <h1>Kisah yang Kami Rajut</h1>
      <div class="timeline">
        @foreach($stories as $st)
        <article>
          <time>{{ $st['year'] ?? '' }}</time>
          <div>
            <h2>{{ $st['title'] ?? 'Kisah Cinta' }}</h2>
            <p>{{ $st['story'] ?? ($st['description'] ?? '') }}</p>
          </div>
        </article>
        @endforeach
      </div>
    </section>
    @endif

    <!-- SECTION GALLERY -->
    @if((!method_exists($invitation, 'isSectionVisible') || $invitation->isSectionVisible('gallery')) && !empty($galleries) && count($galleries) > 0)
    <section class="section gallery reveal">
      <p class="eyebrow" style="color: #dfcda6;">FRAGMENTS OF FOREVER</p>
      <h1>Galeri Kenangan</h1>
      <div class="gallery-grid">
        @foreach($galleries as $gPhoto)
        <button type="button"><img src="{{ $gPhoto }}" alt="Galeri Kenangan"></button>
        @endforeach
      </div>
    </section>
    @endif

    <!-- SECTION LIVE STREAMING -->
    @if(!method_exists($invitation, 'isSectionVisible') || $invitation->isSectionVisible('streaming'))
    <section class="section live reveal">
      <p class="eyebrow rose">JOIN US FROM ANYWHERE</p>
      <h1>Saksikan Secara Live</h1>
      <div class="live-frame">
        <div>
          <span>● LIVE STREAMING</span>
          <div class="mini">{{ substr($groom['nickname'] ?? 'A', 0, 1) }} <i>&amp;</i> {{ substr($bride['nickname'] ?? 'C', 0, 1) }}</div>
          <h2>{{ $groom['nickname'] ?? 'Adit' }} &amp; {{ $bride['nickname'] ?? 'Citra' }}</h2>
          <p>{{ $carbonDate->locale('id')->isoFormat('D MMMM Y') }} · {{ $eventTime }} WIB</p>
          <a class="btn gold" href="{{ $liveUrl }}">Buka Live Streaming</a>
        </div>
      </div>
    </section>
    @endif

    <!-- SECTION GIFTS -->
    @if((!method_exists($invitation, 'isSectionVisible') || $invitation->isSectionVisible('gift')) && $hasGifts)
    <section class="section gifts reveal">
      <p class="eyebrow rose">A GIFT FROM THE HEART</p>
      <h1>Tanda Kasih</h1>
      <p>Doa dan kehadiran Anda adalah hadiah terindah bagi kami. Jika berkenan memberikan tanda kasih:</p>

      <div style="text-align: center; margin: 20px 0;">
        <button type="button" class="btn dark" id="btnToggleGifts" onclick="toggleExclusiveGifts()" style="font-size: 11px; padding: 12px 24px;">Kirim Hadiah / Buka Rekening</button>
      </div>

      <div id="giftContentWrapper" class="gift-box-wrapper hidden">
        <div class="cards">
          @foreach($gifts as $g)
          <article>
            <small>{{ strtoupper($g['bank_name'] ?? ($g['bank'] ?? 'BANK')) }}</small>
            <h2>{{ $g['account_holder'] ?? ($g['name'] ?? 'Mempelai') }}</h2>
            <code>{{ $g['account_number'] ?? ($g['number'] ?? '') }}</code>
            <button class="copy" type="button" data-copy="{{ $g['account_number'] ?? ($g['number'] ?? '') }}">Salin Rekening</button>
          </article>
          @endforeach
        </div>

        @if(!empty($invitation->qris_image_url) || !empty($invitation->qris_image))
        <div style="text-align: center; margin: 30px auto; max-width: 320px; background: white; padding: 20px; border: 1px solid #b99a60;">
          <small style="color: #b9878c; letter-spacing: .2em; font-weight: bold; display: block; margin-bottom: 10px;">QRIS TANDA KASIH</small>
          <img src="{{ $invitation->qris_image_url ?? $invitation->qris_image }}" alt="QRIS" style="width: 100%; max-width: 220px; display: block; margin: 0 auto;">
        </div>
        @endif

        @if(!empty($invitation->address))
        <div style="max-width: 500px; margin: 25px auto; padding: 20px; background: white; border: 1px solid #b99a60; text-align: center;">
          <small style="color: #b9878c; letter-spacing: .2em; font-weight: bold;">KIRIM KADO FISIK</small>
          <p style="margin: 10px 0; color: #403331;">{{ $invitation->address }}</p>
          <button class="copy" type="button" data-copy="{{ $invitation->address }}">Salin Alamat</button>
        </div>
        @endif
      </div>
    </section>
    @endif

    <!-- SECTION RSVP & WISHES -->
    @if((!method_exists($invitation, 'isSectionVisible') || $invitation->isSectionVisible('wishes')) && ($invitation->is_rsvp_active ?? true))
    <section class="section rsvp reveal">
      <p class="eyebrow rose">LEAVE YOUR WISHES</p>
      <h1>RSVP &amp; Ucapan</h1>
      <form id="form" method="POST" action="{{ !empty($invitation->slug) ? route('invitation.wish', $invitation->slug) : '#' }}">
        @csrf
        <input name="name" required value="{{ $guestName ?? '' }}" placeholder="Nama Anda">
        <select name="attendance" required>
          <option value="">Konfirmasi Kehadiran</option>
          <option value="Hadir" selected>Hadir</option>
          <option value="Berhalangan hadir">Berhalangan hadir</option>
        </select>
        <input name="guest_count" type="number" min="1" max="5" value="1" placeholder="Jumlah Tamu">
        <textarea name="message" required rows="4" placeholder="Ucapan dan doa terbaik Anda..."></textarea>
        <button class="btn dark" type="submit">Kirim Ucapan</button>
      </form>

      <div id="wishes">
        @foreach($wishes as $w)
        <article>
          <b>{{ $w->name }} · {{ ucfirst($w->attendance ?? 'Hadir') }}</b>
          <span>{{ $w->message }}</span>
        </article>
        @endforeach
      </div>
    </section>
    @endif

    <!-- FOOTER -->
    <footer>
      <div class="ornament">❦</div>
      <div class="monogram">{{ substr($groom['nickname'] ?? 'A', 0, 1) }} <i>&amp;</i> {{ substr($bride['nickname'] ?? 'C', 0, 1) }}</div>
      <div class="script">{{ $groom['nickname'] ?? 'Adit' }} &amp; {{ $bride['nickname'] ?? 'Citra' }}</div>
      <p>{{ $carbonDate->format('d · m · Y') }}</p>
      <hr>
      <b>Janoer Koening</b>
      <p>Merangkai Kisah, Mengundang Bahagia.</p>
      <small>Member of Exploore ID</small>

      <!-- BRANDING LOGO JANOER KOENING -->
      <div style="margin-top: 30px; text-align: center;">
        <a href="http://janoerkoening.com" target="_blank" rel="noopener noreferrer" style="display:inline-block; text-decoration:none;">
          <img src="{{ asset('assets/brand/logo.png') }}" alt="Janoer Koening" style="height:28px; width:auto; margin:0 auto; opacity:0.9;">
        </a>
      </div>
    </footer>
  </main>

  <div class="lightbox" id="lightbox">
    <button id="close" type="button">×</button>
    <img alt="Galeri">
  </div>
  <div class="toast" id="toast"></div>

  <script>
    document.addEventListener('DOMContentLoaded', () => {
      const $ = s => document.querySelector(s);
      const cover = $('#cover');
      const main = $('#main');
      const music = $('#music');
      const musicBtn = $('#musicBtn');

      // Buka Undangan
      const openBtn = $('#open');
      if (openBtn) {
        openBtn.onclick = async () => {
          if (cover) cover.style.display = 'none';
          if (main) main.style.display = 'block';
          document.body.classList.remove('locked');
          if (music) {
            try {
              await music.play();
              if (musicBtn) {
                musicBtn.textContent = '◉';
                musicBtn.classList.add('rotating');
              }
            } catch(e) {}
          }
        };
      }

      // Music Button Toggle
      if (musicBtn && music) {
        musicBtn.onclick = async () => {
          if (music.paused) {
            try {
              await music.play();
              musicBtn.textContent = '◉';
              musicBtn.classList.add('rotating');
            } catch(e) {}
          } else {
            music.pause();
            musicBtn.textContent = '♫';
            musicBtn.classList.remove('rotating');
          }
        };
      }

      // Countdown
      const cd = $('.countdown');
      if (cd) {
        const target = new Date(cd.dataset.date).getTime();
        const tick = () => {
          let n = Math.max(0, target - Date.now());
          const dEl = $('#days');
          if (dEl) {
            dEl.textContent = String(Math.floor(n / 86400000)).padStart(2, '0');
            $('#hours').textContent = String(Math.floor(n % 86400000 / 3600000)).padStart(2, '0');
            $('#minutes').textContent = String(Math.floor(n % 3600000 / 60000)).padStart(2, '0');
            $('#seconds').textContent = String(Math.floor(n % 60000 / 1000)).padStart(2, '0');
          }
        };
        tick();
        setInterval(tick, 1000);
      }

      // Intersection Observer Scroll Reveal
      if ('IntersectionObserver' in window) {
        const io = new IntersectionObserver(es => es.forEach(e => e.isIntersecting && e.target.classList.add('visible')), { threshold: 0.12 });
        document.querySelectorAll('.reveal').forEach(x => io.observe(x));
      } else {
        document.querySelectorAll('.reveal').forEach(x => x.classList.add('visible'));
      }

      // Toast copy
      const toast = $('#toast');
      const showToast = (msg) => {
        if (!toast) return;
        toast.textContent = msg;
        toast.classList.add('show');
        setTimeout(() => toast.classList.remove('show'), 1600);
      };

      document.querySelectorAll('.copy').forEach(b => {
        b.onclick = async () => {
          const val = b.dataset.copy || '';
          try {
            await navigator.clipboard.writeText(val);
          } catch(e) {
            let t = document.createElement('textarea');
            t.value = val;
            document.body.appendChild(t);
            t.select();
            document.execCommand('copy');
            t.remove();
          }
          showToast('Tersalin ke clipboard ✓');
        };
      });

      // Lightbox
      const lb = $('#lightbox');
      if (lb) {
        document.querySelectorAll('.gallery-grid button').forEach(b => {
          b.onclick = () => {
            const img = b.querySelector('img');
            if (img) lb.querySelector('img').src = img.src;
            lb.classList.add('show');
          };
        });
        const closeBtn = $('#close');
        if (closeBtn) closeBtn.onclick = () => lb.classList.remove('show');
        lb.onclick = e => { if (e.target === lb) lb.classList.remove('show'); };
      }

      // Form Submit (Demo fallback)
      const form = $('#form');
      if (form) {
        form.onsubmit = e => {
          const action = form.getAttribute('action');
          if (!action || action === '#') {
            e.preventDefault();
            const f = new FormData(form);
            const w = document.createElement('article');
            const esc = s => String(s).replace(/[&<>"']/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#039;'}[c]));
            w.innerHTML = '<b>' + esc(f.get('name')) + ' · ' + esc(f.get('attendance')) + '</b><span>' + esc(f.get('message')) + '</span>';
            $('#wishes').prepend(w);
            form.reset();
            showToast('Ucapan terkirim (Demo) ✓');
          }
        };
      }
    });

    // Toggle Gifts
    function toggleExclusiveGifts() {
      const wrap = document.getElementById('giftContentWrapper');
      const btn = document.getElementById('btnToggleGifts');
      if (wrap) {
        wrap.classList.toggle('hidden');
        if (btn) {
          btn.textContent = wrap.classList.contains('hidden') ? 'Kirim Hadiah / Buka Rekening' : 'Tutup Rekening';
        }
      }
    }
  </script>
</body>
</html>