<?php
include "config.php";
$idtamu = $_GET['idtamu'];
$sql = "SELECT * FROM tamu WHERE idtamu=$idtamu";
$result = $db->query($sql);
while ($row = $result->fetch_assoc()) {
	$data[] = $row;
}
$pengantin = 220;
$sql1 = "SELECT * FROM ucapan WHERE idpengantin=$pengantin";
$result1 = $db->query($sql1);
while ($row1 = $result1->fetch_assoc()) {
	$data1[] = $row1;
}
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <meta name="format-detection" content="telephone=no">

    <meta name="title" content="The Wedding of Aliyya & Fauzan | Idzibooth X Taravty Project">
    <meta name="description" content="Web Invitation by Idzibooth x Taravty Project">

    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Web Invitation by Idzibooth x Taravty Project">
    <meta property="og:url" content="taravtyproject.com">
    <meta property="og:title" content="The Wedding of Aliyya & Fauzan | Idzibooth X Taravty Project">
    <meta property="og:description" content="Web Invitation by Idzibooth x Taravty Project">
    <meta property="og:image" content="https://taravtyproject.com/Aliyya-Fauzan/aul-abed_files/aliyya-title.png">
    <meta property="og:locale" content="in_ID">

    <meta property="twitter:card" content="https://taravtyproject.com/Aliyya-Fauzan/aul-abed_files/aliyya-title.png">
    <meta property="twitter:url" content="taravtyproject.com">
    <meta property="twitter:title" content="The Wedding of Aliyya & Fauzan | Idzibooth X Taravty Project">
    <meta property="twitter:description" content="Web Invitation by Idzibooth x Taravty Project">
    <meta property="twitter:image" content="https://taravtyproject.com/Aliyya-Fauzan/aul-abed_files/aliyya-title.png">
    <link href="https://db.onlinewebfonts.com/c/32441506567156636049eb850b53f02a?family=Times+New+Roman" rel="stylesheet">
    <link href="https://db.onlinewebfonts.com/c/0db512de6cc55ce96eb449022d2bc7c9?family=ITC+Edwardian+Script+W04+Reg" rel="stylesheet">
    <script type="text/javascript" async="" src="./aul-abed_files/js"></script>
    <script async="" src="./aul-abed_files/gtm.js"></script>
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-P7SMP7M');
    </script>

    <script src="./aul-abed_files/jquery.js"></script>
    <title>The Wedding of Aliyya & Fauzan | Idzibooth X Taravty Project</title>
    <link rel="icon" href="https://taravtyproject.com/Aliyya-Fauzan/aul-abed_files/aliyya-title.png">
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;display=block">

    <link rel="stylesheet" href="./aul-abed_files/selectize.default.css">
    <link rel="stylesheet" href="./aul-abed_files/flexbin.css" media="all">
    <link href="https://db.onlinewebfonts.com/c/413b0d86cb6b8cc8fca3bc9111ed8e99?family=New+Walt+Disney+UI" rel="stylesheet">
    <link rel="stylesheet" href="./aul-abed_files/aos.css">
    <link rel="stylesheet" href="./aul-abed_files/lightgallery.css">
    <link rel="stylesheet" href="./aul-abed_files/all.css">
    <link rel="stylesheet" href="./aul-abed_files/slick.css">
    <link rel="stylesheet" href="./aul-abed_files/modal-video.min.css">

    <script src="./aul-abed_files/web"></script>
    <link rel="stylesheet" type="text/css" href="./aul-abed_files/style.css">
    <link rel="stylesheet" type="text/css" href="./aul-abed_files/style(1).css">
    <link rel="stylesheet" type="text/css" href="./aul-abed_files/style(2).css">
    <link rel="stylesheet" type="text/css" href="./aul-abed_files/style(3).css">
    <link rel="stylesheet" type="text/css" href="./aul-abed_files/style(4).css">
    <link rel="stylesheet" type="text/css" href="./aul-abed_files/style(5).css">
    <link href="https://db.onlinewebfonts.com/c/cc24a0b746ca65600875fd86a8979976?family=Milchella+Regular" rel="stylesheet">
    <link rel="stylesheet" href="./aul-abed_files/universal.css">
    <link rel="stylesheet" href="./aul-abed_files/global.css">
    <link rel="stylesheet" type="text/css" href="./aul-abed_files/kado-template.1722393118.css">
    <link href="https://db.onlinewebfonts.com/c/744ba9e4af0cd50150a98e856adfa48d?family=Ballet+16pt+Regular" rel="stylesheet">
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Prata&amp;display=block">
    <link rel="stylesheet" href="./aul-abed_files/custom-saskia-alvin.css">
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <style>
        .mySlides {
            display: none;
        }
    </style>
