170 lines
8.6 KiB
PHP
170 lines
8.6 KiB
PHP
<?php
|
|
include '../template/template1.php';
|
|
include '../template/header.php';
|
|
include '../template/sidebar.php';
|
|
?>
|
|
|
|
<?php
|
|
// Ambil data admin dari session
|
|
$admin = $_SESSION['user_global_admin'];
|
|
?>
|
|
|
|
<main id="main" class="main">
|
|
<div class="pagetitle">
|
|
<h1>Profile</h1>
|
|
<nav>
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="../index.php">Home</a></li>
|
|
<li class="breadcrumb-item">Users</li>
|
|
<li class="breadcrumb-item active">Profile</li>
|
|
</ol>
|
|
</nav>
|
|
</div><!-- End Page Title -->
|
|
|
|
<section class="section profile">
|
|
<div class="row">
|
|
<div class="col-xl-4">
|
|
<div class="card">
|
|
<div class="card-body profile-card pt-4 d-flex flex-column align-items-center">
|
|
<img src="<?php echo $base_url; ?>/assets/img/profile/<?php echo $admin->foto ?: 'default.jpg'; ?>" alt="Profile" class="rounded-circle" width="120">
|
|
<h2><?php echo $admin->nama_admin; ?></h2>
|
|
<h3>Administrator</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-8">
|
|
<div class="card">
|
|
<div class="card-body pt-3">
|
|
<ul class="nav nav-tabs nav-tabs-bordered">
|
|
<li class="nav-item">
|
|
<button class="nav-link active" data-bs-toggle="tab" data-bs-target="#profile-overview">Overview</button>
|
|
</li>
|
|
<li class="nav-item">
|
|
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#profile-edit">Edit Profile</button>
|
|
</li>
|
|
<li class="nav-item">
|
|
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#profile-change-password">Change Password</button>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="tab-content pt-2">
|
|
<!-- Overview -->
|
|
<div class="tab-pane fade show active profile-overview" id="profile-overview">
|
|
<h5 class="card-title">Profile Details</h5>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 label">Nama Lengkap</div>
|
|
<div class="col-lg-9 col-md-8"><?php echo $admin->nama_admin; ?></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 label">Username</div>
|
|
<div class="col-lg-9 col-md-8"><?php echo $admin->username; ?></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 label">Email</div>
|
|
<div class="col-lg-9 col-md-8"><?php echo $admin->email; ?></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 label">Alamat</div>
|
|
<div class="col-lg-9 col-md-8"><?php echo $admin->alamat; ?></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Edit Profile -->
|
|
<div class="tab-pane fade" id="profile-edit">
|
|
<form action="update_profile.php" method="post" enctype="multipart/form-data">
|
|
<div class="row mb-3">
|
|
<label class="col-md-4 col-lg-3 col-form-label">Profile Image</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<img src="<?php echo $base_url; ?>/assets/img/profile/<?php echo $admin->foto ?: 'default.jpg'; ?>" alt="Profile" width="100">
|
|
<div class="pt-2">
|
|
<input type="file" name="foto" class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label class="col-md-4 col-lg-3 col-form-label">Nama Lengkap</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="nama_admin" type="text" class="form-control" value="<?php echo $admin->nama_admin; ?>">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label class="col-md-4 col-lg-3 col-form-label">Email</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="email" type="email" class="form-control" value="<?php echo $admin->email; ?>">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label class="col-md-4 col-lg-3 col-form-label">Alamat</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="alamat" type="text" class="form-control" value="<?php echo $admin->alamat; ?>">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-center">
|
|
<button type="submit" class="btn btn-primary">Save Changes</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- Change Password -->
|
|
<div class="tab-pane fade" id="profile-change-password">
|
|
<form action="update_password.php" method="post">
|
|
<div class="row mb-3">
|
|
<label class="col-md-4 col-lg-3 col-form-label">Current Password</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="current_password" type="password" class="form-control">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label class="col-md-4 col-lg-3 col-form-label">New Password</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="new_password" type="password" class="form-control">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<label class="col-md-4 col-lg-3 col-form-label">Confirm Password</label>
|
|
<div class="col-md-8 col-lg-9">
|
|
<input name="confirm_password" type="password" class="form-control">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-center">
|
|
<button type="submit" class="btn btn-primary">Change Password</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div><!-- End tab content -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- Load Bootstrap JavaScript -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- Fix Tab Switching -->
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
var triggerTabList = document.querySelectorAll('.nav-tabs button');
|
|
triggerTabList.forEach(function (triggerEl) {
|
|
triggerEl.addEventListener('click', function (event) {
|
|
event.preventDefault();
|
|
var tab = new bootstrap.Tab(triggerEl);
|
|
tab.show();
|
|
});
|
|
});
|
|
});
|
|
</script>
|