#kategori-test {
    
 }
<section id="kategori-test" class="padding-top:65px;
background-image: url('https://okeklinik.com/public/images/background_test.png');
background-size:cover;">
    <div class="row">
        <div class="col-md-6 panel-kiri mt-2">
            <div class="text-center">
                <h5>LAYANAN TEST LABORATORIUM TERLENGKAP</h5>
                <h6>OKEKLINIK HADIR KHUSUS UNTUK ANDA</h6>
                <div style="margin-top:40px;margin-bottom:40px"> 
                    Lorem Ipsum is simply dummy text of the printing and<br> typesetting industry. Lorem Ipsum has been the industry's<br> standard dummy text ever since the
                </div>
            </div>    
            <div class="row justify-content-center">
                 <div class="col-md-8">
                    <div class="cari">
                        <h6 class="text-center">LAKUKAN PENCARIAN<br>
                        TEST LAB TERTENTU</h6>
                        <form action="https://okeklinik.com/cari_test" method="get">
                        <div class="p-1">
                            <select name="layanan">
                                <option  value=''>- PILIH LAYANAN -</option>
                                                                    <option value="2">Visit - WalkIn</option>
                                                            </select>
                        </div>
                        <div class="p-1">
                            <select name="paket_layanan" id="paket_layanan">
                                <option value=''>- PILIH PAKET LAYANAN -</option>
                                                                    <option value="18">Glukotest</option>
                                                                    <option value="41">Layanan Asam Urat (GOUT)</option>
                                                                    <option value="20">LIPID ( Kolesterol )</option>
                                                                    <option value="40">Pemeriksaan Bayi</option>
                                                                    <option value="37">Pemeriksaan Diabet</option>
                                                                    <option value="22">Pemeriksaan Fungsi ginjal</option>
                                                                    <option value="24">Pemeriksaan Fungsi Hati</option>
                                                                    <option value="31">Pemeriksaan Gerds</option>
                                                                    <option value="23">Pemeriksaan Hepatitis</option>
                                                                    <option value="38">Pemeriksaan Hipertensi</option>
                                                                    <option value="33">Pemeriksaan Ibu Hamil</option>
                                                                    <option value="30">Pemeriksaan Jantung</option>
                                                                    <option value="25">Pemeriksaan Kanker serviks</option>
                                                                    <option value="26">Pemeriksaan Kanker serviks CA-125</option>
                                                                    <option value="39">Pemeriksaan Lansia</option>
                                                                    <option value="35">Pemeriksaan Pasca Covid</option>
                                                                    <option value="34">Pemeriksaan Pasca Melahirkan</option>
                                                                    <option value="29">Pemeriksaan Penyakit Menular Seksual</option>
                                                                    <option value="32">Pemeriksaan Persiapan Kehamilan</option>
                                                                    <option value="28">Pemeriksaan premarital Wanita</option>
                                                                    <option value="27">Pemeriksaan Premerital Pria</option>
                                                                    <option value="21">Pemeriksaan screening tumor Pria</option>
                                                                    <option value="36">Pemeriksaan Stroke</option>
                                                                    <option value="19">Serologi</option>
                                                            </select>
                        </div>
                        <div class="p-1">
                            <select name="kota" id="kota">
                                <option value=''>- PILIH DAERAH LABORATORIUM -</option>
                                                                    <option value=""></option>
                                                            </select>
                        </div>
                        <div class="p-1">
                            <select name="harga" id="harga">
                                <option value="">- PILIH HARGA -</option>
                                <option value="1">Harga Test paling rendah</option>
                                <option value="2">Harga Test paling tinggi</option>
                            </select>
                        </div>
                        <div class="p-3">
                           <button type="submit" class="btn" style="background:#2C4282;color:#fff;font-weight:700">CARI LAYANAN</button>
                        </div>
                    </div> 
                </div>    
            </div>
        </div>
        <div class="col-md-6 panel-kanan">
            <div class="page-container mt-4 text-center">
            <h5>PILIH JENIS LAYANAN TEST LABOLATORIUM</h5>
                            <div class="p-3">
                <a href="https://okeklinik.com/lab_test/2">
                    <div class="btn-kategori clearfix">
                        <img src="https://okeklinik.com/public/images/kategori_test/kat02.png" style="margin:auto 0">
                        <div class="label-btn"><span style="color:#333;font-weight:700"> LAYANAN TEST LABOLATORIUM </span><br>Visit - WalkIn</div> 
                    </div>    
                </a>
                </div>
                        </div>
        </div>    
    </div> 
</section>
<!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.0">
    <meta name="csrf-token" content="8wpXnuHApTvQbk1w6jD76jwJj3glAAKVWEXMFqIz" />
        <title>Oke Klinik</title>
    <link rel="icon" type="image/png" sizes="96x96" href="https://okeklinik.com/public/images/favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="32x32" href="https://okeklinik.com/public/images/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="https://okeklinik.com/public/images/favicon/favicon-16x16.png">
    <link rel="apple-touch-icon" sizes="76x76" href="https://okeklinik.com/public/images/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="60x60" href="https://okeklinik.com/public/images/favicon/apple-icon-60x60.png">  
    <link rel="stylesheet" href="https://okeklinik.com/public/plug-ins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://okeklinik.com/public/plug-ins/datepicker/datepicker.min.css">
    <link rel="stylesheet" href="https://okeklinik.com/public/plug-ins/owl/dist/assets/owl.carousel.css"/>
    <link rel="stylesheet" href="https://okeklinik.com/public/plug-ins/select2/css/select2.min.css"/>
    <link rel="stylesheet" href="https://okeklinik.com/public/plug-ins/select2/css/select2-bootstrap.min.css"/>
    <link rel="stylesheet" href="https://okeklinik.com/public/css/main.css?v=18">
    <link rel="stylesheet" href="https://okeklinik.com/public/plug-ins/font-awesome/css/font-awesome.min.css">
 </head>
<body>
    <script>
        function penjelasan(jenis){
            $.ajax({
                url: "https://okeklinik.com/penjelasan/"+jenis,
                type:'GET',
                dataType : 'html',
                data: '',
                success:function(hasil){
                    let data = JSON.parse(hasil);		   	
                    $('#judul_penjelasan').html(data.judul);
                    $('#isi_penjelasan').html(data.isi);
                    $('#ModalPenjelasan').modal('show'); 		   
                },
                error:function(data){
                    alert("error");
                },					
            });
        }
    </script>
    <script>
   function lupa_pass_sub(){
       $('#lupa_pass').submit();
   }
</script>
<div style="left:0px;top:0px;position:fixed;padding:2px;padding-bottom:4px;z-index:102;background:#CEF6FF;width:100%;font-size:16px">
    <a href="javascript:void(0)" style="color:#666" onclick="toggle_download_panel()"><img src="https://okeklinik.com/public/images/icon_hp.png" style="height:22px"> Download OkeKlinik App </a>
