<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" name="viewport"> <title>REKBER</title> <!-- General CSS Files --> <link rel="stylesheet" href="{{ asset('assets/modules/bootstrap/css/bootstrap.min.css') }}"> <link rel="stylesheet" href="{{ asset('assets/modules/fontawesome/css/all.min.css') }}"> <!-- CSS Libraries --> <link rel="stylesheet" href="assets/modules/jqvmap/dist/jqvmap.min.css"> <link rel="stylesheet" href="assets/modules/summernote/summernote-bs4.css"> <link rel="stylesheet" href="assets/modules/owlcarousel2/dist/assets/owl.carousel.min.css"> <link rel="stylesheet" href="assets/modules/owlcarousel2/dist/assets/owl.theme.default.min.css"> <link rel="stylesheet" href="assets/modules/datatables/datatables.min.css"> <link rel="stylesheet" href="assets/modules/datatables/DataTables-1.10.16/css/dataTables.bootstrap4.min.css"> <link rel="stylesheet" href="assets/modules/datatables/Select-1.2.4/css/select.bootstrap4.min.css"> <link rel="stylesheet" href="{{ asset('css/main.css') }}"> <!-- Template CSS --> <link rel="stylesheet" href="assets/css/style.css"> <link rel="stylesheet" href="assets/css/components.css"> <!-- Start GA --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-94034622-3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-94034622-3'); </script> <!-- /END GA --> </head> <body> <header class="header-area header-sticky"> @include('user.layout.header') </header> <!-- ***** Main Banner Area Start ***** --> <main id="main" style="min-height: 100vh;"> @include('user.layout.sidebar') @yield('content') </main> <!-- End #main --> <footer id="footer"> @include('user.layout.footer') </footer> <!-- General JS Scripts --> <script src="assets/modules/jquery.min.js"></script> <script src="assets/modules/popper.js"></script> <script src="assets/modules/tooltip.js"></script> <script src="assets/modules/bootstrap/js/bootstrap.min.js"></script> <script src="assets/modules/nicescroll/jquery.nicescroll.min.js"></script> <script src="assets/modules/moment.min.js"></script> <script src="assets/js/stisla.js"></script> <!-- JS Libraies --> <script src="assets/modules/jquery.sparkline.min.js"></script> <script src="assets/modules/chart.min.js"></script> <script src="assets/modules/owlcarousel2/dist/owl.carousel.min.js"></script> <script src="assets/modules/summernote/summernote-bs4.js"></script> <script src="assets/modules/chocolat/dist/js/jquery.chocolat.min.js"></script> <!-- JS Libraies --> <script src="assets/modules/datatables/datatables.min.js"></script> <script src="assets/modules/datatables/DataTables-1.10.16/js/dataTables.bootstrap4.min.js"></script> <script src="assets/modules/datatables/Select-1.2.4/js/dataTables.select.min.js"></script> <script src="assets/modules/jquery-ui/jquery-ui.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script type="text/javascript"> $(function() { $(document).on('click', '#payment', function(e) { e.preventDefault(); var link = $(this).attr("href"); Swal.fire({ position: 'top-end', icon: 'Success Payment!', title: 'Your work has been saved', showConfirmButton: false, timer: 1500 }) }); }); </script> <!-- Page Specific JS File --> <script src="assets/js/page/modules-datatables.js"></script> <!-- Page Specific JS File --> <script src="assets/js/page/index.js"></script> <!-- Template JS File --> <script src="assets/js/scripts.js"></script> <script src="assets/js/custom.js"></script> <script src="{{ asset('js/main.js') }}"></script> {{-- refund --}} <script> function setStatus(status) { if (status === "diterima") { // Simulasikan tindakan saat status diterima dipilih alert("Refund diterima!"); } else if (status === "ditolak") { // Simulasikan tindakan saat status ditolak dipilih alert("Refund ditolak!"); } } </script> <script> document.addEventListener("DOMContentLoaded", function() { // Mendapatkan elemen-elemen tombol tab const editProfileTab = document.querySelector('[data-bs-target="#profile-edit"]'); const settingsTab = document.querySelector('[data-bs-target="#profile-settings"]'); const changePasswordTab = document.querySelector('[data-bs-target="#profile-change-password"]'); const overviewTab = document.querySelector('[data-bs-target="#profile-overview"]'); // Menambahkan event listener untuk mengubah tab saat tombol diklik editProfileTab.addEventListener("click", function() { activateTabAndContent(editProfileTab, "#profile-edit"); }); settingsTab.addEventListener("click", function() { activateTabAndContent(settingsTab, "#profile-settings"); }); changePasswordTab.addEventListener("click", function() { activateTabAndContent(changePasswordTab, "#profile-change-password"); }); // Menambahkan event listener untuk kembali ke tab "Overview" overviewTab.addEventListener("click", function() { activateTabAndContent(overviewTab, "#profile-overview"); }); // Fungsi untuk mengaktifkan tab dan konten function activateTabAndContent(tabButton, tabContentId) { // Nonaktifkan tab aktif saat ini const activeTabButton = document.querySelector(".nav-link.active"); const activeTabContent = document.querySelector(".tab-pane.active"); activeTabButton.classList.remove("active"); activeTabContent.classList.remove("show", "active"); // Aktifkan tab yang dipilih tabButton.classList.add("active"); // Tampilkan konten tab yang dipilih const selectedTabContent = document.querySelector(tabContentId); selectedTabContent.classList.add("show", "active"); } }); </script> @include('sweetalert::alert') </body> </html>