<!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, shrink-to-fit=no" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <title>Login - SINARAN</title>
    <link href="<?php echo base_url('assets_/css/styles.css'); ?>" rel="stylesheet" />
    <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
    <noscript>
        <!-- Pengalihan ke halaman kosong setelah 0 detik -->
        <meta http-equiv="refresh" content="0; url=halaman_kosong.html">
    </noscript>
    <script>
        // Mencegah klik kanan
        document.addEventListener('contextmenu', function(e) {
            e.preventDefault(); // Mencegah menu konteks
        });

        // Mencegah kombinasi tombol Ctrl+U, F12, dan Ctrl+Shift+I
        document.addEventListener('keydown', function(e) {
            // Cek jika tombol yang ditekan adalah Ctrl+U
            if (e.ctrlKey && e.key === 'u') {
                e.preventDefault(); // Mencegah tindakan default
            }
            // Cek jika tombol yang ditekan adalah F12
            if (e.key === 'F12') {
                e.preventDefault(); // Mencegah tindakan default
            }
            // Cek jika tombol yang ditekan adalah Ctrl+Shift+I
            if (e.ctrlKey && e.shiftKey && e.key === 'I') {
                e.preventDefault(); // Mencegah tindakan default
            }
        });
    </script>

    <style>
        .responsive-button {
            width: 100%;
            /* Full width by default */
        }

        @media (min-width: 576px) {
            .responsive-button {
                width: 100%;
                /* 50% width on small screens and up */
            }
        }

        @media (min-width: 768px) {
            .responsive-button {
                width: 100%;
                /* 25% width on medium screens and up */
            }
        }
    </style>




</head>

<body class="bg-success">
    <div id="layoutAuthentication">
        <div id="layoutAuthentication_content">
            <main>
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-5">
                            <div class="card shadow-lg border-0 rounded-lg mt-5">
                                <div class="card-header">
                                    <h3 class="text-center font-weight-light my-4">SINARAN </h3>
                                    <h4 class="text-center font-weight-light my-4">Sistem Informasi Dashboard Ananda </h4>
                                    <h5>Sebuah Aplikasi alternatif yang hanya di gunakan oleh manajer, sebagai langkah akhir dalam
                                        sinkronisasi data pelayanan dengan data yang digunakan untuk Klaim BPJS ataupun Asuransi.</h5>
                                </div>
                                <div class="card-body">
                                    <!-- Flash message section -->
                                    <?php if ($this->session->flashdata('pesan')): ?>
                                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                            <?php echo $this->session->flashdata('pesan'); ?>
                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                    <?php endif; ?>

                                    <form action="<?php echo base_url('Login/authlogin'); ?>" method="POST">
                                        <div class="form-floating mb-3">
                                            <input type="text" class="form-control" name="kd_user" id="kd_user" placeholder="Username" onkeyup="myFunction()">
                                            <label for="kd_user">Username</label>
                                        </div>
                                        <div class="form-floating mb-3">
                                            <input type="password" class="form-control" name="password" id="password" placeholder="Password" onkeyup="myFunction()">
                                            <label for="password">Password</label>
                                        </div>
                                        <div class="d-flex align-items-center justify-content-between mt-4 mb-0">
                                            <button type="submit" class="btn btn-primary">Login</button>
                                        </div>
                                    </form>


                                </div>




                            </div>
                        </div>


                    </div>

                    <div class="container mt-5">

                        <table border="0" align="center">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr style="padding: 10px;">
                                    <td><a href="http://103.255.241.122:8080/dashboard/dashboard" target="_blank"><!--<button class="btn btn-primary w-100">Dashboard Pasien</button>-->
                                            <input type="button" class="btn btn-danger responsive-button " value="Dashboard Pasien" /> </a></td>
                                    <td width="50"> </td>
                                    <td>
                                        <a href="http://103.255.241.122:8080/sicepot/antrean" target="_blank">
                                            <input type="button" class="btn btn-primary  responsive-button " value="Antrean Poliklinik" />
                                        </a>
                                    </td>
                                    <td> </td>
                                </tr>

                                <tr style="padding: 10px;">
                                    <td><a href="http://103.255.241.122:8080/sicepot/tt" target="_blank"><button class="btn btn-warning w-100">Tempat Tidur</button></a></td>
                                    <td width="50"> </td>
                                    <td>
                                        <a href="http://103.255.241.122:8080/sicepot/jadwal/jadwal1" target="_blank"><input type="button" class="btn btn-danger" value="Jadwal Dokter" /></a>
                                    </td>
                                    <td> </td>
                                </tr>
                            </tbody>
                        </table>
                        <br>
                        <table border="0" align="center">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr style="padding: 10px;">
                                    <td><a href="http://103.255.241.146/layar_poli/a1/lyr1" target="_blank"><input type="button" class="btn btn-primary  responsive-button " value="Layar Poli Gigi dan Dalam" /></a></td>
                                    <td width="50"> </td>
                                    <td>
                                        <a href="http://103.255.241.146/layar_poli/a1/lyr2" target="_blank"><input type="button" class="btn btn-primary responsive-button" value="Layar Poli Obgin dan Anak" /></a>
                                    </td>
                                    <td> </td>
                                </tr>

                                <tr style="padding: 10px;">
                                    <td><a href="http://103.255.241.146/layar_poli/a1/lyr3" target="_blank"><input type="button" class="btn btn-primary responsive-button" value="Layar Poli Bedah dan THT" /></a></td>
                                    <td width="50"> </td>
                                    <td>
                                        <a href="http://103.255.241.146/layar_poli/a1/lyr4" target="_blank"><input type="button" class="btn btn-primary responsive-button" value="Layar Poli Saraf dan Jantung" /></a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <br>
                    <center>


                        <br><br>

                        <br><br>



                    </center>
                </div>
            </main>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
    <script src="<?php echo base_url('assets_/js/scripts.js'); ?>"></script>
    <script>
        function myFunction() {
            var userField = document.getElementById("kd_user");
            userField.value = userField.value.toUpperCase();
            var passwordField = document.getElementById("password");
            passwordField.value = passwordField.value.toUpperCase();
        }
    </script>
</body>

</html>