<!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>