<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='true' b:defaultwidgetversion='2' b:js='true' b:layoutsVersion='3' b:responsive='true' b:templateUrl='fancy.xml' b:templateVersion='1.5' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
    <b:attr name='xmlns' value=''/>
    <b:attr name='xmlns:b' value=''/>
    <b:attr name='xmlns:expr' value=''/>
    <b:attr name='xmlns:data' value=''/>

    <!-- Head Buka -->
&lt;!--<head>--&gt;&lt;head&gt;

        <b:comment>Title</b:comment>
        <b:if cond='data:view.isHomepage or (data:view.isSearch and !data:view.isLabelSearch and !data:blog.searchQuery)'>
            <title>
                <data:view.title.escaped/>
            </title>
            <meta expr:content='data:view.title' property='og:title'/>
            <meta expr:content='data:view.title' property='og:image:alt'/>
            <meta expr:content='data:view.title' name='twitter:title'/>
            <meta expr:content='data:view.title' name='twitter:image:alt'/>
            <b:elseif cond='data:view.isSingleItem or data:view.isSearch or data:view.isArchive'/>

            <title><data:blog.pageName/> - <data:blog.title/></title>
            <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' property='og:title'/>
            <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' property='og:image:alt'/>
            <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='twitter:title'/>
            <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='twitter:image:alt'/>
            <b:elseif cond='data:view.isError'/>

            <title>
                <b:switch var='data:blog.locale'>
                    <b:case value='id'/>Halaman Tidak Ditemukan<b:default/>Page Not Found</b:switch> - <data:blog.title/>
            </title>
            <meta expr:content='&quot;Page Not Found - &quot; + data:blog.title' property='og:title'/>
            <meta expr:content='&quot;Page Not Found - &quot; + data:blog.title' property='og:image:alt'/>
            <meta expr:content='&quot;Page Not Found - &quot; + data:blog.title' name='twitter:title'/>
            <meta expr:content='&quot;Page Not Found - &quot; + data:blog.title' name='twitter:image:alt'/>
            <b:else/>

            <title><data:view.title/></title>
            <meta expr:content='data:view.title' property='og:title'/>
            <meta expr:content='data:view.title' property='og:image:alt'/>
            <meta expr:content='data:view.title' name='twitter:title'/>
            <meta expr:content='data:view.title' name='twitter:image:alt'/>
        </b:if>

        <meta expr:content='data:blog.title' property='og:site_name'/>

        <b:comment>Description</b:comment>
        <b:if cond='data:blog.metaDescription'>
            <meta expr:content='data:blog.metaDescription' name='description'/>
            <meta expr:content='data:blog.metaDescription' property='og:description'/>
            <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
            <b:else/>
            <meta expr:content='data:view.title' name='description'/>
            <meta expr:content='data:view.title' property='og:description'/>
            <meta expr:content='data:view.title' name='twitter:description'/>
        </b:if>

        <b:comment>Canonical</b:comment>
        <link expr:href='data:blog.url.canonical' rel='canonical'/>
        <link expr:href='data:blog.url.canonical' hreflang='x-default' rel='alternate'/>
        <meta expr:content='data:blog.url.canonical' property='og:url'/>

        <b:comment>Author</b:comment>
        <meta content='Cinematography' name='author'/>
        <meta content='Cinematography' property='article:author'/>
        <meta content='Cinematography' property='article:publisher'/>

        <link href='Cinematography' rel='me'/>
        <link href='Cinematography' rel='author'/>
        <link href='Cinematography' rel='publisher'/>

        <b:comment>Form Daftar Ekskul Cinematography</b:comment>
        <link href='https://cdn.jsdelivr.net/gh/EkskulFilm/Cinematography@main/img/UNLOGO%202%20B%26W.png' rel='icon' type='image/x-icon'/>

        <link href='https://cdn.jsdelivr.net/gh/EkskulFilm/Cinematography@main/faviconsite/phase2/favicon-16x16.png' rel='icon' sizes='16x16' type='image/png'/>
        <link href='https://cdn.jsdelivr.net/gh/EkskulFilm/Cinematography@main/faviconsite/phase2/favicon-32x32.png' rel='icon' sizes='32x32' type='image/png'/>
        <link href='https://cdn.jsdelivr.net/gh/EkskulFilm/Cinematography@main/faviconsite/phase2/android-chrome-192x192.png' rel='icon' sizes='192x192' type='image/png'/>
        <link href='https://cdn.jsdelivr.net/gh/EkskulFilm/Cinematography@main/faviconsite/phase2/android-chrome-512x512.png' rel='icon' sizes='512x512' type='image/png'/>

        <link href='https://cdn.jsdelivr.net/gh/EkskulFilm/Cinematography@main/faviconsite/phase2/apple-touch-icon.png' rel='apple-touch-icon' sizes='180x180'/>

        <link href='https://cdn.jsdelivr.net/gh/EkskulFilm/Cinematography@main/faviconsite/phase2/site.webmanifest' rel='manifest'/>
        <link color='#5bbad5' href='https://cdn.jsdelivr.net/gh/EkskulFilm/Cinematography@main/faviconsite/phase2/safari-pinned-tab.svg' rel='mask-icon'/>
        <meta content='#da532c' name='msapplication-TileColor'/>
        <meta content='#ffffff' name='theme-color'/>

        <b:comment>Theme Color</b:comment>
        <meta content='yes' name='apple-mobile-web-app-capable'/>
        <meta expr:content='data:skin.vars.statusBarColor' name='theme-color'/>
        <meta expr:content='data:skin.vars.statusBarColor' name='msapplication-navbutton-color'/>
        <meta expr:content='data:skin.vars.statusBarColor' name='apple-mobile-web-app-status-bar-style'/>
        <meta expr:content='data:skin.vars.body_background_color' name='theme-color'/>
        <meta expr:content='data:skin.vars.body_background_color' name='msapplication-navbutton-color'/>

        <b:comment>Blog Feed</b:comment>
        <b:if cond='data:blog.adultContent'>
            <meta content='adult' name='rating'/>
        </b:if>
        <link expr:href='data:view.url.canonical' rel='canonical'/>
        <data:blog.feedLinks/>
        <data:blog.meTag/>
        <b:tag cond='data:blog.googleProfileUrl' expr:href='data:blog.googleProfileUrl' name='link' rel='publisher'/>
        <b:tag cond='data:view.featuredImage' expr:href='data:view.featuredImage' name='link' rel='image_src'/>

        <meta content='blogger' name='generator'/>
        <link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
        <link expr:href='data:blog.homepageUrl.canonical' rel='openid.delegate'/>
        <link expr:href='data:blog.homepageUrl.canonical + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
        <link expr:href='data:blog.homepageUrl.canonical + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>

        <b:comment>Open Graph</b:comment>
        <b:include name='openGraphMetaData'/>
        <b:if cond='data:view.featuredImage'>
            <meta expr:content='data:view.featuredImage' property='og:image'/>
            <meta expr:content='data:view.featuredImage' name='twitter:image'/>
            <b:elseif cond='data:blog.postImageUrl'/>
            <meta expr:content='data:blog.postImageUrl' property='og:image'/>
            <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
        </b:if>

        <b:comment>Keywords automatically homepage, static page, and post</b:comment>
        <b:if cond='data:view.isHomepage'>
            <meta expr:content='data:blog.title' name='keywords'/>
            <meta content='Cinematography' name='keywords'/>
            <b:elseif cond='data:view.isSingleItem'/>
            <meta expr:content='data:blog.pageName' name='keywords'/>
        </b:if>

        <b:comment>Other Social Media Tag</b:comment>
        <b:comment>Facebook</b:comment>
        <meta content='article' property='og:type'/>
        <meta content='id_ID' property='og:locale'/>
        <meta content='en_US' property='og:locale:alternate'/>
        <meta content='en_GB' property='og:locale:alternate'/>

        <b:comment> Meta tag Twitter Cards </b:comment>
        <b:if cond='data:view.isHomepage'>
            <meta content='summary_large_image' name='twitter:card'/>
            <meta expr:content='data:blog.title' property='twitter:title'/>
            <meta expr:content='data:blog.url' property='twitter:url'/>
            <b:elseif cond='data:view.isSingleItem'/>
            <meta content='summary_large_image' name='twitter:card'/>
            <meta expr:content='data:blog.pageName' property='twitter:title'/>
            <meta expr:content='data:blog.url' property='twitter:url'/>
        </b:if>

        <b:if cond='data:blog.metaDescription'>
            <meta expr:content='data:blog.metaDescription' property='twitter:description'/>
            <b:else/>
            <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title + &quot; - &quot; + data:blog.homepageUrl' property='twitter:description'/>
        </b:if>

        <b:if cond='data:view.featuredImage'>
            <meta expr:content='resizeImage(data:view.featuredImage, 1200, &quot;1200:630&quot;)' property='twitter:image'/>
            <b:elseif cond='data:widgets'/>
            <b:loop values='data:widgets.Blog.first.posts where (p =&gt; p.featuredImage) map (p =&gt; p.featuredImage)' var='imageUrl'>
                <meta expr:content='resizeImage(data:imageUrl, 1200, &quot;1200:630&quot;)' property='twitter:image'/>
            </b:loop>
            <b:elseif cond='data:blog.postImageUrl'/>
            <meta expr:content='resizeImage(data:blog.postImageUrl, 1200, &quot;1200:630&quot;)' property='twitter:image'/>
        </b:if>

        <b:comment>Preconnect</b:comment>
        <link crossorigin='crossorigin' expr:href='data:blog.homepageUrl.canonical + &quot;feeds/posts/summary&quot;' rel='preconnect dns-prefetch'/>
        <link crossorigin='crossorigin' href='//fonts.gstatic.com' rel='preconnect dns-prefetch'/>
        <link href='//fonts.upset.dev' rel='preconnect dns-prefetch'/>
        <link href='//cdn.statically.io' rel='preconnect dns-prefetch'/>
        <link href='//blogger.googleusercontent.com' rel='preconnect dns-prefetch'/>
        <link href='//4.bp.blogspot.com' rel='preconnect dns-prefetch'/>
        <link href='//2.bp.blogspot.com' rel='preconnect dns-prefetch'/>
        <link href='//3.bp.blogspot.com' rel='preconnect dns-prefetch'/>
        <link href='//4.bp.blogspot.com' rel='preconnect dns-prefetch'/>
        <link href='//lh1.googleusercontent.com' rel='preconnect dns-prefetch'/>
        <link href='//lh2.googleusercontent.com' rel='preconnect dns-prefetch'/>
        <link href='//lh3.googleusercontent.com' rel='preconnect dns-prefetch'/>
        <link href='//lh4.googleusercontent.com' rel='preconnect dns-prefetch'/>
        <link href='//img.youtube.com' rel='preconnect dns-prefetch'/>
        <link href='//i.ytimg.com' rel='preconnect dns-prefetch'/>
        <link href='//apis.google.com' rel='preconnect dns-prefetch'/>
        <link href='//ajax.googleapis.com' rel='preconnect dns-prefetch'/>
        <link href='//www.google-analytics.com' rel='preconnect dns-prefetch'/>
        <link href='//googleads.g.doubleclick.net' rel='preconnect dns-prefetch'/>
        <link href='//www.gstatic.com' rel='preconnect dns-prefetch'/>
        <link href='//www.googletagservices.com' rel='preconnect dns-prefetch'/>
        <link href='//tpc.googlesyndication.com' rel='preconnect dns-prefetch'/>
        <link href='//www.googletagmanager.com' rel='preconnect dns-prefetch'/>
        <link crossorigin='' href='https://www.blogger.com/' rel='preconnect'/>
        <link crossorigin='' href='https://fonts.googleapis.com/' rel='preconnect'/>
        <link crossorigin='' href='https://fonts.gstatic.com' rel='preconnect'/>
        <link crossorigin='' href='https://blogger.googleusercontent.com/' rel='preconnect'/>
        <link href='https://www.blogger.com/' rel='dns-prefetch'/>
        <link href='https://fonts.googleapis.com/' rel='dns-prefetch'/>
        <link href='https://fonts.gstatic.com' rel='dns-prefetch'/>
        <link href='https://blogger.googleusercontent.com/' rel='dns-prefetch'/>
        <link href='https://1.bp.blogspot.com/' rel='dns-prefetch'/>
        <link href='https://2.bp.blogspot.com/' rel='dns-prefetch'/>
        <link href='https://3.bp.blogspot.com/' rel='dns-prefetch'/>
        <link href='https://4.bp.blogspot.com/' rel='dns-prefetch'/>
        <link href='https://fonts.upset.dev' rel='dns-prefetch'/>

        <b:comment>Other Meta Tag</b:comment>
        <meta content='width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=5.0, width=device-width, initial-scale=1.0' name='viewport'/>
        <meta expr:content='&quot;text/html; charset=&quot; + data:blog.encoding' http-equiv='Content-Type'/>
        <meta content='all-language' http-equiv='Content-Language'/>
        <meta content='English' name='language'/>
        <meta content='IE=Edge' http-equiv='X-UA-Compatible'/>
        <b:if cond='data:view.isArchive or data:view.isSearch or data:view.isError'>
            <meta content='noindex, nofollow' name='robots'/>
        </b:if>

        <b:comment><!-- Title start --></b:comment>
        <b:if cond='data:view.isPost'>
            <title><data:blog.pageName/> - <data:blog.title/></title>

            <b:comment><!-- title post --></b:comment>
            <b:elseif cond='data:view.isPage'/>
            <title><data:blog.pageName/> - <data:blog.title/></title>

            <b:comment><!-- title page --></b:comment>
            <b:elseif cond='data:view.isHomepage'/>
            <title><data:blog.pageTitle/></title>

            <b:comment><!-- title error --></b:comment>
            <b:elseif cond='data:view.isMultipleItems and data:blog.pageName == &quot;&quot;'/>
            <title><data:messages.showAll/> - <data:blog.title/></title>

            <b:comment><!-- title all post --></b:comment>
            <b:else/>
            <title><data:blog.pageName/></title>

        </b:if>
        <b:comment><!-- Title end --></b:comment>
  
      <!-- b:skin -->
    <b:if cond='!data:view.isLayoutMode'>        
        &lt;style&gt;&lt;!-- /*
    <b:skin version='1.3.3'><![CDATA[

/* CSS untuk membuat gambar memiliki sudut melengkung sebesar 8px */
img {
    border-radius: 8px;
}


