{"id":4108,"date":"2024-12-15T03:04:38","date_gmt":"2024-12-15T03:04:38","guid":{"rendered":"https:\/\/ypmaidam.my\/?page_id=4108"},"modified":"2024-12-15T03:57:55","modified_gmt":"2024-12-15T03:57:55","slug":"staff","status":"publish","type":"page","link":"https:\/\/ypmaidam.my\/index.php\/staff\/","title":{"rendered":"STAFF"},"content":{"rendered":"<style>.elementor-4108 .elementor-element.elementor-element-804fe61{--display:flex;}<\/style>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4108\" class=\"elementor elementor-4108\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-804fe61 e-flex e-con-boxed e-con e-parent\" data-id=\"804fe61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e04cc9 elementor-widget elementor-widget-html\" data-id=\"1e04cc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Log Masuk<\/title>\n  <!-- Link to Bootstrap CSS -->\n  <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha1\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n  <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons\/font\/bootstrap-icons.css\" rel=\"stylesheet\">\n  <style>\n    body {\n      background-color: #f8f9fa;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 100vh;\n      margin: 0;\n    }\n    .login-container {\n      background: #ffffff;\n      padding: 30px;\n      border-radius: 8px;\n      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    }\n    .form-control:focus {\n      border-color: #007bff;\n      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n    }\n    .btn-primary {\n      background-color: #007bff;\n      border-color: #007bff;\n    }\n    .btn-primary:hover {\n      background-color: #0056b3;\n      border-color: #0056b3;\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"login-container\">\n    <h2 class=\"text-center mb-4\">Log Masuk<\/h2>\n    <form id=\"loginForm\">\n      <div class=\"mb-3\">\n        <label for=\"email\" class=\"form-label\">E-mel<\/label>\n        <input type=\"email\" class=\"form-control\" id=\"email\" placeholder=\"Masukkan e-mel anda\" required>\n      <\/div>\n      <div class=\"mb-3 position-relative\">\n        <label for=\"password\" class=\"form-label\">Kata Laluan<\/label>\n        <div class=\"input-group\">\n          <input type=\"password\" class=\"form-control\" id=\"password\" placeholder=\"Masukkan kata laluan anda\" required>\n          <button type=\"button\" class=\"btn btn-outline-secondary\" id=\"togglePassword\">\n            <i class=\"bi bi-eye\" id=\"toggleIcon\"><\/i>\n          <\/button>\n        <\/div>\n      <\/div>\n      <div class=\"d-grid\">\n        <button type=\"submit\" class=\"btn btn-primary\">Log Masuk<\/button>\n      <\/div>\n    <\/form>\n  <\/div>\n\n  <!-- Bootstrap JS (optional for interactivity) -->\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha1\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\n  <script>\n    const togglePassword = document.getElementById('togglePassword');\n    const passwordInput = document.getElementById('password');\n    const toggleIcon = document.getElementById('toggleIcon');\n    const emailInput = document.getElementById('email');\n\n    \/\/ Toggle password visibility\n    togglePassword.addEventListener('click', () => {\n      const type = passwordInput.type === 'password' ? 'text' : 'password';\n      passwordInput.type = type;\n      toggleIcon.classList.toggle('bi-eye');\n      toggleIcon.classList.toggle('bi-eye-slash');\n    });\n\n    document.getElementById(\"loginForm\").addEventListener(\"submit\", function(event) {\n      event.preventDefault();\n      const email = emailInput.value;\n      const password = passwordInput.value;\n\n      \/\/ Hardcoded email and password check\n      if (email === \"abc@gmail.com\" && password === \"12345\") {\n        \/\/ Redirect to project form page on successful login\n        window.location.href = 'https:\/\/ypmaidam.my\/index.php\/log-in-staff\/'; \/\/ Redirect to the form page\n      } else {\n        \/\/ Show an alert if login fails\n        alert('E-mel atau kata laluan salah!');\n      }\n    });\n  <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Log Masuk Log Masuk E-mel Kata Laluan Log Masuk<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4108","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ypmaidam.my\/index.php\/wp-json\/wp\/v2\/pages\/4108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ypmaidam.my\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ypmaidam.my\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ypmaidam.my\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ypmaidam.my\/index.php\/wp-json\/wp\/v2\/comments?post=4108"}],"version-history":[{"count":10,"href":"https:\/\/ypmaidam.my\/index.php\/wp-json\/wp\/v2\/pages\/4108\/revisions"}],"predecessor-version":[{"id":4130,"href":"https:\/\/ypmaidam.my\/index.php\/wp-json\/wp\/v2\/pages\/4108\/revisions\/4130"}],"wp:attachment":[{"href":"https:\/\/ypmaidam.my\/index.php\/wp-json\/wp\/v2\/media?parent=4108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}