<?php defined('BASEPATH') or exit('No direct script access allowed'); ?>
<!DOCTYPE html>
<html lang="en">
  
  <head>
    <title>Example</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link href="<?php echo base_url('assets/css/bootstrap.min.css');?>" rel="stylesheet"/>
    <link href="<?php echo base_url('assets/css/bootstrap-theme.css');?>" rel="stylesheet"/>
  </head>
  
  <body style="background: #f6f6f6;">
    <div class="container">
      <div class="panel panel-default" style="margin-bottom: 0;">
        <div class="panel-body text-center">
          <p>Contoh webview dengan javascript interface</p>
          <button style="margin-bottom: 15px;margin-left: auto; margin-right: auto;display:block;" class="btn btn-default" type="button" onclick="javascript:w38s.openURL('<?php echo site_url('harga');?>')">Open WebView</button>
          <button style="margin-bottom: 15px;margin-left: auto; margin-right: auto;display:block;" class="btn btn-default" type="button" onclick="javascript:w38s.showBottomSheetDialog('Closed', '<div style=\'padding: 15px;\'><div class=\'alert alert-info\'>Mohon maaf, untuk saat ini aplikasi sedang dalam perbaikan.</div></div>', false)">Show Bottom sheet dialog 1</button>
          <button style="margin-bottom: 15px;margin-left: auto; margin-right: auto;display:block;" class="btn btn-default" type="button" onclick="javascript:w38s.showBottomSheetDialog('Selamat Datang', '<div style=\'padding: 15px;\'><div class=\'alert alert-info\'>Selamat datang di aplikasi v2</div></div>')">Show Bottom sheet dialog 2</button>
          <button style="margin-right: 10px;" class="btn btn-default" type="button" onclick="javascript:w38s.showAlert('Alert Title', 'Alert Message')">Show Alert</button>
          <div class="dropdown" style="width: 110px; display: inline-block">
            <button id="toastLabel" class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Show Toast <span class="caret"></span></button>
            <ul class="dropdown-menu" aria-labelledby="toastLabel">
              <li><a href="javascript:w38s.showToast('success', 'Toast success');">Success</a></li>
              <li><a href="javascript:w38s.showToast('info', 'Toast info');">Info</a></li>
              <li><a href="javascript:w38s.showToast('warning', 'Toast warning');">Warning</a></li>
              <li><a href="javascript:w38s.showToast('error', 'Toast error');">Error</a></li>
              <li><a href="javascript:w38s.showToast('default', 'Toast default');">Default</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <script src="<?php echo base_url('assets/js/jquery.min.js');?>"></script>    
    <script src="<?php echo base_url('assets/js/bootstrap.min.js'); ?>"></script>
  </body>
</html>