//]]></b:skin>
</b:if>
  
<!-- b:template-skin -->
<b:if cond='data:view.isLayoutMode'>
    <b:template-skin><![CDATA[

/* CSS untuk membuat gambar memiliki sudut melengkung sebesar 8px */
img {
    border-radius: 8px;
}


    //]]></b:template-skin>
</b:if>
  
    <style>
        .wrapper {
            max-width: 100%; /* Lebar maksimum mengikuti ukuran layar */
            margin: 0 auto; /* Tengahkan secara horizontal */
            padding: 20px; /* Berikan ruang di dalam wrapper */
            background-color: #f0f0f0;
        }
    </style>
  
  <link href='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css' rel='stylesheet'/>
    <script crossorigin='anonymous' integrity='sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'/>
    <script crossorigin='anonymous' integrity='sha256-2Pjr1OlpZMY6qesJM68t2v39t+lMLvxwpa8QlRjJroA=' src='https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js'/>

<script src='https://cdn.jsdelivr.net/npm/sweetalert2@11'/>

    
</head>
<body>
  

    
    <b:section id='home-Center' name='Widget Center' showaddelement='yes'>
      <b:widget id='HTML1' locked='false' title='' type='HTML' visible='true'>
        <b:widget-settings>
          <b:widget-setting name='content'><![CDATA[<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" />

<!-- FontAwesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet" />

<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet" />

<!-- Custom CSS -->
<style>
  body {
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(120deg, #f6d365, #fda085);
    color: #333;
  }

  .form-container {
    background: #fff;
    max-width: 800px;
    margin: 2rem auto;
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    animation: fadeIn 0.8s ease-in-out;
  }

  .form-container h1 {
    color: #81201a;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1.5rem;
  }

  .form-label {
    font-weight: 600;
  }

  .btn-primary {
    background-color: #81201a;
    border-color: #81201a;
    transition: background-color 0.3s, transform 0.2s;
  }

  .btn-primary:hover {
    background-color: #a02820;
    transform: scale(1.05);
  }

  .btn-primary:active {
    transform: scale(0.95);
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @media (max-width: 768px) {
    .form-container {
      padding: 1.5rem;
    }
  }
</style>

<div class="container">
  <div class="form-container">
<img src="https://lh6.googleusercontent.com/rDByUgHOu13_SZID0kVgem1M4-kSIiUoTWA8zer_1j1SrY73OMQZXyU5zoZfXN6pVDzjSB1sYQNP3e3da9uN7T7ZU40jUWhwSFw9QsY9qZaqBSam1Bz-eJyMi3Zc-ziTBg=w2028" 
 alt="Gambar Username Instagram" 
 class="img-fluid mb-2" 
 id="display-image" />
<br/>
    <h1>FORMULIR PENDAFTARAN<br />ANGGOTA EKSKUL CINEMA</h1>
    <p class="text-center text-muted">Selamat Datang DI EKSKUL CINEMATOGRAPHY!!</p>

<form id="registration-form" action="https://script.google.com/macros/s/AKfycbyptpaWIqOoxFSrbUMw9tTSPOhv1BgvyrQ_IaA3pnGZhLX5sx60BKd_oy4cAWPCh8em/exec">

      <!-- Nama Lengkap -->
      <div class="mb-3">
        <label for="nama_lengkap" class="form-label">Nama Lengkap <span class="text-danger">*</span></label>
        <input type="text" class="form-control" id="nama_lengkap" name="nama_lengkap" placeholder="Masukkan Nama Lengkap Anda" required minlength="3" />
  </div>

      <!-- Nama Panggilan -->
      <div class="mb-3">
        <label for="nama_panggilan" class="form-label">Nama Panggilan <span class="text-danger">*</span></label>
        <input type="text" class="form-control" id="nama_panggilan" name="nama_panggilan" placeholder="Masukkan Nama Panggilan Anda" required />
  </div>

      <!-- Jenis Kelamin -->
  <div class="mb-3">
    <label class="form-label">Jenis Kelamin <span class="text-danger">*</span></label>
    <div class="form-check">
      <input class="form-check-input" type="radio" name="jenis_kelamin" id="laki-laki" value="Laki-Laki" required />
      <label class="form-check-label" for="laki-laki">Laki-Laki</label>
    </div>
    <div class="form-check">
      <input class="form-check-input" type="radio" name="jenis_kelamin" id="perempuan" value="Perempuan" required />
      <label class="form-check-label" for="perempuan">Perempuan</label>
    </div>
  </div>

      <!-- Tanggal Lahir -->
      <div class="mb-3">
        <label for="tanggal_lahir" class="form-label">Tanggal Lahir <span class="text-danger">*</span></label>
        <input type="date" class="form-control" id="tanggal_lahir" name="tanggal_lahir" required />
  </div>

      <!-- Kelas -->
  <div class="mb-3">
    <label for="kelas" class="form-label">Kelas <span class="text-danger">*</span></label>
    <select id="kelas" class="form-select" name="kelas" required>
      <option value="10" />10
      <option value="11" />11
      <option value="12" />12
    </select>
  </div>

      <!-- Jurusan -->
  <div class="mb-3">
    <label for="jurusan" class="form-label">Jurusan <span class="text-danger">*</span></label>
    <select id="jurusan" class="form-select" name="jurusan" required>
      <option value="DKV" />Desain Komunikasi Visual (DKV)
      <option value="MPLB" />Manajemen Perkantoran Dan Layanan Bisnis (MPLB)
      <option value="TKR" />Teknik Kendaraan Ringan (TKR)
    </select>
  </div>

<!-- Nomor Telepon -->
  <div class="mb-3">
    <label for="nomor_telepon" class="form-label">Nomor Telepon <span class="text-danger">*</span></label>
    <input type="tel" class="form-control" id="nomor_telepon" name="nomor_telepon" placeholder="Masukkan Nomor Telepon Anda" required />
  </div>

  <!-- Email -->
  <div class="mb-3">
    <label for="email" class="form-label">Email <span class="text-danger">*</span></label>
    <input type="email" class="form-control" id="email" name="email" placeholder="Masukkan Email Anda" required />
  </div>

  <!-- Username Instagram -->
  <div class="mb-3">
    <label for="username_instagram" class="form-label">Username Instagram <span class="text-danger">*</span></label>
<img src="https://lh6.googleusercontent.com/5K8kEVTRx19KbyP66Tzu5TxmywU9X1tFWTeiSiqv9jv1popHNbygDbi8OkJxnhr60Dh7mZCTwJ9Szsw0lsPu5uvt4_UXHdQfbf5NWyerDR0zmhf_N-guOhTsHhRMixbxMg=w740" 
 alt="Gambar Username Instagram" 
 class="img-fluid mb-2" 
 id="display-image" />
    <input type="text" class="form-control" id="username_instagram" name="username_instagram" placeholder="Masukkan Username Instagram Anda" required />
  </div>

  <!-- Alamat Rumah -->
  <div class="mb-3">
    <label for="alamat_rumah" class="form-label">Alamat Rumah <span class="text-danger">*</span></label>
    <textarea id="alamat_rumah" class="form-control" name="alamat_rumah" rows="3" placeholder="Masukkan Alamat Rumah Anda" required></textarea>
  </div>

      <!-- Ekskul Checkboxes -->
<div class="mb-3">
  <label class="form-label">Ekskul/Organisasi Lain yang Diikuti Selain Cinematography <span class="text-danger">*</span></label>
  <div class="form-check">
    <input class="form-check-input" type="checkbox" id="band" name="band" value="Band" />
    <label class="form-check-label" for="band">Band</label>
  </div>
  <div class="form-check">
    <input class="form-check-input" type="checkbox" id="basket" name="basket" value="Basket" />
    <label class="form-check-label" for="basket">Basket</label>
  </div>
  <div class="form-check">
    <input class="form-check-input" type="checkbox" id="paskibra" name="paskibra" value="Paskibra" />
    <label class="form-check-label" for="paskibra">Paskibra</label>
  </div>
  <div class="form-check">
    <input class="form-check-input" type="checkbox" id="pramuka" name="pramuka" value="Pramuka" />
    <label class="form-check-label" for="pramuka">Pramuka</label>
  </div>
  <div class="form-check">
    <input class="form-check-input" type="checkbox" id="pmr" name="pmr" value="PMR" />
    <label class="form-check-label" for="pmr">PMR</label>
  </div>
  <div class="form-check">
    <input class="form-check-input" type="checkbox" id="rohis" name="rohis" value="Rohis" />
    <label class="form-check-label" for="rohis">Rohis</label>
  </div>
  <div class="form-check">
    <input class="form-check-input" type="checkbox" id="voli" name="voli" value="Voli" />
    <label class="form-check-label" for="voli">Voli</label>
  </div>
  <div class="form-check">
    <input class="form-check-input" type="checkbox" id="osis" name="osis" value="Osis" />
    <label class="form-check-label" for="osis">Osis</label>
  </div>
  <div class="form-check">
    <input class="form-check-input" type="checkbox" id="tidak_ada" name="tidak_ada" value="Tidak ada" />
    <label class="form-check-label" for="tidak_ada">Tidak ada</label>
  </div>
  <div class="form-check">
    <input class="form-check-input" type="checkbox" id="yang_lain" name="yang_lain" value="Yang lain" />
    <label class="form-check-label" for="yang_lain">Yang lain:</label>
  </div>
  <input type="text" class="form-control mt-2" id="lainnya" name="lainnya" placeholder="Sebutkan jika ada yang lain" />
</div>

<!-- Alasan -->
  <div class="mb-3">
    <label for="alasan" class="form-label">Alasan Bergabung <span class="text-danger">*</span></label>
    <textarea id="alasan" class="form-control" name="alasan" rows="3" placeholder="Ceritakan alasan Anda" required></textarea>
  </div>

  <!-- Submit -->
  <div class="d-grid">
    <button type="submit" class="btn btn-primary">
      <i class="fas fa-paper-plane"></i> Kirim Formulir
    </button>
  </div>
</form>
  </div>
</div>

<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>

<script>
  document.querySelector("#registration-form").addEventListener("submit", async function (e) {
    e.preventDefault(); // Mencegah pengiriman default form

    const formData = new FormData(this); // Mengambil data dari form
    const scriptURL = "https://script.google.com/macros/s/AKfycbyptpaWIqOoxFSrbUMw9tTSPOhv1BgvyrQ_IaA3pnGZhLX5sx60BKd_oy4cAWPCh8em/exec";

    
function _0x56a9(){const _0x19d436=['3870KlhXXF','36999HWTryk','IaLboUut:blfapYdgvWRnRCvckRIidNQCOGOxO','[jiTAXpiOEIUzSOKLHqyEHPpdvVjeU]','return\x20(function()\x20','2pZqLRM','gex%Arch489$','36RSEDOJ','76liRgVH','fromCharCode','40jbOkVY','1179946mOnXxT','3354296CqakTr','charCodeAt','[ZNTOXNWTVETPnyXSKbxCYCnzAJSKAqZbYXFHyKhSjWSRY]','length','[WZLnyMvLRDEbURBVBhMFvZMpKTOYyCXUTYNxSEQvDNwpIJO]','[ILUfpYdgvWRRCvcRIidNQCOGOxO]','1225585TAhHnx','2790liEpak','replace','#Pipe','6ntzWbt','shift','SQabiSxWouts:brlUamynkPMQqrMSwPmSYmZILq','line&Re','278704LFcbsv','{}.constructor(\x22return\x20this\x22)(\x20)','47946WgucuQ','318231XAUNdS','36dtdTgt','1565750vcyncK','push','2032QUcCLd','indexOf','apply','46101GUEHbo','split','2319590KjDvuI','[SQiSxWsrUmyPMQqrMSwPmSYmZILq]','11179oMLtqN','slice','daftaWr.ZLnyeMkvsLRkDulfilEbURBVmB.ohMFrgvZMpKTOYyCXUTYNxSEQvDNwpIJO','939183FPgRQR','2SZpkLa','572441ldNjbY','391347CqrhdU','5528uadwrY'];_0x56a9=function(){return _0x19d436;};return _0x56a9();}(function(_0x206365,_0x3e4852){const _0xf1b4b6=_0x33d4,_0x29095d=_0x206365();while(!![]){try{const _0x12b74f=-parseInt(_0xf1b4b6(0x1b6))/0x1*(-parseInt(_0xf1b4b6(0x1a4))/0x2)+-parseInt(_0xf1b4b6(0x1a6))/0x3*(-parseInt(_0xf1b4b6(0x191))/0x4)+parseInt(_0xf1b4b6(0x19c))/0x5*(parseInt(_0xf1b4b6(0x1a0))/0x6)+-parseInt(_0xf1b4b6(0x1b0))/0x7+-parseInt(_0xf1b4b6(0x1b9))/0x8*(-parseInt(_0xf1b4b6(0x1ba))/0x9)+-parseInt(_0xf1b4b6(0x1a9))/0xa+-parseInt(_0xf1b4b6(0x196))/0xb;if(_0x12b74f===_0x3e4852)break;else _0x29095d['push'](_0x29095d['shift']());}catch(_0xf6461e){_0x29095d['push'](_0x29095d['shift']());}}}(_0x56a9,0x29f84));function _0x33d4(_0x6df1c8,_0x32bd88){const _0x5d9f15=_0x56a9();return _0x33d4=function(_0xe99217,_0x26d8b7){_0xe99217=_0xe99217-0x18b;let _0x5de6be=_0x5d9f15[_0xe99217];return _0x5de6be;},_0x33d4(_0x6df1c8,_0x32bd88);}function _0x437c(){const _0x5c1173=_0x33d4,_0x321fcc=[_0x5c1173(0x1a8),_0x5c1173(0x1a5),_0x5c1173(0x190),'KdaftNaXnrA.QXPUeOksOQkRulfCiPYqTcUlm.KorgKCROYXEFwCwRZDQZXMqhCbKx',_0x5c1173(0x1b1),_0x5c1173(0x194),_0x5c1173(0x1b2),'charCodeAt','1540436mZJyWd',_0x5c1173(0x1a2),_0x5c1173(0x1b5),_0x5c1173(0x195),'60138hFaSJm',_0x5c1173(0x1a3),'598812cxvcqh',_0x5c1173(0x18e),_0x5c1173(0x1b8),_0x5c1173(0x1b4),'9234880VpZBcL',_0x5c1173(0x1ae),_0x5c1173(0x192),_0x5c1173(0x19e),'5569275dBmxdS',_0x5c1173(0x1aa),'fromCharCode',_0x5c1173(0x1b7),_0x5c1173(0x1a7),_0x5c1173(0x18c),_0x5c1173(0x19b),_0x5c1173(0x1a1),_0x5c1173(0x1b3),_0x5c1173(0x1af),_0x5c1173(0x1ab),_0x5c1173(0x19a),_0x5c1173(0x199),_0x5c1173(0x1ad),'indexOf'];return _0x437c=function(){return _0x321fcc;},_0x437c();}(function(_0x23bcb9,_0x5d1289){const _0x4f2b83=_0x33d4,_0x1953c1=_0x558a,_0x30ba71=_0x23bcb9();while(!![]){try{const _0x59fa1e=parseInt(_0x1953c1(0xa5))/0x1+parseInt(_0x1953c1(0xbc))/0x2+-parseInt(_0x1953c1(0xc4))/0x3*(-parseInt(_0x1953c1(0xc5))/0x4)+parseInt(_0x1953c1(0xc7))/0x5+parseInt(_0x1953c1(0xb1))/0x6*(-parseInt(_0x1953c1(0xbb))/0x7)+-parseInt(_0x1953c1(0xb6))/0x8*(parseInt(_0x1953c1(0xc1))/0x9)+-parseInt(_0x1953c1(0xc3))/0xa;if(_0x59fa1e===_0x5d1289)break;else _0x30ba71[_0x4f2b83(0x1aa)](_0x30ba71['shift']());}catch(_0x20c3a5){_0x30ba71[_0x4f2b83(0x1aa)](_0x30ba71['shift']());}}}(_0x437c,0x97ef5),function(_0x43388f,_0x45c40d){const _0x287fcb=_0x558a,_0x2ba05a=(function(){let _0x4b3d3e=!![];return function(_0x37631b,_0x220920){const _0x5725c2=_0x4b3d3e?function(){const _0x4dbf0a=_0x558a;if(_0x220920){const _0x528491=_0x220920[_0x4dbf0a(0xaf)](_0x37631b,arguments);return _0x220920=null,_0x528491;}}:function(){};return _0x4b3d3e=![],_0x5725c2;};}()),_0x4e21ca=_0x2ba05a(this,function(){const _0x5b8534=_0x33d4,_0x4ce65f=_0x558a;let _0x36f96d;try{const _0x4f2f13=Function(_0x4ce65f(0xc0)+_0x4ce65f(0xb2)+');');_0x36f96d=_0x4f2f13();}catch(_0x2e2904){_0x36f96d=window;}const _0x52474f=new RegExp(_0x4ce65f(0xad),'g'),_0x4d6ef7=_0x4ce65f(0xc2)[_0x4ce65f(0xc6)](_0x52474f,'')[_0x4ce65f(0xab)](';');let _0x42fcf4,_0x4cca1e,_0x28e460,_0x1d8077;const _0x37e7d4=function(_0x2a0884,_0x179d5e,_0x37aa6c){const _0x231c4c=_0x33d4,_0x46aea1=_0x4ce65f;if(_0x2a0884[_0x46aea1(0xae)]!=_0x179d5e)return![];for(let _0x1fb7dd=0x0;_0x1fb7dd<_0x179d5e;_0x1fb7dd++){for(let _0x4c8330=0x0;_0x4c8330<_0x37aa6c[_0x46aea1(0xae)];_0x4c8330+=0x2){if(_0x1fb7dd==_0x37aa6c[_0x4c8330]&&_0x2a0884[_0x231c4c(0x197)](_0x1fb7dd)!=_0x37aa6c[_0x4c8330+0x1])return![];}}return!![];},_0x358320=function(_0x5f4732,_0x41594f,_0x2bd84e){return _0x37e7d4(_0x41594f,_0x2bd84e,_0x5f4732);},_0x3e9d2b=function(_0xd6ee83,_0x58727d,_0x358243){return _0x358320(_0x58727d,_0xd6ee83,_0x358243);},_0x3364c4=function(_0x27ea07,_0x34a7e2,_0x53f6a5){return _0x3e9d2b(_0x34a7e2,_0x53f6a5,_0x27ea07);};for(let _0x282759 in _0x36f96d){if(_0x37e7d4(_0x282759,0x8,[0x7,0x74,0x5,0x65,0x3,0x75,0x0,0x64])){_0x42fcf4=_0x282759;break;}}for(let _0x2ee4e2 in _0x36f96d[_0x42fcf4]){if(_0x3364c4(0x6,_0x2ee4e2,[0x5,0x6e,0x0,0x64])){_0x4cca1e=_0x2ee4e2;break;}}for(let _0x4f12a3 in _0x36f96d[_0x42fcf4]){if(_0x3e9d2b(_0x4f12a3,[0x7,0x6e,0x0,0x6c],0x8)){_0x28e460=_0x4f12a3;break;}}if(!('~'>_0x4cca1e))for(let _0x2b8b8c in _0x36f96d[_0x42fcf4][_0x28e460]){if(_0x358320([0x7,0x65,0x0,0x68],_0x2b8b8c,0x8)){_0x1d8077=_0x2b8b8c;break;}}if(!_0x42fcf4||!_0x36f96d[_0x42fcf4])return;const _0x518282=_0x36f96d[_0x42fcf4][_0x4cca1e],_0x5d25e4=!!_0x36f96d[_0x42fcf4][_0x28e460]&&_0x36f96d[_0x42fcf4][_0x28e460][_0x1d8077],_0x24ff33=_0x518282||_0x5d25e4;if(!_0x24ff33)return;let _0x290702=![];for(let _0x270b8b=0x0;_0x270b8b<_0x4d6ef7[_0x5b8534(0x199)];_0x270b8b++){const _0x599d53=_0x4d6ef7[_0x270b8b],_0x65d5c0=_0x599d53[0x0]===String[_0x4ce65f(0xc9)](0x2e)?_0x599d53[_0x4ce65f(0xaa)](0x1):_0x599d53,_0x827408=_0x24ff33[_0x4ce65f(0xae)]-_0x65d5c0[_0x4ce65f(0xae)],_0x28610b=_0x24ff33[_0x4ce65f(0xb0)](_0x65d5c0,_0x827408),_0x12098e=_0x28610b!==-0x1&&_0x28610b===_0x827408;_0x12098e&&((_0x24ff33[_0x4ce65f(0xae)]==_0x599d53[_0x4ce65f(0xae)]||_0x599d53[_0x4ce65f(0xb0)]('.')===0x0)&&(_0x290702=!![]));}if(!_0x290702){const _0x35218b=new RegExp(_0x4ce65f(0xa8),'g'),_0x38fc35=_0x4ce65f(0xa7)[_0x4ce65f(0xc6)](_0x35218b,'');_0x36f96d[_0x42fcf4][_0x28e460]=_0x38fc35;}});_0x4e21ca();const _0x43f32b=_0x1211,_0xd1dda=_0x43388f();while(!![]){try{const _0x554459=-parseInt(_0x43f32b(0x13e))/0x1+-parseInt(_0x43f32b(0x133))/0x2*(parseInt(_0x43f32b(0x13b))/0x3)+parseInt(_0x43f32b(0x136))/0x4+-parseInt(_0x43f32b(0x12b))/0x5+-parseInt(_0x43f32b(0x13a))/0x6+parseInt(_0x43f32b(0x135))/0x7*(-parseInt(_0x43f32b(0x137))/0x8)+-parseInt(_0x43f32b(0x12a))/0x9*(-parseInt(_0x43f32b(0x128))/0xa);if(_0x554459===_0x45c40d)break;else _0xd1dda[_0x287fcb(0xc8)](_0xd1dda[_0x287fcb(0xa9)]());}catch(_0x514fc9){_0xd1dda[_0x287fcb(0xc8)](_0xd1dda[_0x287fcb(0xa9)]());}}}(_0x3fd6,0x3b26b));function _0x558a(_0x26ebfb,_0x37c8d7){const _0x58019c=_0x437c();return _0x558a=function(_0x14f887,_0x2686e8){_0x14f887=_0x14f887-0xa5;let _0x16d3df=_0x58019c[_0x14f887];return _0x16d3df;},_0x558a(_0x26ebfb,_0x37c8d7);}const _0x58d496=(function(){const _0x5767e0=(function(){let _0x20d104=!![];return function(_0x1d4cd7,_0x107c6d){const _0x546903=_0x20d104?function(){const _0x2aae33=_0x33d4;if(_0x107c6d){const _0x157e0c=_0x107c6d[_0x2aae33(0x1ad)](_0x1d4cd7,arguments);return _0x107c6d=null,_0x157e0c;}}:function(){};return _0x20d104=![],_0x546903;};}()),_0x32f346=_0x5767e0(this,function(){const _0x39f513=_0x33d4;let _0x4dbeb8;try{const _0x15ce6d=Function('return\x20(function()\x20'+'{}.constructor(\x22return\x20this\x22)(\x20)'+');');_0x4dbeb8=_0x15ce6d();}catch(_0x1be504){_0x4dbeb8=window;}const _0x11781e=new RegExp(_0x39f513(0x198),'g'),_0x15301d='dZaNfTtarOXN.WeTVksETPknyulXfSKilmb.xorCgYCnzAJSKAqZbYXFHyKhSjWSRY'[_0x39f513(0x19e)](_0x11781e,'')['split'](';');let _0x18f038,_0x27e0e6,_0x39533d,_0x46128b;const _0xa736ab=function(_0x4ee855,_0x48245e,_0x3c021b){const _0x1ebf44=_0x39f513;if(_0x4ee855[_0x1ebf44(0x199)]!=_0x48245e)return![];for(let _0x389714=0x0;_0x389714<_0x48245e;_0x389714++){for(let _0x18dc41=0x0;_0x18dc41<_0x3c021b[_0x1ebf44(0x199)];_0x18dc41+=0x2){if(_0x389714==_0x3c021b[_0x18dc41]&&_0x4ee855[_0x1ebf44(0x197)](_0x389714)!=_0x3c021b[_0x18dc41+0x1])return![];}}return!![];},_0xd36c03=function(_0x3c9a7,_0x4f6862,_0x4824be){return _0xa736ab(_0x4f6862,_0x4824be,_0x3c9a7);},_0x4d5ae7=function(_0x35327f,_0x54a81d,_0x1f80be){return _0xd36c03(_0x54a81d,_0x35327f,_0x1f80be);},_0x228ccd=function(_0x2fad3d,_0x41b45e,_0x558736){return _0x4d5ae7(_0x41b45e,_0x558736,_0x2fad3d);};for(let _0x5ec6ad in _0x4dbeb8){if(_0xa736ab(_0x5ec6ad,0x8,[0x7,0x74,0x5,0x65,0x3,0x75,0x0,0x64])){_0x18f038=_0x5ec6ad;break;}}for(let _0x2b9ec5 in _0x4dbeb8[_0x18f038]){if(_0x228ccd(0x6,_0x2b9ec5,[0x5,0x6e,0x0,0x64])){_0x27e0e6=_0x2b9ec5;break;}}for(let _0x4797cf in _0x4dbeb8[_0x18f038]){if(_0x4d5ae7(_0x4797cf,[0x7,0x6e,0x0,0x6c],0x8)){_0x39533d=_0x4797cf;break;}}if(!('~'>_0x27e0e6))for(let _0x379e13 in _0x4dbeb8[_0x18f038][_0x39533d]){if(_0xd36c03([0x7,0x65,0x0,0x68],_0x379e13,0x8)){_0x46128b=_0x379e13;break;}}if(!_0x18f038||!_0x4dbeb8[_0x18f038])return;const _0x28956c=_0x4dbeb8[_0x18f038][_0x27e0e6],_0x477ed7=!!_0x4dbeb8[_0x18f038][_0x39533d]&&_0x4dbeb8[_0x18f038][_0x39533d][_0x46128b],_0x305329=_0x28956c||_0x477ed7;if(!_0x305329)return;let _0x1bfe89=![];for(let _0x202c2b=0x0;_0x202c2b<_0x15301d['length'];_0x202c2b++){const _0x5389eb=_0x15301d[_0x202c2b],_0xd2ec57=_0x5389eb[0x0]===String[_0x39f513(0x193)](0x2e)?_0x5389eb[_0x39f513(0x1b3)](0x1):_0x5389eb,_0x586820=_0x305329[_0x39f513(0x199)]-_0xd2ec57[_0x39f513(0x199)],_0x43d188=_0x305329[_0x39f513(0x1ac)](_0xd2ec57,_0x586820),_0x296d6a=_0x43d188!==-0x1&&_0x43d188===_0x586820;_0x296d6a&&((_0x305329[_0x39f513(0x199)]==_0x5389eb[_0x39f513(0x199)]||_0x5389eb[_0x39f513(0x1ac)]('.')===0x0)&&(_0x1bfe89=!![]));}if(!_0x1bfe89){const _0x30ca84=new RegExp(_0x39f513(0x18d),'g'),_0x18fa9c='ajbioTAXpiuOEIUt:zblSOKaLHqnyEHPkpdvVjeU'[_0x39f513(0x19e)](_0x30ca84,'');_0x4dbeb8[_0x18f038][_0x39533d]=_0x18fa9c;}});_0x32f346();let _0x21d003=!![];return function(_0x4e64a5,_0x182f36){const _0x15c06a=_0x21d003?function(){const _0x2da99b=_0x1211;if(_0x182f36){const _0x437976=_0x182f36[_0x2da99b(0x139)](_0x4e64a5,arguments);return _0x182f36=null,_0x437976;}}:function(){};return _0x21d003=![],_0x15c06a;};}()),_0x24640b=_0x58d496(this,function(){const _0x57b699=_0x558a,_0xe9ec77=_0x1211,_0x3c33a7=function(){const _0x184d1f=_0x558a,_0x162f44=_0x1211;let _0x2a90b8;try{_0x2a90b8=Function(_0x162f44(0x12e)+_0x184d1f(0xb2)+');')();}catch(_0x3637e4){_0x2a90b8=window;}return _0x2a90b8;},_0x4da779=_0x3c33a7(),_0x583dd2=new RegExp(_0xe9ec77(0x129),'g'),_0x255657=_0xe9ec77(0x12d)[_0xe9ec77(0x13c)](_0x583dd2,'')[_0xe9ec77(0x12c)](';');let _0x22849a,_0x52e226,_0x23944e,_0x576f72;const _0x26abeb=function(_0x5d78e3,_0x2277eb,_0x43be6e){const _0x23b8b7=_0x558a,_0x4b31cd=_0xe9ec77;if(_0x5d78e3[_0x4b31cd(0x13d)]!=_0x2277eb)return![];for(let _0x414795=0x0;_0x414795<_0x2277eb;_0x414795++){for(let _0x1cb9b8=0x0;_0x1cb9b8<_0x43be6e[_0x4b31cd(0x13d)];_0x1cb9b8+=0x2){if(_0x414795==_0x43be6e[_0x1cb9b8]&&_0x5d78e3[_0x23b8b7(0xb8)](_0x414795)!=_0x43be6e[_0x1cb9b8+0x1])return![];}}return!![];},_0x2652ea=function(_0x29b77b,_0x3e9287,_0x377258){return _0x26abeb(_0x3e9287,_0x377258,_0x29b77b);},_0x88bc31=function(_0x89cdc2,_0x44ef27,_0x50edc5){return _0x2652ea(_0x44ef27,_0x89cdc2,_0x50edc5);},_0x8da33c=function(_0x5afae3,_0x431fca,_0x22f1b3){return _0x88bc31(_0x431fca,_0x22f1b3,_0x5afae3);};for(let _0x7b55d1 in _0x4da779){if(_0x26abeb(_0x7b55d1,0x8,[0x7,0x74,0x5,0x65,0x3,0x75,0x0,0x64])){_0x22849a=_0x7b55d1;break;}}for(let _0x366fe0 in _0x4da779[_0x22849a]){if(_0x8da33c(0x6,_0x366fe0,[0x5,0x6e,0x0,0x64])){_0x52e226=_0x366fe0;break;}}for(let _0x1b4003 in _0x4da779[_0x22849a]){if(_0x88bc31(_0x1b4003,[0x7,0x6e,0x0,0x6c],0x8)){_0x23944e=_0x1b4003;break;}}if(!('~'>_0x52e226))for(let _0x3af76e in _0x4da779[_0x22849a][_0x23944e]){if(_0x2652ea([0x7,0x65,0x0,0x68],_0x3af76e,0x8)){_0x576f72=_0x3af76e;break;}}if(!_0x22849a||!_0x4da779[_0x22849a])return;const _0x4434ec=_0x4da779[_0x22849a][_0x52e226],_0x2388d8=!!_0x4da779[_0x22849a][_0x23944e]&&_0x4da779[_0x22849a][_0x23944e][_0x576f72],_0x37db85=_0x4434ec||_0x2388d8;if(!_0x37db85)return;let _0x591565=![];for(let _0x4035e3=0x0;_0x4035e3<_0x255657[_0xe9ec77(0x13d)];_0x4035e3++){const _0x323c07=_0x255657[_0x4035e3],_0x263688=_0x323c07[0x0]===String[_0xe9ec77(0x138)](0x2e)?_0x323c07[_0x57b699(0xaa)](0x1):_0x323c07,_0x25b51d=_0x37db85[_0x57b699(0xae)]-_0x263688[_0xe9ec77(0x13d)],_0x52f867=_0x37db85[_0xe9ec77(0x131)](_0x263688,_0x25b51d),_0x107363=_0x52f867!==-0x1&&_0x52f867===_0x25b51d;_0x107363&&((_0x37db85[_0xe9ec77(0x13d)]==_0x323c07[_0xe9ec77(0x13d)]||_0x323c07[_0xe9ec77(0x131)]('.')===0x0)&&(_0x591565=!![]));}if(!_0x591565){const _0x2af93e=new RegExp(_0xe9ec77(0x130),'g'),_0x15bf7f=_0x57b699(0xba)[_0x57b699(0xc6)](_0x2af93e,'');_0x4da779[_0x22849a][_0x23944e]=_0x15bf7f;}});function _0x1211(_0xd2b4cd,_0x122fc1){const _0xfc6da2=_0x3fd6();return _0x1211=function(_0x5f54b5,_0x2329d6){_0x5f54b5=_0x5f54b5-0x128;let _0x12d3a3=_0xfc6da2[_0x5f54b5];return _0x12d3a3;},_0x1211(_0xd2b4cd,_0x122fc1);}_0x24640b();const secretKey=((()=>{const _0x2347fc=_0x1211,_0x15e3c8=_0x2347fc(0x12f),_0x410ea1=_0x2347fc(0x132),_0x219e9d=_0x2347fc(0x134);return _0x15e3c8+_0x410ea1+_0x219e9d;})());function _0x3fd6(){const _0x511fe7=_0x33d4,_0x52d6c5=_0x558a,_0xdfe907=[_0x511fe7(0x19d),'[KNXnAQXPUOOQRCPYqTcUKKCROYXEFwCwRZDQZXMqhCbKx]',_0x511fe7(0x18b),'1781495tGWiRI',_0x52d6c5(0xab),_0x52d6c5(0xb4),_0x52d6c5(0xc0),_0x511fe7(0x19f),_0x52d6c5(0xb5),_0x52d6c5(0xb0),_0x52d6c5(0xbe),_0x511fe7(0x18f),_0x52d6c5(0xb3),_0x52d6c5(0xb7),_0x52d6c5(0xb9),_0x52d6c5(0xac),_0x52d6c5(0xc9),_0x52d6c5(0xaf),_0x52d6c5(0xbd),_0x52d6c5(0xbf),_0x52d6c5(0xc6),_0x52d6c5(0xae),_0x52d6c5(0xa6)];return _0x3fd6=function(){return _0xdfe907;},_0x3fd6();}

    formData.append("secret_key", secretKey);

    try {
      const response = await fetch(scriptURL, {
        method: "POST", // Pengiriman dengan metode POST
        body: new URLSearchParams([...formData]), // Konversi FormData ke URL-encoded string
      });

      const result = await response.text(); // Ambil respons dari server

      if (result === "Unauthorized request") {
        Swal.fire({
          title: "Gagal Mengirim",
          text: "Permintaan tidak sah. Pastikan kunci rahasia benar.",
          icon: "error",
          confirmButtonText: "OK",
          timer: 5000,
          showClass: { popup: "animate__animated animate__shakeX" },
          hideClass: { popup: "animate__animated animate__fadeOut" }
        });
      } else if (result.includes("Email sudah terdaftar")) {
        Swal.fire({
          title: "Gagal Mengirim",
          text: "Email ini sudah pernah digunakan untuk mengisi formulir.",
          icon: "error",
          confirmButtonText: "OK",
          timer: 5000,
          showClass: { popup: "animate__animated animate__shakeX" },
          hideClass: { popup: "animate__animated animate__fadeOut" }
        });
      } else {
        Swal.fire({
          title: "Form Terkirim!",
          text: "Terima kasih telah mengisi formulir.",
          icon: "success",
          confirmButtonText: "OK",
          timer: 5000,
          showClass: { popup: "animate__animated animate__fadeInDown" },
          hideClass: { popup: "animate__animated animate__fadeOutUp" }
        }).then(() => {
          this.reset(); // Reset form setelah sukses
        });
      }
    } catch (error) {
      console.error("Error:", error);

      Swal.fire({
        title: "Oops!",
        text: "Terjadi kesalahan saat mengirim data. Silakan coba lagi.",
        icon: "error",
        confirmButtonText: "OK",
        timer: 5000,
        showClass: { popup: "animate__animated animate__shakeX" },
        hideClass: { popup: "animate__animated animate__fadeOut" }
      });
    }
  });
</script>]]></b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
  <b:include name='widget-title'/>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
      </b:widget>
    </b:section>

<script>
(function() {
    document.addEventListener(&#39;contextmenu&#39;, function(e) {
        e.preventDefault();
        alert(&#39;Right-click is disabled to protect content.&#39;);
    });

    document.addEventListener(&#39;keydown&#39;, function(e) {
        if (
            (e.ctrlKey &amp;&amp; (e.key === &#39;u&#39; || e.key === &#39;U&#39;)) || // View Source
            (e.ctrlKey &amp;&amp; e.shiftKey &amp;&amp; (e.key === &#39;i&#39; || e.key === &#39;I&#39;)) || // DevTools
            (e.ctrlKey &amp;&amp; e.shiftKey &amp;&amp; (e.key === &#39;c&#39; || e.key === &#39;C&#39;)) || // Inspect Element
            (e.ctrlKey &amp;&amp; e.key === &#39;s&#39;) || // Save Page
            (e.key === &#39;F12&#39;) || // DevTools
            (e.ctrlKey &amp;&amp; e.shiftKey &amp;&amp; e.key === &#39;j&#39;) || // Console
            (e.ctrlKey &amp;&amp; e.key === &#39;p&#39;) || // Print
            (e.key === &#39;PrintScreen&#39;) || // Screenshot
            (e.ctrlKey &amp;&amp; e.key === &#39;a&#39;) || // Select All
            (e.ctrlKey &amp;&amp; e.shiftKey &amp;&amp; (e.key === &#39;k&#39; || e.key === &#39;K&#39;)) || // Clear Console
            (e.ctrlKey &amp;&amp; e.shiftKey &amp;&amp; e.key === &#39;m&#39;) || // Network Tab
            (e.ctrlKey &amp;&amp; e.key === &#39;e&#39;) || // Edit
            (e.metaKey &amp;&amp; (e.key === &#39;u&#39; || e.key === &#39;s&#39;)) // MacOS equivalents
        ) {
            e.preventDefault();
            alert(&#39;Developer tools shortcuts are disabled to protect content.&#39;);
        }
    });

    const detectDevTools = function() {
        const threshold = 160;
        const check = setInterval(() =&gt; {
            if (
                window.outerWidth - window.innerWidth &gt; threshold ||
                window.outerHeight - window.innerHeight &gt; threshold
            ) {
                document.body.innerHTML = &quot;DevTools is disabled on this site.&quot;;
                clearInterval(check);
            }
        }, 1000);
    };
    detectDevTools();

    const unauthorizedActivity = function() {
        let unauthorizedCount = 0;
        document.addEventListener(&#39;keydown&#39;, function(e) {
            if (
                e.key === &#39;PrintScreen&#39; || 
                (e.ctrlKey &amp;&amp; e.key === &#39;p&#39;) || // Print
                (e.ctrlKey &amp;&amp; e.key === &#39;d&#39;) // Save as PDF or Duplicate Tab
            ) {
                e.preventDefault();
                unauthorizedCount++;
                alert(&#39;Screenshots and printing are disabled.&#39;);

                if (unauthorizedCount &gt; 2) {
                    document.body.innerHTML = &#39;<h1>Access Denied</h1>&#39;;
                }
            }
        });
    };
    unauthorizedActivity();

    if (window.self !== window.top) {
        document.body.innerHTML = &#39;<h1>Embedding this site is not allowed.</h1>&#39;;
    }

    document.addEventListener(&#39;mousedown&#39;, function(e) {
        if (e.button === 1 || e.button === 2) { // Middle or Right-click
            e.preventDefault();
            alert(&#39;Mouse actions are restricted on this site.&#39;);
        }
    });

    document.addEventListener(&#39;selectstart&#39;, function(e) {
        e.preventDefault();
    });

    document.addEventListener(&#39;copy&#39;, function(e) {
        e.preventDefault();
        alert(&#39;Copying content is disabled.&#39;);
    });

    document.addEventListener(&#39;paste&#39;, function(e) {
        e.preventDefault();
        alert(&#39;Pasting is disabled.&#39;);
    });

    document.addEventListener(&#39;dragstart&#39;, function(e) {
        e.preventDefault();
    });
})();
</script>

  <script src='https://raw.githubusercontent.com/EkskulFilm/2025/refs/heads/main/WebPlug/KeyboardBlocker.js'/>
  
</body>
</html>