<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="csrf-token" content="I2T2qLuNT2yh5A5Gl3UZYdQJXxlAWvmB2MGXTivD">
    <title>Admin GacorGaming  - Masuk</title>
    <!-- plugins:css -->
    <link rel="stylesheet" href="https://cdn.assetsgg.org/content_panel/assets/vendors/mdi/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="https://cdn.assetsgg.org/content_panel/assets/vendors/css/vendor.bundle.base.css">
    <!-- endinject -->
    <!-- Plugin css for this page -->
    <!-- End plugin css for this page -->
    <!-- inject:css -->
    <!-- endinject -->
    <!-- Layout styles -->
    <link rel="stylesheet" href="https://cdn.assetsgg.org/content_panel/assets/css/style.css">
    <!-- End layout styles -->
    <link rel="shortcut icon" href="https://cdn.assetsgg.org/content_panel/assets/logoGG/favicon.png">
    <!-- Loader styles -->
    <style>
        .loader-div {
            position: fixed;
            top: 0;
            left: 0;
            background-color: black;
            height: 100vh;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
        }

        .loader {
            position: relative;
            width: 10vw;
            height: 5vw;
            padding: 1.5vw;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .loader span {
            position: absolute;
            height: 0.8vw;
            width: 0.8vw;
            border-radius: 50%;
            background-color: white;
        }

        .loader span:nth-child(1) {
            animation: loading-dotsA 0.5s infinite linear;
        }

        .loader span:nth-child(2) {
            animation: loading-dotsB 0.5s infinite linear;
        }

        @keyframes loading-dotsA {
            0% {
                transform: none;
            }
            25% {
                transform: translateX(2vw);
            }
            50% {
                transform: none;
            }
            75% {
                transform: translateY(2vw);
            }
            100% {
                transform: none;
            }
        }

        @keyframes loading-dotsB {
            0% {
                transform: none;
            }
            25% {
                transform: translateX(-2vw);
            }
            50% {
                transform: none;
            }
            75% {
                transform: translateY(-2vw);
            }
            100% {
                transform: none;
            }
        }
    </style>
    <style>
      .custom-loads {
          position:fixed;
          width:100%;
          left:0;right:0;top:0;bottom:0;
          background-color: rgb(87 87 87 / 70%);
          z-index:9999;
          display:none;
      }

      @-webkit-keyframes spin {
          from {-webkit-transform:rotate(0deg);}
          to {-webkit-transform:rotate(360deg);}
      }

      @keyframes spin {
          from {transform:rotate(0deg);}
          to {transform:rotate(360deg);}
      }

      .custom-loads::after {
          content:'';
          display:block;
          position:absolute;
          left:48%;top:40%;
          width:40px;height:40px;
          border-style:solid;
          border-color:black;
          border-top-color:transparent;
          border-width: 4px;
          border-radius:50%;
          -webkit-animation: spin .8s linear infinite;
          animation: spin .8s linear infinite;
      }
    </style>
    <!-- End Loader styles -->
  </head>
  <body>
    <link rel="stylesheet" href="https://cdn.assetsgg.org/content_panel/assets/notify/css/iziToast.min.css">
<script src="https://cdn.assetsgg.org/content_panel/assets/notify/js/iziToast.min.js"></script>

<script>
    "use strict";
    function notify(status, message) {
        if (typeof message == 'string') {
            iziToast[status]({
                message: message,
                position: "topCenter"
            });
        } else {
            $.each(message, function(i, val) {
                iziToast[status]({
                    message: val,
                    position: "topCenter"
                });
            });
        }
    }
</script>
    <!-- loader -->
    <!-- <div id="muter" class="loader-div" style="display:none;">
        <span class="loader">
            <span></span>
            <span></span>
        </span>
    </div> -->

    <div id="muter" class="custom-loads" style="display:none;"></div>
    <!-- end loader -->

    <div class="container-scroller">
      <div class="container-fluid page-body-wrapper full-page-wrapper">
        <div class="row w-100 m-0">
          <div class="content-wrapper full-page-wrapper d-flex align-items-center auth">
            <div class="card col-lg-4 mx-auto">
              <div class="card-body px-5 py-5">
                <center>
                  <img src="https://cdn.assetsgg.org/content_panel/assets/logoGG/logo.png" alt="logo" width="250">
                  <h4 class="card-title text-center mb-5">Selamat Datang</h4>
                </center>
                <form id="form-login" method="post">
                  <input type="hidden" name="_token" value="I2T2qLuNT2yh5A5Gl3UZYdQJXxlAWvmB2MGXTivD" autocomplete="off">                                      <div class="form-group">
                    <label>Username atau email *</label>
                    <input id="username" type="text" class="form-control p_input" required>
                  </div>
                  <div class="form-group">
                    <label>Kata sandi *</label>
                    <input id="password" type="password" class="form-control p_input" required>
                  </div>

                  <!-- Captcha -->
                    <div class="row">
                        <div class="col-md-6">
                            <div id="content-captcha"><img src="http://www.printpower.fr/captcha/default?EycRkZ1M" id="captcha-img" alt="captcha"></div> <button id="refresh-captcha" type="button" style="width:30px;height:30px;margin-top:4px;"><i class="mdi mdi-reload"></i></button>
                        </div>
                        <div class="col-md-6">
                            <input type="text" id="insert_captcha" name="captcha" style="color:white;" class="form-control" placeholder="Please Insert Captcha">
                            <small id="message-captcha" style="color:red;"></small>
                        </div>
                    </div>
                    <!-- End of Captcha -->

                  <div class="text-center mt-5">
                    <button type="submit" class="btn btn-warning btn-block enter-btn text-dark">Masuk</button>
                  </div>
                </form>
              </div>
            </div>
          </div>
          <!-- content-wrapper ends -->
        </div>
        <!-- row ends -->
      </div>
      <!-- page-body-wrapper ends -->
    </div>
    <!-- container-scroller -->
    <!-- plugins:js -->
    <script src="https://cdn.assetsgg.org/content_panel/assets/vendors/js/vendor.bundle.base.js"></script>
    <!-- endinject -->
    <!-- Plugin js for this page -->
    <!-- End plugin js for this page -->
    <!-- inject:js -->
    <script src="https://cdn.assetsgg.org/content_panel/assets/js/off-canvas.js"></script>
    <script src="https://cdn.assetsgg.org/content_panel/assets/js/hoverable-collapse.js"></script>
    <script src="https://cdn.assetsgg.org/content_panel/assets/js/misc.js"></script>
    <script src="https://cdn.assetsgg.org/content_panel/assets/js/settings.js"></script>
    <script src="https://cdn.assetsgg.org/content_panel/assets/js/todolist.js"></script>
    <!-- endinject -->

    <script>
      var ipAddress = ''

      $(document).ready(function() {
          getIpClient()
      });

      $('#refresh-captcha').click(function() {
            $("#content-captcha").empty();
            $("#content-captcha").append('<img src="http://www.printpower.fr/captcha/default?u12zCWxa?'+Date.now()+'" id="captcha-img" alt="captcha">');
        });

      function getIpClient() {
          $.get('https://www.cloudflare.com/cdn-cgi/trace', function(data) {
          data = data.trim().split('\n').reduce(function(obj, pair) {
              pair = pair.split('=');
              return obj[pair[0]] = pair[1], obj;
          }, {});
          ipAddress = data.ip
          });
      }

      $('#form-login').submit(function(event) {
          event.preventDefault();

          if (!ipAddress) {
              $("#muter").hide();
              $('#refresh-captcha').click();
              getIpClient()
              return notify('error', 'Device not allowed!');
          }

          if ( $('#insert_captcha').val() === '' ) {
                $('#refresh-captcha').click();
                return notify('error', 'captcha belum diisi!');
            }

          datas = {
              "username": $('#username').val(),
              "password": $('#password').val(),
              "device_id": ipAddress,
              "captcha": $('#insert_captcha').val()
          };

          $("#muter").show();
          $.ajax({
              url: "http://www.printpower.fr/DlnYRHwbnW",
              headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              },
              contentType: 'application/json',
              type: 'POST',
              dataType: 'json',
              data: JSON.stringify(datas)
          })
          .done(function(res) {
              $("#muter").hide();
              if (res.rcode == '01') {
                    $('#refresh-captcha').click();
                  return notify('error', res.message)
              } else if (res.data.blocked == "1") {
                    $('#refresh-captcha').click();
                  notify('error', 'Account has been blocked!')
              } else {
                  saveSessionLogin(res.data, res.data_menu, res.data_special)
              }
          }).fail(function (res) {
              $("#muter").hide();
              $('#refresh-captcha').click();

              if (res) {
                if (res.responseText) {
                    if (res.responseText.includes('validation.captcha')) {
                        $("#insert_captcha").addClass('is-invalid');
                        $("#insert_captcha").val('');
                        document.getElementById('message-captcha').innerHTML = 'captcha is invalid!';
                    }
                }
            } else {
                return notify('error', 'Login Failed!')
            }
        });
      });

      function saveSessionLogin(data, data_menu, data_special) {
        let payload = {
            ...data,
            data_menu: data_menu,
            data_special: data_special
        };

          $.ajax({
              url: "http://www.printpower.fr/ZGtGAnDWPr",
              headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              },
              type: 'POST',
              dataType: 'json',
              data: payload
          }).done(function(res) {
              notify('success', 'Login success')

              window.location.href = "http://www.printpower.fr/dashboard";
          });
      }
    </script>
  </body>
</html>