<?php
session_start();
require_once(__DIR__ . "/../config/db.php");
include(__DIR__ . "/layouts/header.php");
?>

    <link href="/Content/zelma-v2-beta-mobile-css" rel="stylesheet"/>
    <link href="/Content/Account/zelma-v2-beta-forgot-password-css" rel="stylesheet"/>
    <link href="/Content/Theme/zelma-v2-beta-mobile-<?= $config['theme']; ?>-css" rel="stylesheet"/>

</head>

<body data-online-id=""
      data-route="forgot-password" style="--expand-icon-src: url(//d33egg70nrp50s.cloudfront.net/Images/icons/expand.gif?v=20241125);
      --collapse-icon-src: url(//d33egg70nrp50s.cloudfront.net/Images/icons/collapse.gif?v=20241125);
      --play-icon-src: url(//d33egg70nrp50s.cloudfront.net/Images/icons/play.png?v=20241125);
      --desktop-icon-src: url(//d33egg70nrp50s.cloudfront.net/Images/icons/desktop-white.png?v=20241125);
      --jquery-ui-444444-src: url(//d33egg70nrp50s.cloudfront.net/Images/jquery-ui/ui-icons_444444_256x240.png?v=20241125);
      --jquery-ui-555555-src: url(//d33egg70nrp50s.cloudfront.net/Images/jquery-ui/ui-icons_555555_256x240.png?v=20241125);
      --jquery-ui-ffffff-src: url(//d33egg70nrp50s.cloudfront.net/Images/jquery-ui/ui-icons_ffffff_256x240.png?v=20241125);
      --jquery-ui-777620-src: url(//d33egg70nrp50s.cloudfront.net/Images/jquery-ui/ui-icons_777620_256x240.png?v=20241125);
      --jquery-ui-cc0000-src: url(//d33egg70nrp50s.cloudfront.net/Images/jquery-ui/ui-icons_cc0000_256x240.png?v=20241125);
      --jquery-ui-777777-src: url(//d33egg70nrp50s.cloudfront.net/Images/jquery-ui/ui-icons_777777_256x240.png?v=20241125);">


    <?php include(__DIR__ . "/layouts/navbar.php"); ?>

        <div class="standard-form-container">
          <div class="container">
            <div class="row">
              <div class="col-sm-12">
                <div class="forgot-password-container">
                  <div class="forgot-password-note-container">
                    <img alt="Lupa Kata Sandi" class="forget-password-icon" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/icons/lock.svg?v=20241125">
                    <h3>Lupa kata sandi Anda?</h3>
                    Masukkan alamat email atau nomor WhatsApp Anda, dan kami akan mengirimkan kata sandi terbaru kepada Anda.
                  </div>
                  <form action="#" data-ajax="true" data-ajax-begin="onForgotPasswordAjaxRequestBegin" data-ajax-complete="onAjaxRequestComplete" data-ajax-method="POST" data-ajax-success="onForgotPasswordAjaxRequestSuccess" id="forgot_password_form" method="post" novalidate="novalidate">
                    <input type="hidden" name="csrf_token" value="<?= $csrf_token; ?>">
                    <div class="form-group" hidden="">
                      <div class="alert-danger" id="forgot_password_alert"></div>
                    </div>
                    <input type="hidden" name="ChannelType" id="selected_channel_type" value="Whatsapp">
                    <div id="forgot_password_form_container">
                      <div class="form-group">
                        <label for="Whatsapp">WhatsApp</label>
                        <input autocomplete="off" class="form-control format_phone" data-val="true" data-val-regex="Harap masukkan numerik saja" data-val-regex-pattern="^(?=.*[0-9])[0-9\-]+$" id="whatsapp_input" name="WhatsApp" placeholder="Nomor WhatsApp" type="text" value="" maxlength="16">
                        <span class="field-validation-valid standard-required-message" data-valmsg-for="WhatsApp" data-valmsg-replace="true"></span>
                      </div>
                    </div>
                    <div class="text-center form-group forgot-password-note">
                      Jika Anda tidak lagi memiliki akses ke email atau nomor telepon yang terhubung ke akun Anda, hubungi <a href="/contact-us"><strong>Customer Support</strong></a>.
                    </div>
                    <div class="standard-button-group">
                      <input type="submit" class="standard-secondary-button" value="Kirimkan saya kata sandi saya">
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>


<?php 
include(__DIR__.'/layouts/footer.php');
include(__DIR__.'/layouts/sidebar.php');
?>

<div id="popup_modal" class="modal popup-modal" role="dialog" data-title="" aria-label="Popup Modal">
    <div class="modal-dialog">
        <div class="modal-content" style="--desktop-popup-alert-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/desktop/layout/popup/alert.png?v=20241125);;--desktop-popup-notification-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/desktop/layout/popup/notification.png?v=20241125);;--mobile-popup-alert-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/layout/popup/alert.png?v=20241125);;--mobile-popup-notification-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-beta/<?= $config['theme']; ?>/mobile/layout/popup/notification.png?v=20241125);;--event-giveaway-popper-src: url(//d33egg70nrp50s.cloudfront.net/Images/giveaway/popper.png?v=20241125);">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="popup_modal_title">
                </h4>
            </div>
            <div class="modal-body" id="popup_modal_body">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="popup_modal_dismiss_button">
                    OK
                </button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal" id="popup_modal_cancel_button" style="display: none">
                    Tidak
                </button>
                <button type="button" class="btn btn-primary" id="popup_modal_confirm_button" style="display: none">
                    Ya
                </button>
            </div>
        </div>
    </div>
</div>

<script src='/bundles/zelma-v2-beta-mobile-js' defer></script>
<script src='/bundles/Account/forgot-password-js' defer></script>

<script>
  window.addEventListener('DOMContentLoaded', () => {
    initializeForgotPassword({
      platform: "Mobile",
      translations: {
        contactSupportToReset: "Jika Anda perlu mereset kata sandi Anda, silakan hubungi tim Dukungan Pelanggan kami untuk mendapatkan bantuan."
      }
    });
  });
</script>

<script type="text/javascript">
  navigator.serviceWorker.getRegistrations().then(registrations => {
    for (const registration of registrations) {
      registration.unregister();
    }
  });
</script>

<div class="search-popup-container" id="search_popup_container"></div>
<script src='/bundles/reserve-js' defer></script>

</body>
</html>