</div>  
<div id="download_panel" style="top:30px;position:fixed;padding:2px 20px;z-index:101;background:white;box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.75);display:none;">
   <div class="row">
        <div class="col-md-12" style="font-size:20px;text-align:center">
            Scan QR or Download App from
        </div> 
   </div>
   <div class="row pb-2">
       <div class="col-xs-6 p-1">
        <img src="https://okeklinik.com/public/images/qrcode_oke.png" style="height:220px"> 
        <div>
        <a href="https://play.google.com/store/apps/details?id=com.oke.klinik" target="_blank">
            <img src="https://okeklinik.com/public/images/google_play_btn.png"></a>
        </div>
       </div>
       <div class="col-xs-6 p-1">
          <img src="https://okeklinik.com/public/images/qrcode2_oke.png" style="height:220px"> 
          <div>
          <a href="https://apps.apple.com/us/app/okeklinik-layanan-kesehatan/id1581243936" target="_blank">
            <img src="https://okeklinik.com/public/images/app_store_btn.png"></a>         
          </div>
       </div>
   </div>
   <div class="row">
       <button class="btn btn-ls" style="background:#dfe4e6;padding:0px 0px" onclick="toggle_download_panel()"><i class="fa fa-eject"></i></button>
   </div>
</div>
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light" style="top:30px;z-index:100">
        <a class="navbar-brand" href="https://okeklinik.com"><img src="https://okeklinik.com/public/images/logo_head.png" height="53px"></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavDropdown">
            <ul class="navbar-nav mr-auto">
                                  <li class="nav-item  active ">
                      <a class="nav-link" href="https://okeklinik.com#beranda">Beranda</a>
                  </li>
                  <li class="nav-item ">
                      <a class="nav-link" href="https://okeklinik.com/layanan">Cari Dokter</a>
                  </li>
                  <li class="nav-item ">
                    <a class="nav-link" href="https://okeklinik.com/farmamedis">Farmasi Digital</a>
                  </li>
                  <li class="nav-item ">
                      <a class="nav-link" href="https://okeklinik.com/semua_artikel/#berita">Artikel Kesehatan</a>
                  </li>
                  
                  <li class="nav-item ">
                      
                  </li>
                  <li class="nav-item ">
                    <a class="nav-link" href="https://okeklinik.com/semua_event/">Event</a>
                  </li>
                  <li class="nav-item ">
                      <a class="nav-link" href="https://okeklinik.com#hubungi-kami">Hubungi Kami</a>
                  </li>  
                              </ul>
            <div class="text-right">
                                    <a class="btn btn-outline-primary mr-2" data-toggle="modal" data-target="#ModalMasuk">MASUK</a>
                    <a class="btn btn-primary" data-toggle="modal" data-target="#ModalPilihDaftar">DAFTAR</a>
                            </div>    
        </div>
    </nav>

    <script>
         function toggle_password_user() {
            var x = document.getElementById("password1");
            if (x.type === "password") {
                x.type = "text";
            } else {
                x.type = "password";
            }
        } 

        function toggle_password_daftar1() {
            var x = document.getElementById("password4");
            if (x.type === "password") {
                x.type = "text";
            } else {
                x.type = "password";
            }
        } 

        function toggle_password_daftar_konfirm1() {
            var x = document.getElementById("password_confirm");
            if (x.type === "password") {
                x.type = "text";
            } else {
                x.type = "password";
            }
        } 

        function toggle_password_daftar2() {
            var x = document.getElementById("password_ver1");
            if (x.type === "password") {
                x.type = "text";
            } else {
                x.type = "password";
            }
        } 

        function toggle_password_daftar_konfirm2() {
            var x = document.getElementById("password_confirm2");
            if (x.type === "password") {
                x.type = "text";
            } else {
                x.type = "password";
            }
        } 

        function toggle_download_panel(){
            if ($("#download_panel").is(':visible')){
                $('#download_panel').animate({'top': '-250px'}, 'slow', function () {
                    $('#download_panel').hide();
                });
            } else {
                $('#download_panel').show();
                $('#download_panel').animate({'top': '30px'}, 'slow');
            }
        }
        
        function tampilkan_login(par1='',par2=''){
            $('#ModalMasuk').modal('hide'); 	
            $('#ModalLogin').modal('show'); 	
            $('#par1').val(par1);
            $('#par2').val(par2);
        }

        function tampilkan_login_dokter(){
            window.location.href = "https://okeklinik.com/dokter";
        }  

        function tampilkan_login_apotek(){
            window.location.href = "https://okeklinik.com/apotek";
        } 

        function tampilkan_login_lab(){
            window.location.href = "https://okeklinik.com/lab";
        }  

        function tampilkan_daftar(){
            $('#ModalPilihDaftar').modal('show'); 	
        }

        function daftar_user_baru(){
            $('#ModalPilihDaftar').modal('hide'); 	
            $('#ModalDaftar').modal('show'); 	
        }

        function daftar_user_rekanan(){
            $('#ModalPilihDaftar').modal('hide'); 	
            $('#ModalDaftarRekanan').modal('show'); 	
        }

        function tampilkan_lupa_password(){
            $('#ModalLogin').modal('hide'); 	
            $('#ModalLupaPassword').modal('show'); 	
        }

        function cek_email_user(){
            var email=$('#email').val();
            if(email!=''){
                $.ajax({
                    url: "https://okeklinik.com/cek_email_user/"+email,
                    method: 'GET',
                    dataType : 'json',
                    success:function(data){
                        if (data=='1'){
                            $('#email').val("");
                            alert ('Email sudah terdaftar');
                        }
                    },
                    error:function(data){
                        //alert(data);
                    },	    
                });   
            }
        }

        function cek_telp_user(){
            var telp=$('#no_telp').val();
            if(telp!=''){
                $.ajax({
                    url: "https://okeklinik.com/cek_telp_user/"+telp,
                    method: 'GET',
                    dataType : 'json',
                    success:function(data){
                        if (data=='1'){
                            alert ('No Handphone sudah terdaftar');
                        }
                    },
                    error:function(data){
                        //alert(data);
                    },	    
                }); 
            }  
        }

        function lanjut_daftar(){
            if ($('#email').val()==""){
                alert('Email harus diisi');
                $('#email').focus();
                exit;
            }   
            if ($('#nama').val()==""){
                alert('Nama harus diisi');
                $('#nama').focus();
                exit;
            } 
            if ($('#no_telp').val()==""){
                alert('No Handphone harus diisi');
                $('#no_telp').focus();
                exit;
            }  
            if ($('#tgl_lahir').val()==""){
                alert('Tanggal Lahir harus diisi');
                $('#tgl_lahir').focus();
                exit;
            }  
            if ($('#password4').val()==""){
                alert('Password harus diisi');
                $('#password4').focus();
                exit;
            }
            if ($('#password_confirm').val()==""){
                alert('Konfirmasi Password harus diisi');
                $('#password_confirm').focus();
                exit;
            }      
            if($('#password4').val()!=$('#password_confirm').val()){
                alert('Konfirmasi Password tidak sama');
                $('#password_confirm').focus();
                exit;
            }      
            $('#hal1').hide();
            $('#hal2').show();
            ambil_prov();
        }

        function lanjut_daftar2(){
            $('#hal1b').hide();
            $('#hal2b').show();
            ambil_prov2();
        }

        function sebelumnya_daftar(){
            $('#hal1').show();
            $('#hal2').hide();
        }

        function sebelumnya_daftar2(){
            $('#hal1b').show();
            $('#hal2b').hide();
        }

        function sukses_daftar(){
           
        }

        function verifikasi_data_rekanan(){
            var kop=$('#perusahaan').val();
            var hp=$('#hp_ver').val();
            $.ajax({
                url: "https://okeklinik.com/verifikasi_data_rekan/"+kop+'/'+hp,
                method: 'GET',
                dataType : 'json',
                success:function(data){
                    $('#hasil_verifikasi').show();
                    $('#pesan1').hide();
                    $('#pesan2').hide();
                    $('#pesan3').hide();
                    if(data["status"]["response"]=='200'){
                        $('#user_valid').show();
                        $('#user_invalid').hide();
                        $('#bag_passw').show();
                        $('#pesan1').show();
                        $('#nama_vuser').html(data["data"]["nama"]);
                        $('#no_vuser').html(data["data"]["no_anggota"]);
                        $('#pt_vuser').html(data["data"]["nama_koperasi"]);
                        $('#hp_vuser').html(data["data"]["hp"]);
                        $('#nama_vuser2').val(data["data"]["nama"]);
                        $('#no_vuser2').val(data["data"]["no_anggota"]);
                        $('#email_vuser2').val(data["data"]["email"]);
                        $('#alamat_vuser').val(data["data"]["alamat"]);
                    } else if(data["status"]["response"]=='202'){
                        $('#user_valid').hide();
                        $('#user_invalid').show();
                        $('#pesan3').show();
                        $('#user_invalid').html('User Already Registered');
                        $('#nama_vuser').html(data["data"]["nama"]);
                        $('#no_vuser').html(data["data"]["no_anggota"]);
                        $('#pt_vuser').html(data["data"]["nama_koperasi"]);
                        $('#hp_vuser').html(data["data"]["hp"]);
                    } else {
                        $('#user_invalid').show();
                        $('#user_valid').hide();
                        $('#pesan2').show();
                        $('#nama_vuser').html("-");
                        $('#no_vuser').html("-");
                        $('#pt_vuser').html("-");
                        $('#hp_vuser').html("-");
                    }            
                },
                error:function(data){
                    //alert(data);
                },	    
            });
        }

        function simpan_daftar_rekan(){
            let datastring = $("#register2_form").serialize();
            console.log(datastring);
            $.ajax({
                url: "https://okeklinik.com/register_rekanan",
                method: 'POST',
                data: datastring,
                success:function(data){
                    $('#user1').html($('#hp_ver').val());
                    $('#pasw1').html($('#password_ver1').val());
                    $('#ModalDaftarRekanan').modal('hide'); 	
                    $('#ModalSuksesDaftar').modal('show');
                },
                error:function(data){
                    console.log('error');
                },	 
            });
        }

        function copy_text1() {
            var copyText = document.getElementById("user1");  
            var input = document.createElement("textarea");
            input.value = copyText.textContent;
            document.body.appendChild(input);
            input.select();
            document.execCommand("Copy");
            input.remove();
        }

        function copy_text2() {
            var copyText = document.getElementById("pasw1");  
            var input = document.createElement("textarea");
            input.value = copyText.textContent;
            document.body.appendChild(input);
            input.select();
            document.execCommand("Copy");
            input.remove();
        }
    </script>
 
 <!-- Modal Login -->
 <div class="modal fade" id="ModalMasuk" tabindex="-1" role="dialog" aria-labelledby="ModalMasuk"
 aria-hidden="true">
 <div class="modal-dialog modal-dialog-centered" role="document">
     <div class="modal-content" style="border-radius: 25px;">
         <div class="modal-body" style="border-radius: 25px; background: linear-gradient(121deg, rgb(0,183,198) 5%, rgb(255,255,255) 100%); box-shadow: 10px 10px 15px #06aeca;">
             <div class="judul">
                 <div class="pertama">
                     <h5 class="modal-title" id="title"></h5>
                 </div>
                 <button type="button" class="close2" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                 </button>
             </div>
             <div class="container mt-3 mb-3">
                <div class="mt-3">
                    <button class="btn btn-primary btn-lg" onclick="tampilkan_login();" style="width:100%;font-size:24px"><img src="https://okeklinik.com/public/images/user.png" width="70px"> &nbsp; Login Pasien</button>
                </div>
                <div class="mt-3">
                    <button class="btn btn-primary btn-lg" onclick="tampilkan_login_dokter();"  style="width:100%;font-size:24px"><img src="https://okeklinik.com/public/images/dokter.png" width="70px">  &nbsp; Login Dokter</button>
                </div>
                <div class="mt-3">
                    <button class="btn btn-primary btn-lg" onclick="tampilkan_login_apotek();" style="width:100%;font-size:24px"><img src="https://okeklinik.com/public/images/apotek.png" width="70px">  &nbsp; Login Apotek</button>
                </div>
                <div class="mt-3">
                    <button class="btn btn-primary btn-lg" onclick="tampilkan_login_lab();" style="width:100%;font-size:24px"><img src="https://okeklinik.com/public/images/rs-lab.png" width="70px">  &nbsp; Login Lab/RS</button>
                </div>
             </div>    
         </div>
     </div>
 </div>