</head>

<body data-aos-once="false" class="  saskia-alvin" data-template="" data-aos-easing="ease" data-aos-duration="0" data-aos-delay="0" style="--body-height: 599.3333129882812px;">

    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P7SMP7M" height="0" width="0"
            style="display:none;visibility:hidden"></iframe></noscript>


    <section data-aos-once="false" class="kat-page__side-to-side">

        <section data-aos-once="false" class="primary-pane">
            <div data-aos-once="false" class="inner">

                <div data-aos-once="false" class="highlight aos-init " data-aos="zoom-out" data-aos-duration="1000">
                    <div data-aos-once="false" class="preview-container">
                    </div>
                </div>
            </div>
        </section>

        <section data-aos-once="false" class="secondary-pane">

            <section data-aos-once="false" class="top-cover">
                <div data-aos-once="false" class="inner" style="background-image: url(./aul-abed_files/alliya-bg-kertas.png); background-size: auto 100%; background-position: center; justify-content: start;">
                    <div data-aos-once="false" class="details" style="text-align: center; padding: 5%; margin: 2%;">
                        <div data-aos-once="false" class="head aos-init " data-aos="zoom-in" data-aos-duration="1000">
                            <img src="./aul-abed_files/alliya-judul.png" alt="By Idzi" data-aos="zoom-in" data-aos-duration="1200" data-aos-delay="700"><br><br>
                            <img src="./aul-abed_files/alliya-polaroid-buka.png" style="width: 80%;" alt="By Idzi" data-aos="zoom-in" data-aos-duration="900" data-aos-delay="800">
                            <br><br><br><br>
                            <p data-aos-once="false" class="date aos-init " data-aos="zoom-in" data-aos-duration="1200" data-aos-delay="900" style="color: #000; text-align: center; ">
                                Kepada Yth.<br>Bapak/Ibu/Saudara/i
                            </p>
                            <p data-aos-once="false" class="date aos-init " data-aos="zoom-in" data-aos-duration="1200" data-aos-delay="1000" style="color: #000;text-align: center; ">
                                <strong> <?= $data[0]['nama_tamu']; ?></strong>
                            </p>
                        </div>
                        <div data-aos-once="false" style="justify-content: center;" class="link-wrap aos-init " data-aos="zoom-in" data-aos-duration="1200" data-aos-delay="1200">
                            <a href="javascript:;" value="PLAY" onclick="startTheJourney()" style="color: #fff; background-color: #7d0606;" data-aos-once="false" class="link" id="startToExplore">Buka
                                Undangan</a>
                        </div>
                    </div>
                </div>
            </section>


            <section data-aos-once="false" class="top-cover2">
                <div data-aos-once="false" class="inner">
                </div>
            </section>

            <section style="background-image: url(./aul-abed_files/alliya-bg-kertas.png); background-size: auto 100%; z-index: 999998;" data-aos-once="false" class="cover">
                <div data-aos-once="false" class="inner" style="align-items: center; padding: 5%;">
                    <div class="couple">
                        <div data-aos-once="false" class="head aos-init " data-aos="zoom-in" data-aos-duration="1000" style="text-align: center; margin-top: 0;">
                            <img src="./aul-abed_files/alliya-judul-cover.png" style="width: 75%; margin-right: 20%;" alt="By Idzi" data-aos="zoom-in" data-aos-duration="1200" data-aos-delay="700"><br><br>
                            <br><br>
                            <img src="./aul-abed_files/alliya-polaroid-cover.png" style="width: 69%; margin-left: 23%;" alt="By Idzi" data-aos="zoom-in" data-aos-duration="1200" data-aos-delay="700">
                        </div>
                    </div>
                </div>
            </section>

            <section style="background-image: url(./aul-abed_files/alliya-bg-kertas.png); background-size: auto 100%; z-index: 999998;" class="couple-wrap">
                <div class="couple" style="padding: 0%;">
                    <div class="couple-head" style="padding: 10% 10%;">
                        <p style="color: #000; text-align: justify;" data-aos-once="false" class="activity-time aos-init " data-aos="fade-up" data-aos-duration="1000">
                            "Dan di antara tanda-tanda (kebesaran)-Nya ialah bahwa Dia menciptakan pasangan-pasangan untukmu dari (jenis) dirimu sendiri agar kamu merasa tenteram kepadanya. Dia menjadikan di antaramu rasa cinta dan kasih sayang. Sesungguhnya pada yang demikian itu
                            benar-benar terdapat tanda-tanda (kebesaran Allah) bagi kaum yang berpikir."</p>
                        <br><br>
                        <h1 style="color: #7d0606; text-align: start; font-weight: 600; font-size: calc(var(--heading-size) - 21px);" data-aos-once="false" class="activity-title aos-init" data-aos="fade-up" data-aos-duration="1000">
                            ~ QS Ar Rum: 21</h1><br><br>
                        <img src="./aul-abed_files/alliya-polaroid-arum.png" style="width: 69%;" alt="By Idzi" data-aos="zoom-in" data-aos-duration="1200" data-aos-delay="700">
                    </div>
                </div>
            </section>

            <section style="background-image: url(./aul-abed_files/alliya-bg-kertas.png); background-size: auto 100%; z-index: 999998;" class="couple-wrap">
                <div class="couple" style="padding: 0%;">
                    <div class="couple-head" style="padding: 0%">
                        <img src="./aul-abed_files/alliya-buku.png" alt="By Idzi" data-aos="zoom-in" data-aos-duration="1200" data-aos-delay="700">
                    </div>
                </div>
            </section>

            <section style="background-image: url(./aul-abed_files/alliya-bg-kertas.png); background-size: auto 100%; z-index: 999998;" class="couple-wrap">
                <div class="couple" style="padding: 0%;">
                    <div class="couple-head" style="padding: 10% 10%;">
                        <img src="./aul-abed_files/alliya-polaroid-santika.png" style="width: 69%;" alt="By Idzi" data-aos="zoom-in" data-aos-duration="1200" data-aos-delay="700">
                        <br><br>
                        <h1 data-aos-once="false" class="photo-title aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" style="opacity: 1; transition-duration: 1000ms;  color: #7d0606; font-size: calc(var(--heading-size) - 23px); font-family: 'Times New Roman'; font-weight: 600;">
                            Akad
                        </h1>
                        <p style="color: #000; font-weight: 600;" data-aos-once="false" class="activity-time aos-init " data-aos="fade-up" data-aos-duration="1000">
                            15:00 - 18:00 WIB
                        </p>
                        <br>
                        <h1 data-aos-once="false" class="photo-title aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" style="opacity: 1; transition-duration: 1000ms;  color: #7d0606; font-size: calc(var(--heading-size) - 23px); font-family: 'Times New Roman'; font-weight: 600;">
                            Resepsi
                        </h1>
                        <p style="color: #000; font-weight: 600;" data-aos-once="false" class="activity-time aos-init " data-aos="fade-up" data-aos-duration="1000">
                            19:00 - 21:00 WIB
                        </p><br><br>
                        <p style="color: #000;" data-aos-once="false" class="activity-time aos-init " data-aos="fade-up" data-aos-duration="1000">
                            Sabtu, 13 Desember 2025
                        </p>
                        <p style="color: #7d0606; font-weight: 600;font-size: calc(var(--body-text-size) + 5px);" data-aos-once="false" class="activity-time aos-init " data-aos="fade-up" data-aos-duration="1000">
                            Hotel Santika Tasikmalaya
                        </p>
                        <p style="color: #000" data-aos-once="false" class="activity-time aos-init " data-aos="fade-up" data-aos-duration="1000">
                            Jl. Yudanegara No.57, Yudanagara, Kec. Cihideung, Tasikmalaya, Jawa Barat
                        </p>
                        <div data-aos-once="false" class="event-link-wrap aos-init" data-aos="fade-up" data-aos-duration="1000">
                            <a style="background-color: #7d0606; color: white; width: auto; border-radius: 20px;" href="https://maps.app.goo.gl/5hRbYyNcpjP885du5" data-aos-once="false" class="event-link" target="_blank">View Maps</a>
                        </div>
                    </div>
                </div>
            </section>

            <section style="background-image: url(./aul-abed_files/alliya-bg-kertas.png); background-size: auto 100%; z-index: 999998;" class="couple-wrap">
                <div class="couple" style="padding: 0%;">
                    <div class="couple-head" style="padding: 10% 10%;">
                        <img src="./aul-abed_files/alliya-polaroid-qs.png" alt="By Idzi" data-aos="zoom-in" data-aos-duration="1200" data-aos-delay="700">
                        <br><br>
                        <p style="color: #000; text-align: justify;" data-aos-once="false" class="activity-time aos-init " data-aos="fade-up" data-aos-duration="1000">
                            "Dan segala sesuatu di alam semesta telah Kami ciptakan secara berpasang-pasangan untuk saling melengkapi. Yang demikian ini agar kamu selalu mengingat kekuasaan dan kebesaran Allah."
                        </p>
                        <h1 style="color: #7d0606; text-align: start; font-weight: 600; font-size: calc(var(--heading-size) - 21px);" data-aos-once="false" class="activity-title aos-init" data-aos="fade-up" data-aos-duration="1000">
                            ~ QS Adz-Dzariyat :49</h1><br><br>
                    </div>
                </div>
            </section>

            <section data-aos-once="false" class="photo-wrap" style="background-image: url(./aul-abed_files/alliya-bg-kertas.png); background-size: auto 100%; z-index: 999998;">
                <div data-aos-once="false" class="photo-inner">
                    <div data-aos-once="false" class="photo-head">
                        <h1 data-aos-once="false" class="photo-title aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" style="opacity: 1; transition-duration: 1000ms; font-weight: 600; color: #7d0606;">
                            Our Memory</h1>
                    </div>
                    <div data-aos-once="false" class="photo-body">
                        <div data-aos-once="false" class="photo-box lightgallery" lg-uid="lg2">
                            <a data-aos="zoom-in" data-aos-duration="1000" href="./aul-abed_files/0.png" target="_blank" data-aos-once="false" class="aos-init aos-animate" style="opacity: 1; transition-duration: 1000ms;">
                                <img src="./aul-abed_files/pol-0.png" alt="Idzibooth">
                            </a>
                            <a data-aos="zoom-in" data-aos-duration="1000" href="./aul-abed_files/1.png" target="_blank" data-aos-once="false" class="aos-init aos-animate" style="opacity: 1; transition-duration: 1000ms;">
                                <img src="./aul-abed_files/pol-1.png" alt="Idzibooth">
                            </a>
                            <a data-aos="zoom-in" data-aos-duration="1000" href="./aul-abed_files/2.png" target="_blank" data-aos-once="false" class="aos-init aos-animate" style="opacity: 1; transition-duration: 1000ms;">
                                <img src="./aul-abed_files/pol-2.png" alt="Idzibooth">
                            </a>
                            <a data-aos="zoom-in" data-aos-duration="1000" href="./aul-abed_files/3.png" target="_blank" data-aos-once="false" class="aos-init aos-animate" style="opacity: 1; transition-duration: 1000ms;">
                                <img src="./aul-abed_files/pol-3.png" alt="Idzibooth">
                            </a>
                            <a data-aos="zoom-in" data-aos-duration="1000" href="./aul-abed_files/4.png" target="_blank" data-aos-once="false" class="aos-init aos-animate" style="opacity: 1; transition-duration: 1000ms;">
                                <img src="./aul-abed_files/pol-4.png" alt="Idzibooth">
                            </a>
                            <a data-aos="zoom-in" data-aos-duration="1000" href="./aul-abed_files/5.png" target="_blank" data-aos-once="false" class="aos-init aos-animate" style="opacity: 1; transition-duration: 1000ms;">
                                <img src="./aul-abed_files/pol-5.png" alt="Idzibooth">
                            </a>
                            <a data-aos="zoom-in" data-aos-duration="1000" href="./aul-abed_files/6.png" target="_blank" data-aos-once="false" class="aos-init aos-animate" style="opacity: 1; transition-duration: 1000ms;">
                                <img src="./aul-abed_files/pol-6.png" alt="Idzibooth">
                            </a>
                        </div>
                    </div>
                </div>
            </section>


            <section data-aos-once="false" class="wedding-gift-wrap" style="background-image: url(./aul-abed_files/alliya-bg-kertas.png); background-size: auto 100%; z-index: 999998;">
                <div data-aos-once="false" class="wedding-gift-inner">
                    <div data-aos-once="false" class="gift-frame aos-init aos-animate" data-aos="fade-up" data-aos-duration="1200" data-aos-delay="700" style="opacity: 1; transition-duration: 1200ms; min-height: 0; border-radius: 0px 0px 35px 35px; width: 90%;padding: 0; background-color: #ffffff00; box-shadow: 0 4px 8px 0 #14001b99, 0 6px 20px 0 #14001b99;">
                        <div data-aos-once="false" class="frame-wrap" style="padding: 7%; min-height: 0;">
                            <div data-aos-once="false" class="wedding-gift-body" style="padding: 0; min-height: 0;">
                                <div data-aos-once="false" class="wedding-gift-bank-wrap" style="padding: 0; min-height: 0;">
                                    <div data-aos-once="false" class="bank-item" id="savingBook5947" style="padding: 0; min-height: 0;">
                                        <div data-aos-once="false" class="bank-detail" style="padding: 0; min-height: 0;">
                                            <div class="save-date-head"><br>
                                                <h1 data-aos-once="false" class="photo-title aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" style="opacity: 1; transition-duration: 1000ms;  color: #7d0606; font-size: calc(var(--heading-size) - 10px);">
                                                    Wedding Gift</h1>
                                                <p style="color: #000; opacity: 1; transition-duration: 1000ms; font-size: 15px;" data-aos-once="false" class="bank-account-name aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="800">
                                                    Doa restu anda merupakan karunia yang sangat berarti bagi kami, dan jika memberi adalah ungkapan tanda kasih anda, anda dapat memberi kado secara cashless.
                                                </p>
                                                <hr style="border-top: 1px solid #000;">
                                                <h1 data-aos-once="false" class="photo-title aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" style="opacity: 1; transition-duration: 1000ms; font-weight: 600;  color: #7d0606; font-size: calc(var(--heading-size) - 23px); font-family: 'Times New Roman';">
                                                    BCA</h1>
                                                <p style="color: #000; opacity: 1; transition-duration: 1000ms; font-size: 15px; font-weight: 600;" data-aos-once="false" class="bank-account-name aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="800">
                                                    A/n : Aliyya Salsabila Yusuf
                                                </p>
                                                <p style="color: #000; opacity: 1; transition-duration: 1000ms; font-size: 15px;" data-aos-once="false" class="bank-account-name aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="800">
                                                    No. Rek : 2082231111
                                                </p>
                                                <div data-aos-once="false" class="bank-copy-wrap aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="1000" style="opacity: 1; transition-duration: 1000ms;">
                                                    <button style="background-color: #7d0606; color: #fff; box-shadow: 0 4px 8px 0 #14001b99, 0 6px 20px 0 #14001b99;" type="button" data-aos-once="false" class="bank-copy" data-copy="2082231111">Copy</button>
                                                </div>
                                                <hr style="border-top: 1px solid #000;">
                                                <h1 data-aos-once="false" class="photo-title aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" style="opacity: 1; transition-duration: 1000ms;  color: #7d0606; font-size: calc(var(--heading-size) - 23px); font-family: 'Times New Roman'; font-weight: 600;">
                                                    MANDIRI</h1>
                                                <p style="color: #000; opacity: 1; transition-duration: 1000ms; font-size: 15px; font-weight: 600;" data-aos-once="false" class="bank-account-name aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="800">
                                                    A/n : Fauzan Hikmatiar
                                                </p>
                                                <p style="color: #000; opacity: 1; transition-duration: 1000ms; font-size: 15px;" data-aos-once="false" class="bank-account-name aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="800">
                                                    No. Rek : 1770013943599
                                                </p>
                                                <div data-aos-once="false" class="bank-copy-wrap aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="1000" style="opacity: 1; transition-duration: 1000ms;">
                                                    <button style="background-color: #7d0606; color: #fff; box-shadow: 0 4px 8px 0 #14001b99, 0 6px 20px 0 #14001b99;" type="button" data-aos-once="false" class="bank-copy" data-copy="1770013943599">Copy</button>
                                                </div>
                                                <hr style="border-top: 1px solid #000;">
                                                <h1 data-aos-once="false" class="photo-title aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" style="opacity: 1; transition-duration: 1000ms;  color: #7d0606; font-size: calc(var(--heading-size) - 23px); font-family: 'Times New Roman'; font-weight: 600;">
                                                    ALAMAT KADO</h1>
                                                <p style="color: #000; opacity: 1; transition-duration: 1000ms; font-size: 15px; font-weight: 600;" data-aos-once="false" class="bank-account-name aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="800">
                                                    A/n : Fauzan Hikmatiar / Aliyya Salsabila Yusuf
                                                </p>
                                                <p style="color: #000; opacity: 1; transition-duration: 1000ms; font-size: 15px;" data-aos-once="false" class="bank-account-name aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="800">
                                                    Alamat : Kp. Cibogo, Desa Dawagung, Kec. Rajapolah, Kab. Tasikmalaya, Jawabarat 46155 (082219805376⁠)
                                                </p>
                                                <div data-aos-once="false" class="bank-copy-wrap aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="1000" style="opacity: 1; transition-duration: 1000ms;">
                                                    <button style="background-color: #7d0606; color: #fff; box-shadow: 0 4px 8px 0 #14001b99, 0 6px 20px 0 #14001b99;" type="button" data-aos-once="false" class="bank-copy" data-copy="Kp. Cibogo, Desa Dawagung, Kec. Rajapolah, Kab. Tasikmalaya, Jawabarat 46155 (082219805376⁠)">Copy</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section data-aos-once="false" class="wedding-gift-wrap" style="background-image: url(./aul-abed_files/alliya-bg-kertas.png); background-size: auto 100%; z-index: 999998; min-height: 0%;">
                <div data-aos-once="false" class="photo-head">
                    <h1 data-aos-once="false" class="photo-title aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" style="opacity: 1; transition-duration: 1000ms; font-weight: 500; color: #7d0606;    font-size: calc(var(--heading-size) - 10px);">
                        QR-Code Check-In</h1>
                    <p style="color: #7d0606; text-align: center;" data-aos-once="false" class="activity-time aos-init " data-aos="fade-up" data-aos-duration="1000">
                        Harap tunjukan barcode ini kepada petugas penerima tamu untuk proses registrasi.
                    </p><br>
                    <center>
                        <img style="align-items: center; width: 48%;" src="https://api.qrserver.com/v1/create-qr-code/?size=100x100&data=<?= $data[0]['idtamu']; ?>.png" alt="">
                    </center><br>
                    <p style="color: #7d0606; text-align: center;" data-aos-once="false" class="activity-time aos-init " data-aos="fade-up" data-aos-duration="1000">
                        ID Tamu :
                        <?= $data[0]['idtamu']; ?><br> Nama Tamu :
                            <?= $data[0]['nama_tamu']; ?>
                    </p>
                </div>
            </section>

            <section data-aos-once="false" class="wedding-wish-wrap" data-template="" style="background-image: url(./aul-abed_files/alliya-bg-kertas.png); background-size: auto 100%; z-index: 999998;">
                <div data-aos-once="false" class="wedding-wish-inner">
                    <div data-aos-once="false" class="rsvp-inner" style="background-image: url(./aul-abed_files/alliya-bg-kertas.png); background-size: auto 100%;">
                        <div data-aos-once="false" class="rsvp-body">
                            <form action="komen.php" method="POST">
                                <!-- Status -->
                                <div data-aos-once="false" class="rsvp-status-wrap">
                                    <div data-aos-once="false" class="photo-head" style="padding: 0;">
                                        <h1 data-aos-once="false" class="photo-title aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000" style="opacity: 1; transition-duration: 1000ms; color: #7d0606;">
                                            Wedding Wish</h1>
                                    </div>
                                    <div data-aos-once="false" class="rsvp-amount-wrap" id="rsvpAmountWrap">
                                        <div data-aos-once="false" class="rsvp-amount-head aos-init aos-animate" data-aos="fade-up" data-aos-duration="1200">
                                            <p data-aos-once="false" class="rsvp-amount-caption" style="color: #7d0606;">Nama Tamu</p>
                                            <div data-aos-once="false" class="rsvp-amount-controller-wrap">
                                                <div data-aos-once="false" class="rsvp-amount-controller">
                                                    <div data-aos-once="false" class="input-wrap">
                                                        <input type="text" name="nama" data-aos-once="false" class="form-control guest-name" placeholder="Name" value="<?= $data[0]['nama_tamu']; ?>" required>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div data-aos-once="false" class="rsvp-status-head aos-init aos-animate" data-aos="fade-up" data-aos-duration="1200">
                                        <p data-aos-once="false" class="rsvp-status-caption" style="color: #7d0606;">
                                            Konfirmasi Kehadiran</p>
                                    </div>
                                    <div data-aos-once="false" class="rsvp-status-body">
                                        <div data-aos-once="false" class="rsvp-confirm-wrap">
                                            <label data-aos="fade-up" data-aos-duration="1200" data-aos-once="false" class="aos-init aos-animate">
                                                <input type="radio" name="konfirmasi" value="Hadir">
                                                <div data-aos-once="false" class="rsvp-confirm-btn going"
                                                    style="font-size: 100%;">
                                                    Hadir
                                                </div>
                                            </label>
                                            <label data-aos="fade-up" data-aos-duration="1200" data-aos-once="false" class="aos-init aos-animate">
                                                <input type="radio" name="konfirmasi" value="Tidak Hadir">
                                                <div data-aos-once="false" class="rsvp-confirm-btn not-going"
                                                    style="font-size: 100%;">
                                                    Tidak Hadir
                                                </div>
                                            </label>
                                        </div>
                                    </div>
                                    <br>
                                    <div data-aos-once="false" class="rsvp-status-head aos-init aos-animate" data-aos="fade-up" data-aos-duration="1200">
                                        <p data-aos-once="false" class="rsvp-status-caption" style="color: #7d0606;">
                                            Jumlah Kehadiran</p>
                                    </div>
                                    <div data-aos-once="false" class="rsvp-status-body">
                                        <div data-aos-once="false" class="rsvp-confirm-wrap">
                                            <label data-aos="fade-up" data-aos-duration="1200" data-aos-once="false" class="aos-init aos-animate">
                                                <input type="radio" name="tamu" value="1 Orang">
                                                <div data-aos-once="false" class="rsvp-confirm-btn going"
                                                    style="font-size: 100%;">
                                                    1 Orang
                                                </div>
                                            </label>
                                            <label data-aos="fade-up" data-aos-duration="1200" data-aos-once="false" class="aos-init aos-animate">
                                                <input type="radio" name="tamu" value="2 Orang">
                                                <div data-aos-once="false" class="rsvp-confirm-btn not-going"
                                                    style="font-size: 100%;">
                                                    2 Orang
                                                </div>
                                            </label>
                                        </div>
                                    </div>
                                </div>

                                <div data-aos-once="false" class="rsvp-amount-wrap" id="rsvpAmountWrap">
                                    <div data-aos-once="false" class="rsvp-amount-head aos-init aos-animate" data-aos="fade-up" data-aos-duration="1200">
                                        <p data-aos-once="false" class="rsvp-amount-caption" style="color: #7d0606;">
                                            Ucapan untuk pengantin</p>
                                        <div data-aos-once="false" class="rsvp-amount-controller-wrap">
                                            <div data-aos-once="false" class="rsvp-amount-controller">
                                                <div data-aos-once="false" class="input-wrap">
                                                    <textarea data-aos-once="false" class="form-control guest-comment" name="isi" rows="1" placeholder="Give your wish" required></textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div>
                                    <input type="hidden" name="idpengantin" value="220">
                                    <input type="hidden" name="idtamu" value="<?= $data[0]['idtamu']; ?>">
                                    <input type="hidden" data-aos-once="false" class="form-control" value="<?php date_default_timezone_set(" Asia/Jakarta "); echo date("l, d M Y ");?>" name="waktu" id="basic-default-name" />
                                </div>

                                <div data-aos-once="false" class="rsvp-confirm-wrap aos-init aos-animate" data-aos="fade-up" data-aos-duration="1200">
                                    <button data-aos-once="false" class="rsvp-confirm-btn confirm submit">Confirm</button>
                                </div>

                                <script>
                                    // JavaScript to handle the "Check All" functionality
                                    document.getElementById("check-all").addEventListener("change", function() {
                                        var checkboxes = document.getElementsByName("selected_event[]");
                                        for (var i = 0; i < checkboxes.length; i++) {
                                            checkboxes[i].checked = this.checked;
                                        }
                                    });
                                </script>

                            </form>
                        </div>
                        <div data-aos-once="false" class="comment-wrap show">
                            <div data-aos-once="false" class="comment-item aos-init aos-animate" data-aos="fade-up" data-aos-duration="1200">
                                <?php $no = 1;
										foreach ($data1 as $d1) : ?>
                                <div data-aos-once="false" class="comment-head">
                                    <h3 data-aos-once="false" class="comment-name" style="color: #7d0606; font-weight: 600;">
                                        <?= $d1['nama']; ?> |
                                            <?= $d1['waktu']; ?>
                                    </h3>
                                </div>
                                <div data-aos-once="false" class="comment-body">
                                    <p data-aos-once="false" class="comment-caption" style="color: #7d0606;">
                                        <?= $d1['isi']; ?>
                                    </p>
                                </div><br>
                                <?php endforeach ?>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section data-aos-once="false" class="footer" style="z-index: 999998; background-color: #fff;">
                <div data-aos-once="false" class="footer-inner " style="background-color: #fff;">
                    <p style="color: #7d0606;">Made with ❤️ by Idzibooth x Taravty Project</p>
                </div>
            </section>
        </section>
    </section>

    <script>
        function startTheJourney() {
            var audio = document.getElementById("audio");
            audio.play();
        }

        function pause() {
            var audio = document.getElementById("audio");
            audio.pause();
        }
    </script>
    <audio id="audio" autoplay src="./aul-abed_files/aliyya.mp3"></audio>
    <script>
        // Music
        var MUSIC = {
            'url': "./aul-abed_files/putri-lagu.mp3",
            'box': '#music-box'
        };

        // Event
        var EVENT = 1701518400;

        // Banks
        var BANK_OPTIONS = [{
            "id": 5947,
            "title": "BANK MANDIRI",
            "credential": "1234567890"
        }, {
            "id": 6807,
            "title": "BANK BNI",
            "credential": "1234567890"
        }];

        // RSVP
        var RSVP = {
            'button_text': {
                'attend': "Will Attend",
                'not_attend': "Unable To Attend"
            }
        };

        // Covers
        var COVERS = [{
            'position': 'MAIN',
            'details': {
                'desktop': "",
                'mobile': "<div data-aos-once="
                false " class=\"picture mobile\">\n                                    <img src=\"https:\/\/taravtyproject.com"
                alt = \"\">\n                                <\/div>"
            },
            'element': '#cover-main'
        }, {
            'position': 'OPENING',
            'details': {
                'desktop': "",
                'mobile': ""
            },
            'element': '#cover-opening'
        }, {
            'position': 'PANE',
            'details': {
                'desktop': "",
                'mobile': ""
            },
            'element': '#cover-pane'
        }];

        // Protocol
        var PROTOCOL = {
            'slider': '#protocol-slider',
            'dots': '#protocol-dots'
        };

        // RSVP Data
        var RSVP_DATA = {
            post: 'rsvp_request',
            request: 'get_rsvp',
            content: '',
            template: 'default_v2_rsvp',
            changeButton: '#changeRSVP',
            amountElement: '#rsvpAmountWrap'
        }
    </script>

    <div data-aos-once="false" class="alert" id="alert">
        <div data-aos-once="false" class="alert-text"></div>
        <div data-aos-once="false" class="alert-close fas fa-times"></div>
    </div>

    <div id="modal" data-aos-once="false" class="modal modal-center"></div>

    <script src="./aul-abed_files/aos.js"></script>
    <script src="./aul-abed_files/slick.min.js"></script>
    <script src="./aul-abed_files/selectize.min.js"></script>
    <script src="./aul-abed_files/jquery-modal-video.min.js"></script>
    <script src="./aul-abed_files/lightgallery.min.js"></script>
    <script src="./aul-abed_files/universal.js"></script>
    <script src="./aul-abed_files/template.js"></script>
    <script src="./aul-abed_files/custom-saskia-alvin.js"></script>
    <script>
        (function() {
            function c() {
                var b = a.contentDocument || a.contentWindow.document;
                if (b) {
                    var d = b.createElement('script');
                    d.innerHTML = "window.__CF$cv$params={r:'8aee4686ca08e68a',t:'MTcyMjkzOTQyOS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";
                    b.getElementsByTagName('head')[0].appendChild(d)
                }
            }
            if (document.body) {
                var a = document.createElement('iframe');
                a.height = 1;
                a.width = 1;
                a.style.position = 'absolute';
                a.style.top = 0;
                a.style.left = 0;
                a.style.border = 'none';
                a.style.visibility = 'hidden';
                document.body.appendChild(a);
                if ('loading' !== document.readyState) c();
                else if (window.addEventListener) document.addEventListener('DOMContentLoaded', c);
                else {
                    var e = document.onreadystatechange || function() {};
                    document.onreadystatechange = function(b) {
                        e(b);
                        'loading' !== document.readyState && (document.onreadystatechange = e, c())
                    }
                }
            }
        })();
    </script>
    <iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;" src="./aul-abed_files/saved_resource.html"></iframe>
</body>

</html>