<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <title>SINARAN | RSU ANANDA PURWOKERTO</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
</head>

<style>
    /* Media query untuk responsif */
    @media (max-width: 1000px) {
        .button-margin {
            margin-right: 10px;
            /* Jarak yang lebih besar di layar kecil */
            margin-bottom: 5px;
            /* Tambahkan margin bawah agar tombol tidak terlalu rapat */
            display: inline-block;
            /* Pastikan tombol tetap dalam satu baris */
        }

        .logout-button {
            font-size: 0.9rem;
            /* Ukuran font lebih kecil di layar kecil */
            padding: 0.4em 0.8em;
            /* Padding lebih kecil di layar kecil */
        }

        body {
            padding: 10px;
            /* Mengurangi padding untuk tablet */
        }

        .container {
            padding: 15px;
            /* Mengurangi padding dalam kontainer */
        }

        h1 {
            font-size: 24px;
            /* Mengurangi ukuran font judul */
        }

        p {
            font-size: 16px;
            /* Mengurangi ukuran font paragraf */
        }
    }

    /* Media Query untuk Tablet (max-width: 768px) */
    @media (max-width: 768px) {
        body {
            padding: 10px;
            /* Mengurangi padding untuk tablet */
        }

        .container {
            padding: 15px;
            /* Mengurangi padding dalam kontainer */
        }

        h1 {
            font-size: 24px;
            /* Mengurangi ukuran font judul */
        }

        p {
            font-size: 16px;
            /* Mengurangi ukuran font paragraf */
        }
    }

    /* Media Query untuk Mobile (max-width: 480px) */
    @media (max-width: 480px) {
        h1 {
            font-size: 20px;
            /* Ukuran font judul lebih kecil untuk mobile */
        }

        p {
            font-size: 14px;
            /* Ukuran font paragraf lebih kecil untuk mobile */
        }

        .container {
            padding: 10px;
            /* Mengurangi padding lebih lanjut untuk mobile */
        }
    }


    .table-container {
        width: 100%;
        /* Memastikan kontainer tabel mengambil lebar penuh */
        padding: 20px;
        /* Padding untuk kontainer */
        background-color: #f8f9fa;
        /* Warna latar belakang kontainer */
        border-radius: 8px;
        /* Sudut membulat untuk kontainer */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        /* Bayangan untuk kontainer */
    }

    .table {
        width: 100%;
        /* Memastikan tabel mengambil lebar penuh */
        border-collapse: collapse;
        /* Menghilangkan jarak antara sel */
    }

    .table th,
    .table td {
        padding: 12px;
        /* Padding untuk sel tabel */
        text-align: left;
        /* Rata kiri untuk teks */
        border-bottom: 1px solid #dee2e6;
        /* Garis bawah untuk sel */
    }

    .table th {
        background-color: #007bff;
        /* Warna latar belakang header tabel */
        color: white;
        /* Warna teks header tabel */
    }

    .table-responsive {
        overflow-x: auto;
        /* Memungkinkan scroll horizontal jika tabel terlalu lebar */
    }
</style>