</div>
<!-- Modal Login end-->

 <!-- Modal Login -->
 <div class="modal fade" id="ModalLogin" tabindex="-1" role="dialog" aria-labelledby="ModalLogin"
 aria-hidden="true">
 <div class="modal-dialog modal-dialog-centered" role="document">
     <div class="modal-content" style="background-color: #d6fbff; box-shadow: 10px 10px 15px #06aeca; border-radius: 25px;">
         <div class="modal-body">
             <div class="judul">
                 <div class="pertama">
                     <h5 class="modal-title" id="title">Masuk Akun OkeKlinik</h5>
                 </div>
                 <button type="button" class="close2" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                 </button>
             </div>
             <div>
                 <p>Hai, Nikmati Explorasi fitur kesehatan terbaik</br>
                     dan terakurat sesuai dengan kebutuhan kamu hanya di OkeKlinik</p>
             </div>
             <div class="container">
                 <form action="https://okeklinik.com/login" method="post">
                     <input type="hidden" name="_token" value="8wpXnuHApTvQbk1w6jD76jwJj3glAAKVWEXMFqIz">                     <input type="hidden" id="par1" name="par1" value="">
                     <input type="hidden" id="par2" name="par2" value="">
                     <div class="form-group input-login">
                         <div class="input-group">
                             <div class="input-group-prepend">
                                 <span class="input-group-text"><i class="fa fa-at"></i></span>
                             </div>
                             <input type="text" id="email_log1" name="email" class="form-control" placeholder="Masukkan Alamat Email atau Nomer Telepon"
                                 aria-label="email" aria-describedby="basic-addon1">
                         </div>
                     </div>
                     <div class="form-group input-login">
                         <div class="input-group">
                             <div class="input-group-prepend">
                                 <span class="input-group-text"><i class="fa fa-lock"></i></span>
                             </div>
                             <input type="password" name="password" id="password1" class="form-control" placeholder="Masukkan Password"
                                 aria-label="password" aria-describedby="basic-addon1">
                                 <a href="javascript:void(0)" class="input-group-text" style="background:#fff" onclick="toggle_password_user()"><i class="fa fa-eye"></i></a>
                         </div>
                     </div>
                     <div class="form-group text-center">
                         <button class="btn btn-primary btn-login">Masuk</button>
                     </div>
                 </form>
             </div>
             <div class="mt-3 text-center">
                <a href="#" style="color:#1E90FF;font-size:14px;" onclick="tampilkan_lupa_password();"><b>Lupa Password?</b>  Klik link ini untuk reset password</a>
             </div>
             <br>
            <!-- <div class="text-center">
                 <hr>
                 <h6>Masuk menggunakan Facebook dan Google</h6>
             </div>
             <div class="row mb-3">
                 <div class="col-md-6 text-center">
                     <a href=" https://okeklinik.com/login_via_fb ">
                         <img src="https://okeklinik.com/public/images/sign_fb.png">
                     </a>
                 </div>
                 <div class="col-md-6 text-center">
                     <a href=" https://okeklinik.com/login_via_google">
                         <img src="https://okeklinik.com/public/images/sign_google.png">
                     </a>
                 </div>
             </div> -->
             <p>Dengan masuk aplikasi, berarti anda menyetujui syarat dan ketentuan yang berlaku serta kebijakan privasi dari Oke
                 klinik</p>
         </div>
     </div>
 </div>
