2024-04-24 13:20:52 +07:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<meta name="description" content="">
|
|
|
|
|
<meta name="author" content="">
|
|
|
|
|
<link rel="icon" type="image/png" sizes="16x16" href="<?=base_url();?>/assets/favicon.png">
|
2025-08-21 10:53:32 +07:00
|
|
|
<title>Summit-CRM Login</title>
|
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
2025-08-22 08:55:55 +07:00
|
|
|
background-color: #85b9df;
|
2025-08-21 10:53:32 +07:00
|
|
|
}
|
|
|
|
|
.login-container {
|
2025-08-22 08:55:55 +07:00
|
|
|
min-height: 100vh;
|
2025-08-21 10:53:32 +07:00
|
|
|
}
|
|
|
|
|
.login-card {
|
2025-08-22 08:55:55 +07:00
|
|
|
border-radius: 16px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
box-shadow: 0 6px 18px rgba(0,0,0,0.1);
|
2025-08-21 10:53:32 +07:00
|
|
|
}
|
|
|
|
|
.login-img {
|
2025-08-22 08:55:55 +07:00
|
|
|
object-fit: cover;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
2025-08-21 10:53:32 +07:00
|
|
|
}
|
|
|
|
|
.form-control {
|
2025-08-22 08:55:55 +07:00
|
|
|
border-radius: 10px;
|
|
|
|
|
border: 1px solid #dee2e6;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
transition: all 0.3s ease-in-out;
|
2025-08-21 10:53:32 +07:00
|
|
|
}
|
|
|
|
|
.form-control:focus {
|
2025-08-22 08:55:55 +07:00
|
|
|
border-color: #0d6efd;
|
|
|
|
|
box-shadow: 0 0 0 0.2rem rgba(13,110,253,0.15);
|
2025-08-21 10:53:32 +07:00
|
|
|
}
|
|
|
|
|
.btn-primary {
|
2025-08-22 08:55:55 +07:00
|
|
|
border-radius: 10px;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
padding: 0.75rem;
|
|
|
|
|
transition: all 0.3s ease-in-out;
|
2025-08-21 10:53:32 +07:00
|
|
|
}
|
|
|
|
|
.btn-primary:hover {
|
2025-08-22 08:55:55 +07:00
|
|
|
transform: translateY(-2px);
|
|
|
|
|
box-shadow: 0 4px 12px rgba(13,110,253,0.3);
|
2025-08-21 10:53:32 +07:00
|
|
|
}
|
|
|
|
|
.form-check-label {
|
2025-08-22 08:55:55 +07:00
|
|
|
font-size: 0.9rem;
|
|
|
|
|
color: #555;
|
2025-08-21 10:53:32 +07:00
|
|
|
}
|
|
|
|
|
h3 {
|
2025-08-22 08:55:55 +07:00
|
|
|
font-weight: 700;
|
2025-08-21 10:53:32 +07:00
|
|
|
}
|
2025-08-21 13:19:01 +07:00
|
|
|
.card-footer {
|
|
|
|
|
border: none !important;
|
|
|
|
|
box-shadow: none !important;
|
|
|
|
|
background-color: transparent; /* opsional biar menyatu */
|
|
|
|
|
}
|
2025-08-21 10:53:32 +07:00
|
|
|
</style>
|
2024-04-24 13:20:52 +07:00
|
|
|
</head>
|
|
|
|
|
<?php
|
|
|
|
|
helper('cookie');
|
|
|
|
|
if(!isset($email)) { $email = ''; }
|
2025-08-18 15:33:39 +07:00
|
|
|
if(!isset($password)) { $password = ''; }
|
|
|
|
|
|
2024-04-24 13:20:52 +07:00
|
|
|
?>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="preloader">
|
|
|
|
|
<div class="loader">
|
|
|
|
|
<div class="loader__figure"></div>
|
2025-08-21 10:53:32 +07:00
|
|
|
<!-- <p class="loader__label">Summit-CRM</p> -->
|
2024-04-24 13:20:52 +07:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2025-08-21 10:53:32 +07:00
|
|
|
|
|
|
|
|
<div class="container login-container d-flex justify-content-center align-items-center">
|
|
|
|
|
<div class="row w-100 justify-content-center">
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
<div class="card login-card border-0">
|
|
|
|
|
<div class="row g-0">
|
|
|
|
|
|
|
|
|
|
<!-- Bagian Gambar -->
|
|
|
|
|
<div class="col-sm-6 col-md-8 d-none d-md-block">
|
2025-08-22 08:55:55 +07:00
|
|
|
<img src="<?=base_url();?>/assets/images/finalpanda.jpg" alt="login" class="login-img" alt="">
|
2024-04-24 13:20:52 +07:00
|
|
|
</div>
|
2025-08-21 10:53:32 +07:00
|
|
|
|
|
|
|
|
<!-- Bagian Form -->
|
2025-08-21 13:19:01 +07:00
|
|
|
<div class="col-sm-6 col-md-4 d-flex align-items-center mt-4">
|
|
|
|
|
<div class="card-body pt-5 pb-0 px-4 w-100">
|
2025-08-21 15:44:40 +07:00
|
|
|
<h3 class="mb-5 text-center">CRM Login</h3>
|
2025-08-21 13:19:01 +07:00
|
|
|
<form id="loginform" method='POST'>
|
|
|
|
|
<?php if(isset($validation)) { ?>
|
|
|
|
|
<div class='alert alert-danger alert-dismissible pt-3 pb-0'>
|
|
|
|
|
<?= $validation->listErrors(); ?>
|
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"> <span aria-hidden="true"></span> </button>
|
|
|
|
|
</div>
|
|
|
|
|
<?php } ?>
|
|
|
|
|
<?php if (session()->getFlashdata('loginError')) : ?>
|
|
|
|
|
<div class="alert alert-danger alert-dismissible">
|
|
|
|
|
<?= session()->getFlashdata('loginError') ?>
|
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"> <span aria-hidden="true"></span> </button>
|
|
|
|
|
</div>
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
|
|
|
|
|
<div class="form-floating mb-4">
|
|
|
|
|
<input type="email" class="form-control form-control-sm" required id="floatingEmail" name='email' placeholder='email' value='<?=$email;?>' >
|
|
|
|
|
<label for="floatingEmail">Email</label>
|
2025-08-21 10:53:32 +07:00
|
|
|
</div>
|
2025-08-21 13:19:01 +07:00
|
|
|
<div class="form-floating mb-4">
|
|
|
|
|
<input type="password" class="form-control form-control-sm" required id="floatingPassword" name='password' placeholder='password' value='<?=$password;?>'>
|
|
|
|
|
<label for="floatingPassword">Password</label>
|
2025-08-21 10:53:32 +07:00
|
|
|
</div>
|
2025-08-21 13:19:01 +07:00
|
|
|
<div class="d-grid mb-3">
|
|
|
|
|
<button type="submit" class="btn btn-primary btn-sm">Sign In</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-check text-start mb-5">
|
|
|
|
|
<input class="form-check-input" name='rememberme' type="checkbox" value="1" id="rememberme" <?php if(isset($rememberme)) { echo 'checked'; }?>>
|
|
|
|
|
<label class="form-check-label" for="rememberme">
|
|
|
|
|
Remember Me
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<div class="card-footer pt-5 mt-5">
|
|
|
|
|
<p class="text-end text-muted fw-light fs-6 m-0 p-0">© 2022 - <?php echo(date("Y")); ?> 5PANDA🐼WA</p>
|
2025-08-21 10:53:32 +07:00
|
|
|
</div>
|
2025-08-21 13:19:01 +07:00
|
|
|
</div>
|
2024-04-24 13:20:52 +07:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2025-08-21 10:53:32 +07:00
|
|
|
</div>
|
2024-04-24 13:20:52 +07:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2025-08-21 10:53:32 +07:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
2024-04-24 13:20:52 +07:00
|
|
|
</body>
|
|
|
|
|
</html>
|