<div id="layoutSidenav_content">
    <main>
        <div class="container-fluid px-4">
            <h1 class="mt-4" id="judulPasien">Dokumen</h1>
            <ol class="breadcrumb mb-4">
                <!-- <li class="breadcrumb-item"><a href="index.html">Dashboard</a></li>
                        <li class="breadcrumb-item active">tampil pasien</li> -->
            </ol>
            <?php

            $akses = $this->session->userdata("kd_akses");
            $app = $this->session->userdata("kd_app");
            $akses_valid = ['1001', '9999', '101', '112', 'DIR', 'RMI', 'IGD', 'ICU'];

            if (in_array($akses, $akses_valid)) {
            ?>
                <form id="uploadForm">
                    <div class="mb-3">
                        <label for="file" class="form-label">Pilih file PDF</label>
                        <input type="file" name="file" id="file" class="form-control" required>
                        <h6 style="font-style: italic;">upload 2 mb max</h6>
                    </div>
                    <button type="submit" class="btn btn-primary">Unggah</button>
                </form>
            <?php } ?>
            <!-- Loading Spinner -->
            <div id="loadingSpinner">
                <img src="<?= base_url('assets_/assets/img/loading.gif') ?>" alt="Loading...">
            </div>
            <!-- Tabel untuk menampilkan hasil -->
            <table class="table-responsive mt-" id="fileTable">
                <thead>
                    <tr>
                        <th>File Name</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- Uploaded files will be appended here -->
                </tbody>
            </table>
        </div>
        <!-- Modal Bootstrap -->

        <!-- Script AJAX -->
        <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
        <script src="<?php echo base_url('assets_/js/datatables-simple-demo.js'); ?>"></script>
        <script src="<?php echo base_url('assets_/js/scripts.js'); ?>"></script>
        <script>
            $(document).ready(function() {
                // Load existing files on page load  
                loadFiles();

                $('#uploadForm').on('submit', function(e) {
                    e.preventDefault(); // Prevent default form submission  

                    var formData = new FormData(this);

                    // Show the loading spinner  
                    $('#loadingSpinner').show();

                    $.ajax({
                        url: "<?= base_url('dashboard/upload_pdf') ?>", // Adjust the URL as needed  
                        type: "POST",
                        data: formData,
                        contentType: false,
                        processData: false,
                        success: function(response) {
                            // Hide the spinner on success  
                            $('#loadingSpinner').hide();
                            var result = JSON.parse(response);
                            if (result.status === 'success') {
                                // Reload the file list to reflect the new upload  
                                loadFiles();
                            } else {
                                alert('Gagal mengunggah file: ' + result.message);
                            }
                        },
                        error: function() {
                            // Hide the spinner on error  
                            $('#loadingSpinner').hide();
                            alert('Terjadi kesalahan saat mengunggah file');
                        }
                    });
                });

                // Load files function  
                function loadFiles() {
                    var akses = '<?php echo $this->session->userdata("kd_akses"); ?>';
                    var akses_valid = ['1001', '9999', '101', '112', 'DIR'];
                    $.ajax({
                        url: "<?= base_url('dashboard/file') ?>", // Adjust the URL as needed  
                        type: "GET",
                        success: function(response) {
                            var files = JSON.parse(response);
                            $('#fileTable tbody').empty(); // Clear the table before appending new rows  
                            files.forEach(function(file) {
                                $('#fileTable tbody').append(`  
                            <tr id="file-${file.file_name}">  
                                <td>${file.file_name}</td>  
                                <td>  
                                    <a href="${file.file_path}" target="_blank" class="btn btn-primary">Download</a>  
                                    
                                    ${akses_valid.includes(akses) ? `<button class="btn btn-danger delete-file" data-file="${file.file_name}">Hapus</button>` : ''}   
                                </td>  
                            </tr>  
                        `);
                            });
                        },
                        error: function() {
                            alert('Terjadi kesalahan saat memuat file');
                        }
                    });
                }

                // Delete file functionality  
                $(document).on('click', '.delete-file', function() {
                    var fileName = $(this).data('file');
                    if (confirm('Apakah Anda yakin ingin menghapus file ini?')) {
                        // Show the loading spinner during deletion  
                        $('#loadingSpinner').show();

                        $.ajax({
                            url: "<?= base_url('dashboard/hapus/') ?>" + fileName, // Adjust the URL as needed  
                            type: "DELETE",
                            success: function(response) {
                                var result = JSON.parse(response);
                                // Hide the spinner after deletion response  
                                $('#loadingSpinner').hide();
                                if (result.status === 'success') {
                                    // Reload the file list to reflect the deletion  
                                    loadFiles();
                                    alert(result.message);
                                } else {
                                    alert('Gagal menghapus file: ' + result.message);
                                }
                            },
                            error: function() {
                                // Hide the spinner on error  
                                $('#loadingSpinner').hide();
                                alert('Terjadi kesalahan saat menghapus file');
                            }
                        });
                    }
                });
            });
        </script>

        </script>



    </main>
    <footer class="py-4 bg-light mt-auto">
        <div class="container-fluid px-4">
            <div class="d-flex align-items-center justify-content-between small">
                <div class="text-muted">Copyright &copy; SINARAN BY IT RSU ANANDA PURWOKERTO 2024</div>
                <div>
                    <a href="#">Privacy Policy</a>
                    &middot;
                    <a href="#">Terms &amp; Conditions</a>
                </div>
            </div>
        </div>
    </footer>
</div>
</div>