</div>
<!-- Modal Login end-->

<!-- Modal Pilih Daftar -->
<div class="modal fade" id="ModalPilihDaftar" tabindex="-1" role="dialog" aria-labelledby="ModalPilihDaftar"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content" style="border-radius: 25px;">
        <div class="modal-body" style="border-radius: 25px; background: linear-gradient(121deg, rgb(0,183,198) 5%, rgb(255,255,255) 100%); box-shadow: 10px 10px 15px #06aeca;">
            <div class="judul">
                <div class="pertama">
                    <h5 class="modal-title" id="title"></h5>
                </div>
                <button type="button" class="close2" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="container mt-3 mb-3">
               <div class="mt-3">
                   <button class="btn btn-primary btn-lg" onclick="daftar_user_baru();" style="width:100%;font-size:24px"><img src="https://okeklinik.com/public/images/user.png" width="70px"> &nbsp; Daftar User Baru</button>
               </div>
               <div class="mt-3">
                   <button class="btn btn-primary btn-lg" onclick="daftar_user_rekanan();"  style="width:100%;font-size:24px"><img src="https://okeklinik.com/public/images/rekanan.png" width="70px">  &nbsp; Daftar User Rekanan</button>
               </div>
            </div>    
        </div>
    </div>
</div>
</div>

<!-- Modal Daftar-->
<div class="modal fade" id="ModalDaftar" tabindex="-1" role="dialog" aria-labelledby="ModalDaftar"
 aria-hidden="true">
 <div class="modal-dialog modal-dialog-centered" role="document">
     <div class="modal-content" style="background-color: #d6fbff; box-shadow: 10px 10px 15px #06aeca;border-radius: 25px;">
         <div class="modal-body">
             <div class="judul">
                 <div class="pertama">
                     <h5 class="modal-title" id="title">Daftar Akun OkeKlinik</h5>
                 </div>
                 <button type="button" class="close2" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                 </button>
             </div>
             <div>
                 <p>Hai, Nikmati Explorasi fitur kesehatan terbaik</br>
                     dan terakurat sesuai dengan kebutuhan kamu hanya di OkeKlinik</p>
             </div>
             <div class="container">
                 <form action="https://okeklinik.com/register" method="post" id="register_form">
                <input type="hidden" name="_token" value="8wpXnuHApTvQbk1w6jD76jwJj3glAAKVWEXMFqIz">                 <div id="hal1">    
                     <div class="form-group input-login">
                         <div class="input-group">
                             <div class="input-group-prepend">
                                 <span class="input-group-text"><i class="fa fa-at"></i></span>
                             </div>
                             <input type="email" name="email" id="email" class="form-control" placeholder="Masukkan Alamat Email"
                                 aria-label="email" aria-describedby="basic-addon1" autocomplate="off" onblur="cek_email_user()" required>
                         </div>
                     </div>
                     <div class="form-group input-login">
                         <div class="input-group">
                             <div class="input-group-prepend">
                                 <span class="input-group-text"><i class="fa fa-user"></i></span>
                             </div>
                             <input type="text" name="nama" id="nama" class="form-control" placeholder="Masukkan Nama Lengkap"
                                 aria-label="nama" aria-describedby="basic-addon1">
                         </div>
                     </div>
                     <div class="form-group input-login">
                         <div class="input-group">
                             <div class="input-group-prepend">
                                 <span class="input-group-text"><i class="fa fa-phone"></i></span>
                             </div>
                             <input type="text" name="no_telp" id="no_telp" class="form-control" placeholder="Masukkan No Handphone (08xxxxxxx)"
                                 aria-label="no_telp" aria-describedby="basic-addon1" onclick="cek_telp_user()" required> 
                         </div>
                     </div>
                     <div class="form-group input-login">
                         <div class="input-group">
                             <div class="input-group-prepend">
                                 <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                             </div>
                             <input type="text" name="tgl_lahir" id="tgl_lahir" class="form-control date-picker" data-date-format="dd-mm-yyyy"  autocomplete="off"  placeholder="Masukkan Tanggal Lahir"
                                 aria-label="tgl_lahir" aria-describedby="basic-addon1">
                         </div>
                     </div>
                     <div class="form-group input-login">
                         <div class="input-group">
                             <div class="input-group-prepend">
                                 <span class="input-group-text"><i class="fa fa-lock"></i></span>
                             </div>
                             <input type="password" name="password" id="password4" class="form-control" placeholder="Masukkan Password"
                                 aria-label="password" aria-describedby="basic-addon1">
                                 <a href="javascript:void(0)" class="input-group-text" style="background:#fff" onclick="toggle_password_daftar1()"><i class="fa fa-eye"></i></a>       
                         </div>
                     </div>
                     <div class="form-group input-login">
                         <div class="input-group">
                             <div class="input-group-prepend">
                                 <span class="input-group-text"><i class="fa fa-lock"></i></span>
                             </div>
                             <input type="password" id="password_confirm"  name="password_confirmation" class="form-control" placeholder="Konfirmasi Password"
                                 aria-label="password" aria-describedby="basic-addon1">
                                 <a href="javascript:void(0)" class="input-group-text" style="background:#fff" onclick="toggle_password_daftar_konfirm1()"><i class="fa fa-eye"></i></a>       
                         </div>
                     </div>
                     <div class="form-group text-center">
                         <button class="btn btn-primary btn-login" type="button" onclick="lanjut_daftar()">Lanjutkan <i class="fa fa-chevron-right"></i></button>
                     </div>
                </div>
                <div id="hal2" style="display:none">
                    <div class="form-group input-login">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fa fa-map-marker"></i></span>
                            </div>
                            <textarea type="text" name="alamat" id="alamat" class="form-control" placeholder="Masukkan Alamat Lengkap"
                                aria-label="alamat" aria-describedby="basic-addon1"></textarea>
                        </div>
                    </div>
                    <div class="form-group input-login">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fa fa-map-marker"></i></span>
                            </div>
                            <select class="form-control select2" id="daf_id_provinsi" name="id_provinsi">
                            </select>
                        </div>
                    </div>
                    <div class="form-group input-login">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fa fa-map-marker"></i></span>
                            </div>
                            <select class="form-control select2" id="daf_id_kota" name="id_kota">
                            </select>
                        </div>
                    </div>
                    <div class="form-group input-login">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fa fa-map-marker"></i></span>
                            </div>
                            <select class="form-control select2" id="daf_id_kecamatan" name="id_kecamatan">
                            </select>
                        </div>
                    </div>
                    <div class="form-group input-login">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fa fa-map-marker"></i></span>
                            </div>
                            <select class="form-control select2" id="daf_id_desa" name="id_desa">
                            </select>
                        </div>
                    </div>
                    <div class="form-group input-login">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fa fa-map-marker"></i></span>
                            </div>
                            <input type="text" name="kode_pos" id="daf_kode_pos" class="form-control" placeholder="Masukkan Kode POS"
                                aria-label="kode_pos" aria-describedby="basic-addon1" required>
                        </div>
                    </div>
                    <div class="form-group text-center">
                        <button class="btn btn-primary btn-login" type="button" onclick="sebelumnya_daftar()"> <i class="fa fa-chevron-left"></i>Sebelumnya</button> 
                        <button class="btn btn-primary btn-login">Daftar</button>
                    </div>
                </div>
                </form>
             </div>
             <div class="text-center">
                 <hr>
                 <h6>Daftar menggunakan Facebook dan Google</h6>
             </div>
             <div class="row mb-3">
                 <div class="col-md-6 text-center">
                     <a href=" https://okeklinik.com/login_via_fb ">
                         <img src="https://okeklinik.com/public/images/sign_fb.png">
                     </a>
                 </div>
                 <div class="col-md-6 text-center">
                     <a href="  https://okeklinik.com/login_via_google  ">
                         <img src="https://okeklinik.com/public/images/sign_google.png">
                     </a>
                 </div>
             </div>
             <p>Dengan mendaftar berarti anda menyetujui syarat dan ketentuan yang berlaku serta kebijakan privasi dari Oke
                 klinik</p>
         </div>
     </div>
 </div>
</div>

<!-- Modal Daftar Rekanan-->
<div class="modal fade" id="ModalDaftarRekanan" tabindex="-1" role="dialog" aria-labelledby="ModalDaftarRekanan"
 aria-hidden="true">
 <div class="modal-dialog modal-dialog-centered" role="document">
     <div class="modal-content" style="background-color: #d6fbff; box-shadow: 10px 10px 15px #06aeca;border-radius: 25px;">
         <div class="modal-body">
             <div class="judul">
                 <div class="pertama">
                     <h5 class="modal-title" id="title">Daftar User Rekanan</h5>
                 </div>
                 <button type="button" class="close2" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                 </button>
             </div>
             <div>
                 <p>Hai, User Partner yang terhormat</br>
                    Silahkan aktivasi user korporasi anda untuk menikmati benefit khusus</br>
                    disediakan khusus untuk anda</p>
             </div>
             <div class="container">
                <form action="" method="post" id="register2_form" name="register2_form" autocomplete="off">
                    <input type="hidden" name="_token" value="8wpXnuHApTvQbk1w6jD76jwJj3glAAKVWEXMFqIz">                <div id="hal1b">     
                    <div class="form-group input-login" style="margin-bottom:0.5rem">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fa fa-building"></i></span>
                            </div>
                            <select name="perusahaan" id="perusahaan" class="input-group-addon" style="width:394px" required>
                                <option></option>
                                                                    <option value="913">ANKI - Neo Koperasi [913]</option>
                                                                    <option value="010">CU Agung Rahayu Ajeg - Surabaya [010]</option>
                                                                    <option value="008">CU Ain Hov Ain - Langgur [008]</option>
                                                                    <option value="045">CU Artha Mandiri - Lampung [045]</option>
                                                                    <option value="051">CU Bahtera Adi Guna - Lampung [051]</option>
                                                                    <option value="039">CU Bahtera Sejahtera - Tulungagung [039]</option>
                                                                    <option value="019">CU BIMA - Sintang [019]</option>
                                                                    <option value="024">CU Bina Seroja - Jakarta [024]</option>
                                                                    <option value="005">CU Budi Murni - Aek Kanopan [005]</option>
                                                                    <option value="032">CU Bunga Tanjung - Lampung [032]</option>
                                                                    <option value="063">CU Cemara Lestari - Depok [063]</option>
                                                                    <option value="027">CU Cipta Sejahtera - Pangkal Pinang [027]</option>
                                                                    <option value="054">CU Damai - Kabanjahe [054]</option>
                                                                    <option value="041">CU Gentiaras - Lampung [041]</option>
                                                                    <option value="053">CU Harapan Bersama - Bogor [053]</option>
                                                                    <option value="002">CU Harapan Kita - Belawan [002]</option>
                                                                    <option value="031">CU Jakarta - Jakarta [031]</option>
                                                                    <option value="006">CU KABARI - Pangkal Pinang [006]</option>
                                                                    <option value="022">CU Khatulistiwa Bakti - Pontianak [022]</option>
                                                                    <option value="021">CU Koperasi Kredit Sejahtera - Cibinong [021]</option>
                                                                    <option value="044">CU Madani - Tangerang [044]</option>
                                                                    <option value="061">CU Maduma - Manduamas [061]</option>
                                                                    <option value="007">CU Mandiri - Probolinggo [007]</option>
                                                                    <option value="037">CU Marsiurupan - Aek Raja [037]</option>
                                                                    <option value="030">CU Mekar Sai - Lampung [030]</option>
                                                                    <option value="015">CU Mitra Mandiri - Kutai Timur [015]</option>
                                                                    <option value="068">CU Mitra Usaha Utama - Bangka Tengah [068]</option>
                                                                    <option value="048">CU Mitra Utama - Lampung [048]</option>
                                                                    <option value="023">CU Pancuran Hidup - Pekan Baru [023]</option>
                                                                    <option value="057">CU Patitissae - Malang [057]</option>
                                                                    <option value="036">CU Perekat - Bandung [036]</option>
                                                                    <option value="033">CU Santa Clara - Lampung [033]</option>
                                                                    <option value="049">CU Sarana Bina Insani - Jakarta [049]</option>
                                                                    <option value="014">CU Sehati - Lampung [014]</option>
                                                                    <option value="004">CU Seia Sekata - Dolok Masihul [004]</option>
                                                                    <option value="064">CU Serayaan - Karo [064]</option>
                                                                    <option value="003">CU Sondang Nauli - Kabanjahe [003]</option>
                                                                    <option value="059">CU Swadaya Sejahtera - Surabaya [059]</option>
                                                                    <option value="941">Dekopin Bali [941]</option>
                                                                    <option value="035">KINARYA COOP - Indonesia [035]</option>
                                                                    <option value="029">Kopdit Adil - Yogyakarta [029]</option>
                                                                    <option value="047">Kopdit Spirit Soverdia - Ruteng [047]</option>
                                                                    <option value="993">KOPENOS LIPI - Jakarta [993]</option>
                                                                    <option value="916">Koperasi Ajeg Sedana - Bali [916]</option>
                                                                    <option value="912">Koperasi Astiti Dana Lestari - Badung [912]</option>
                                                                    <option value="917">Koperasi Bina Insan Berdikari - Yogyakarta [917]</option>
                                                                    <option value="929">Koperasi Bukit Indah - Bali [929]</option>
                                                                    <option value="915">Koperasi Gubuk Lentera Nusantara - Musi Banyuasin [915]</option>
                                                                    <option value="923">Koperasi Jasa Dharma Arta Sedana - Bali [923]</option>
                                                                    <option value="928">Koperasi Kencana Sejahtera Baiturrahmah - Bali [928]</option>
                                                                    <option value="950">Koperasi Konsumen Mitra Tani Mandiri - Blora [950]</option>
                                                                    <option value="931">Koperasi Margono Surya - Semarang [931]</option>
                                                                    <option value="919">Koperasi Paguyuban Agen Brilian - Sidoarjo [919]</option>
                                                                    <option value="936">Koperasi Realestat Indonesia - Bali [936]</option>
                                                                    <option value="974">Koperasi Sunari Jaya - Bali [974]</option>
                                                                    <option value="945">Koperasi Tim SAKTI - Bandung [945]</option>
                                                                    <option value="911">KOPERTA Langgeng Mulyo - kediri [911]</option>
                                                                    <option value="046">KOPKAR BKS PPM - Jakarta [046]</option>
                                                                    <option value="055">KOPKAR Indo Kordsa - Bogor [055]</option>
                                                                    <option value="026">KOPKAR KOSAYU - Bali [026]</option>
                                                                    <option value="908">KOPKAR PT PLN Karya Lisna - Bandung [908]</option>
                                                                    <option value="016">KOPKUN COOP - Purwokerto [016]</option>
                                                                    <option value="038">KOPSSA - Bali [038]</option>
                                                                    <option value="914">Kopsyah Baitul Muttaqin - Bandung [914]</option>
                                                                    <option value="922">KSP Amerta Dasi Sedana - Bali [922]</option>
                                                                    <option value="918">KSP Bali Dwipa Kubutambahan - Bali [918]</option>
                                                                    <option value="935">KSP Cahaya Tiga Langit [935]</option>
                                                                    <option value="948">KSP Dharma Putra Mahottama - Bali [948]</option>
                                                                    <option value="934">KSP Dharma Sedana - Bali [934]</option>
                                                                    <option value="943">KSP Kawan Abadi Sejahtera - Bali [943]</option>
                                                                    <option value="920">KSP Kayana Nusa Indah - Bogor [920]</option>
                                                                    <option value="067">KSP KOPDIT Tunas Merdeka - Bandung [067]</option>
                                                                    <option value="939">KSP KOPKUN - Banyumas [939]</option>
                                                                    <option value="989">KSP Lumbung Sahabat Terang - Bekasi [989]</option>
                                                                    <option value="938">KSP Mapan - Bali [938]</option>
                                                                    <option value="060">KSP Mitra Parahita - Yogyakarta [060]</option>
                                                                    <option value="056">KSP Moluccas Credit Union - Ambon [056]</option>
                                                                    <option value="926">KSP Neo Bhumindo Sentosa - Jakarta [926]</option>
                                                                    <option value="967">KSP Nurul Iman - Sukabumi [967]</option>
                                                                    <option value="909">KSP Palagan Makmur - Sukabumi [909]</option>
                                                                    <option value="977">KSP Pedagang Pasar Citeureup II Sejahtera - Bogor [977]</option>
                                                                    <option value="065">KSP Swapada - Jakarta [065]</option>
                                                                    <option value="992">KSP Syariah Wahdatul Ummat - Bandung [992]</option>
                                                                    <option value="066">KSP Tunas Karya - Pangkal Pinang [066]</option>
                                                                    <option value="927">KSPPS Prima Artha - Yogyakarta [927]</option>
                                                                    <option value="925">KSU Dharma Siddha - Bali [925]</option>
                                                                    <option value="988">KSU Ganesha Sejahtera Mandiri - Bandung [988]</option>
                                                                    <option value="025">KSU Koperasi Tani usaha Mandiri - Tabanan [025]</option>
                                                                    <option value="050">KSU Sedana Masari - Bali [050]</option>
                                                                    <option value="998">MYCOOP [998]</option>
                                                                    <option value="013">SAKTI COOP - Bandung [013]</option>
                                                                    <option value="001">TEB COOP - Bali [001]</option>
                                                                    <option value="910">TRIKARYA COOP - Jakarta [910]</option>
                                                            </select>
                        </div>
                    </div>
                    <div class="form-group input-login" style="margin-bottom:0.5rem">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fa fa-phone"></i></span>
                            </div>
                            <input type="text" name="hp" id="hp_ver" class="form-control" placeholder="Masukkan No Handphone (08xxxxxxx)"  required> 
                        </div>
                    </div>
                    <div class="form-group text-center">
                        <button class="btn btn-primary btn-login" type="button" onclick="verifikasi_data_rekanan()">Verifikasi</button>
                    </div>
                    <div id="hasil_verifikasi" style="background:#fff;padding:10px 18px;display:none">
                        <div id="user_valid" class="text-center" style="color:green;font-weight:700;font-size:18px">User Valid</div>
                        <div id="user_invalid" class="text-center" style="color:red;font-weight:700;font-size:18px">User Invalid</div>
                        <table>
                           <tr>
                               <th>Nama User</th><td>: <span id="nama_vuser"></span></td>
                            </tr>
                            <tr>    
                               <th>No Anggota / Karyawan</th><td>: <span id="no_vuser"></span></td>
                            </tr>
                            <tr>   
                               <th>Nama Perusahaan</th><td>: <span id="pt_vuser"></span></td>
                            </tr>
                            <tr>
                               <th>No Handhone</th><td>: <span id="hp_vuser"></span></td>
                           </tr>
                        </table>
                        <input type="hidden" id="nama_vuser2" name="nama">
                        <input type="hidden" id="no_vuser2" name="no_anggota">
                        <input type="hidden" id="email_vuser2" name="email">
                    </div> 
                    <div id="pesan1" style="display:none;margin-top:4px;margin-bottom:12px;font-size:11px">
                            Jika  data anda sudah benar, silahkan lakukan pengisian password login yang nanti akan digunakan sebagai kredensial login layanan okeklinik 
                        </div>
                        <div id="pesan2" style="display:none;margin-top:4px;margin-bottom:12px;font-size:11px">
                           User Korporasi anda tidak ditemukan untuk saat ini, silahkan masukkan data yang benar dan sesuai atau anda dapat mencobanya kembali nanti
                        </div>
                        <div id="pesan3" style="display:none;margin-top:4px;margin-bottom:12px;font-size:11px">
                            Identitas anda dengan nomor hanphone tersebut  sudah terdaftar di akun okeklinik, silahkan login menggunakan kredensial anda yang sudah terdaftar.<br>
                            Anda tetap bisa mengaktifkan user anda menjadi user korporasi via Dashboard User
                        </div>
                    <div id="bag_passw" style="display:none">
                        <div class="form-group input-login"  style="margin-bottom:0.5rem">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fa fa-lock"></i></span>
                                </div>
                                <input type="password" name="password" id="password_ver1" class="form-control" placeholder="Masukkan Password"
                                    aria-label="password" aria-describedby="basic-addon1">
                                    <a href="javascript:void(0)" class="input-group-text" style="background:#fff" onclick="toggle_password_daftar2()"><i class="fa fa-eye"></i></a>       
                            </div>
                        </div>
                        <div class="form-group input-login"  style="margin-bottom:0.5rem">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fa fa-lock"></i></span>
                                </div>
                                <input type="password" name="password_confirmation" id="password_confirm2" class="form-control" placeholder="Konfirmasi Password"
                                    aria-label="password" aria-describedby="basic-addon1">
                                    <a href="javascript:void(0)" class="input-group-text" style="background:#fff" onclick="toggle_password_daftar_konfirm2()"><i class="fa fa-eye"></i></a>            
                            </div>
                        </div>
                        <div class="form-group text-center">
                            <button class="btn btn-primary btn-login" type="button" onclick="lanjut_daftar2()">Lanjutkan <i class="fa fa-chevron-right"></i></button>
                        </div>
                    </div>   
                </div>
                <div id="hal2b" style="display:none">
                    <div class="form-group input-login">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fa fa-map-marker"></i></span>
                            </div>
                            <textarea type="text" name="alamat" id="alamat_vuser" class="form-control" placeholder="Masukkan Alamat Lengkap"
                                aria-label="alamat" aria-describedby="basic-addon1"></textarea>
                        </div>
                    </div>
                    <div class="form-group input-login">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fa fa-map-marker"></i></span>
                            </div>
                            <select class="form-control select2" id="daf_id_provinsi2" name="id_provinsi">
                            </select>
                        </div>
                    </div>
                    <div class="form-group input-login">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fa fa-map-marker"></i></span>
                            </div>
                            <select class="form-control select2" id="daf_id_kota2" name="id_kota">
                            </select>
                        </div>
                    </div>
                    <div class="form-group input-login">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fa fa-map-marker"></i></span>
                            </div>
                            <select class="form-control select2" id="daf_id_kecamatan2" name="id_kecamatan">
                            </select>
                        </div>
                    </div>
                    <div class="form-group input-login">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fa fa-map-marker"></i></span>
                            </div>
                            <select class="form-control select2" id="daf_id_desa2" name="id_desa">
                            </select>
                        </div>
                    </div>
                    <div class="form-group input-login">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fa fa-map-marker"></i></span>
                            </div>
                            <input type="text" name="kode_pos" id="daf_kode_pos2" class="form-control" placeholder="Masukkan Kode POS"
                                aria-label="kode_pos" aria-describedby="basic-addon1" required>
                        </div>
                    </div>
                    <div class="form-group text-center">
                        <button class="btn btn-primary btn-login" type="button" onclick="sebelumnya_daftar2()"> <i class="fa fa-chevron-left"></i> Sebelumnya</button> 
                        <button class="btn btn-primary btn-login" type="button" onclick="simpan_daftar_rekan()">Daftar</button>
                    </div>
                </div>   
            </form>  
            </div>   
         </div>
     </div>
 </div>
</div>

<!-- Modal Lupa Password -->
<div class="modal fade" id="ModalLupaPassword" tabindex="-1" role="dialog" aria-labelledby="ModalLupaPassword" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
        <div class="modal-body">
            <div class="judul">
                <div class="pertama">
                    <h5 class="modal-title" id="title">Lupa Password</h5>
                </div>
                <button type="button" class="close2" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div>
                <p style="font-size:15px">Masukkan email yang dipakai untuk mendaftar,<br> password baru akan dikirim ke email tersebut</p>
            </div>
            <div class="container">
                <form action="https://okeklinik.com/lupa_password" method="post">
                    <input type="hidden" name="_token" value="8wpXnuHApTvQbk1w6jD76jwJj3glAAKVWEXMFqIz">                    <div class="form-group input-login">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fa fa-at"></i></span>
                            </div>
                            <input type="text" id="email_log2" name="email" class="form-control" placeholder="Masukkan Alamat Email Terdaftar"
                                aria-label="email" aria-describedby="basic-addon1">
                        </div>
                    </div>
                    <div class="form-group text-center">
                        <button class="btn btn-primary">Reset Password</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</div>

<div class="modal fade" id="ModalSuksesDaftar" tabindex="-1" role="dialog" aria-labelledby="ModalSuksesDaftar" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="judul">
                    <div class="pertama">
                    </div>
                    <button type="button" class="close2" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="text-center">
                    <div style="padding:20px">
                        <img src="https://okeklinik.com/public/images/check_icon.png" width="100px">
                    </div>    
                    <h4 style="color:#06aeca">PENDAFTARAN USER REKANAN OKEKLINIK BERHASIL</h4>
                    <p>Anda sudah dapat login ke okeklinik baik via website maupun aplikasi<br>
                       dengan menggunakan kredensial berikut : </p>
                    <table width="70%" style="margin:auto">
                        <tr><td class="text-left" width="80px">User</td><td width="280px" class="text-left">: <b><span id="user1"></span></b></td><td width="30px"><a href="javascript:void(0)" style="color:#444" onclick="copy_text1()"><i class="fa fa-copy"></i></a></td></tr>
                        <tr><td class="text-left">Password</td><td class="text-left">: <b><span id="pasw1"></span></b></td><td><a href="javascript:void(0)" style="color:#444" onclick="copy_text2()"><i class="fa fa-copy"></i></a></td></tr>
                    </table>   
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Modal Login end-->

   
          
            
    <!-- hubungi_kami begin -->
    <section id="hubungi-kami">
            <div class="row">
                <div class="col-md-6">
                    <div style="background:#30BAD9;color:#fff;padding-left:24px; border-radius: 15px; box-shadow: 2px 2px 15px #9b8d8d;">
                        <div class="row">
                            <div class="col-md-6 p-2">
                                <h5>Hubungi Kami</h5>
                                <img src="https://okeklinik.com/public/images/tmk.jpg" width="140px">
                                <div style="font-size:14px;margin-bottom:8px;margin-top:10px">
                                    Teras Mahakam (sebelah hotel Gran Mahakam) <br>
                                    Jl. Mahakam No.8, RT.1/RW.7, Kramat Pela,<br>
                                    Kec. Kby. Baru, Kota Jakarta Selatan, <br>
                                    Daerah Khusus Ibukota Jakarta 12130
                                </div>
                                <i class="fa fa-phone"></i>0217392285<br>
                                <i class="fa fa-envelope"></i> business.support@okeklinik.com<br>
				<i class="fa fa-envelope"></i> help@okeklinik.com
                            </div>
                            <div class="col-md-6 p-3">
                                <h5>Perusahaan</h5>
                                <ul>
                                    <li><a href="javascript:void(0)" onclick="penjelasan('tentang')">Tentang OkeKlinik</a></li>
                                    <li><a href="javascript:void(0)" onclick="penjelasan('syarat')">Syarat dan Ketentuan</a></li>
                                    <li><a href="javascript:void(0)" onclick="penjelasan('kebijakan')">Kebijakan Privasi</a></li>
                                    <li><a href="https://okeklinik.com/faq">FAQ (Tanya Jawab)</a></li>
                                    <li><a href="javascript:void(0)" onclick="penjelasan('karir')">Bergabung Sebagai Dokter</a></li>
                                    <li><a href="javascript:void(0)" onclick="penjelasan('sitemap')">Kerjasama Corporat</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>  
                </div>   
                <div class="col-md-3"> 
                    <a href="https://www.facebook.com/okeklinikindonesia" class="btn btn-fb"><i class="fa fa-facebook"></i> Like Us on Facebook</a>
                    <a href="https://twitter.com/OkeklinikC" class="btn btn-tw"><i class="fa fa-twitter"></i> Follow Us on Twitter</a>
                    <a href="https://www.instagram.com/okeklinik_official/" class="btn btn-ig"><i class="fa fa-instagram"></i> Follow Us on Instagram</a>
                    <a href="https://www.youtube.com/okeklinik_official/" class="btn btn-yt"><i class="fa fa-youtube-play"></i> Subscribe Us on Youtube</a>
                    <a href="https://wa.me/6282122075537" class="btn btn-wa"><i class="fa fa-whatsapp"></i>0821 2207 5537</a>
                    <a href="https://wa.me/6282122763900" class="btn btn-wa"><i class="fa fa-whatsapp"></i>0821 2276 3900</a>
                </div>    
                <div class="col-md-3">
                    <div class="row no-gutters">
                        <div class="col-sm-6">
                            <a href="https://play.google.com/store/apps/details?id=com.oke.klinik" target="_blank"><img src=" https://okeklinik.com/public/images/google_play_btn.png" style="width:95%" class="mt-1">
                        </div>
                        <div class="col-sm-6">
                            <a href="https://apps.apple.com/us/app/okeklinik-layanan-kesehatan/id1581243936" target="_blank"><img src=" https://okeklinik.com/public/images/app_store_btn.png" style="width:95%" class="mt-1">
                        </div>     
                    </div>
                    <div style="width:150px;float:left" id="DigiCertClickID_on3PzKnI"></div>   
                    <div style="padding-top:30px">
                        <a href="https://pse.kominfo.go.id/tdpse-detail/56" target="_blank"><img src=" https://okeklinik.com/public/images/BADGEKOMINFO.png" width="300px"></a>
                    </div>    
                </div>  
            </div>       
    </section>
    <script>
       var __dcid = __dcid || [];
        __dcid.push({"cid":"DigiCertClickID_on3PzKnI","tag":"on3PzKnI"});
        (function(){var cid=document.createElement("script");cid.async=true;cid.src="//seal.digicert.com/seals/cascade/seal.min.js";var s = document.getElementsByTagName("script");var ls = s[(s.length - 1)];ls.parentNode.insertBefore(cid, ls.nextSibling);}());
    </script>    
    <!-- hubungi_kami end -->

    <!-- footer begin -->
         <footer>
        <div class="page-container">
                &#169; 2022 Hak Cipta Terpelihara PT. Teknologi Medis Kesehatan
        </div>
    </footer>          <!-- footer end -->
        
     <!-- Modal Penjelasan -->
     <div class="modal fade" id="ModalPenjelasan" tabindex="-1" role="dialog" aria-labelledby="ModalPenjelasan"
     aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="judul">
                        <div class="pertama">
                            <h5 class="modal-title" id="title"><span id="judul_penjelasan"></span></h5>
                        </div>
                        <button type="button" class="close2" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="container">
                       <div id="isi_penjelasan"></div>
                       <div class="mt-3 pt-3 mb-6 text-center" style="border-top:2px solid #bbb">
                            <button type="button" class="btn btn-dark" data-dismiss="modal"> Oke </button>
                       </div>
                    </div>
                </div>
            </div> 
        </div>
    </div>
    <!-- Modal Login end-->

    <!-- modal end-->

    <!-- java script -->
    <script src=" https://okeklinik.com/public/plug-ins/jquery/jquery-3.5.1.min.js "></script>
    <script src=" https://okeklinik.com/public/plug-ins/bootstrap/js/bootstrap.bundle.min.js "></script>
    <script src=" https://okeklinik.com/public/plug-ins/datepicker/datepicker.min.js "></script>
    <script src=" https://okeklinik.com/public/plug-ins/owl/dist/owl.carousel.min.js "></script>
    <script src=" https://okeklinik.com/public/plug-ins/select2/js/select2.min.js "></script>
    <script>
    $(document).ready(function(){
        $("#paket_layanan").select2();
        $("#kota").select2();
    });
 </script>   
     <script>    
        function ambil_prov(){
            $.ajax({
                    url: "/member/get-province",
                    method: 'GET',
                    success: function (response) {
                        $("#daf_id_kota").empty();
                        $("#daf_id_provinsi").append('<option value="">- Pilih -</option>')
                        $.each(response, function (key, value) {
                            $("#daf_id_provinsi").append('<option value="'+ value.code +'">'+ value.name +'</option>')
                        })
                    }
                })
        }

        function ambil_prov2(){
            $.ajax({
                    url: "/member/get-province",
                    method: 'GET',
                    success: function (response) {
                        $("#daf_id_kota2").empty();
                        $("#daf_id_provinsi2").append('<option value="">- Pilih -</option>')
                        $.each(response, function (key, value) {
                            $("#daf_id_provinsi2").append('<option value="'+ value.code +'">'+ value.name +'</option>')
                        })
                    }
                })
        }
	$(document).ready( function() {

        $("#perusahaan").select2({
            placeholder: "Pilih Perusahaan",
            allowClear: true
        });

        //get cities
        $("#daf_id_provinsi").on('change', function () {
            $.ajax({
                url: "/member/get-city",
                method: 'GET',
                data: { code: $(this).val() },
                success: function (response) {
                    $("#daf_id_kota").empty()
                    $("#daf_id_kota").append('<option value="">- Pilih -</option>')
                    $.each(response, function (key, value) {
                        $("#daf_id_kota").append('<option value="'+ value.code +'">'+ value.name +'</option>')
                    })
                }
            })
        });

        //get districts
        $("#daf_id_kota").on('change', function () {
            $.ajax({
                url: "/member/get-district",
                method: 'GET',
                data: { code: $(this).val() },
                success: function (response) {
                    $("#daf_id_kecamatan").empty()
                    $("#daf_id_kecamatan").append('<option value="">- Pilih -</option>')
                    $.each(response, function (key, value) {
                        $("#daf_id_kecamatan").append('<option value="'+ value.code +'">'+ value.name +'</option>')
                    })
                }
            })
        });

        //get districts
        $("#daf_id_kecamatan").on('change', function () {
            $.ajax({
                url: "/member/get-village",
                method: 'GET',
                data: { code: $(this).val() },
                success: function (response) {
                    $("#daf_id_desa").empty()
                    $("#daf_id_desa").append('<option value="">- Pilih -</option>')
                    $.each(response, function (key, value) {
                        $("#daf_id_desa").append('<option value="'+ value.code +'">'+ value.name +'</option>')
                    })
                }
            })
        });
        
        $("#daf_id_provinsi2").on('change', function () {
            $.ajax({
                url: "/member/get-city",
                method: 'GET',
                data: { code: $(this).val() },
                success: function (response) {
                    $("#daf_id_kota2").empty()
                    $("#daf_id_kota2").append('<option value="">- Pilih -</option>')
                    $.each(response, function (key, value) {
                        $("#daf_id_kota2").append('<option value="'+ value.code +'">'+ value.name +'</option>')
                    })
                }
            })
        });

        //get districts
        $("#daf_id_kota2").on('change', function () {
            $.ajax({
                url: "/member/get-district",
                method: 'GET',
                data: { code: $(this).val() },
                success: function (response) {
                    $("#daf_id_kecamatan2").empty()
                    $("#daf_id_kecamatan2").append('<option value="">- Pilih -</option>')
                    $.each(response, function (key, value) {
                        $("#daf_id_kecamatan2").append('<option value="'+ value.code +'">'+ value.name +'</option>')
                    })
                }
            })
        });

        //get districts
        $("#daf_id_kecamatan2").on('change', function () {
            $.ajax({
                url: "/member/get-village",
                method: 'GET',
                data: { code: $(this).val() },
                success: function (response) {
                    $("#daf_id_desa2").empty()
                    $("#daf_id_desa2").append('<option value="">- Pilih -</option>')
                    $.each(response, function (key, value) {
                        $("#daf_id_desa2").append('<option value="'+ value.code +'">'+ value.name +'</option>')
                    })
                }
            })
        }); 

    });
</script>   
    <script>
        $('.date-picker').datepicker({
                autoclose: true,
                todayHighlight: true
        })

     </script>
     <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-207419612-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-207419612-1');
    </script>
</body>
</html>