<?php
add_shortcode( 'cari_2d', 'cari_2d' );
function cari_2d(){ 
    ob_start();
    include_once('fungsi.php');
    global $wpdb;
$table_paito = 'result';$lista=array();
$cok = array("adelaide day","adelaide night","brisbane day","brisbane night","bullseye","busan day","busan night","chengdu day","chengdu night","chinapools","florida midday","georgia evening","georgia midday","georgia night","germany plus5","hongkong","illinois evening","illinois midday","indiana midday","japan","kentucky midday","magnum cambodia","maryland evening","michigan evening","missouri evening","missouri midday","morocco quatro 01","morocco quatro 04","morocco quatro 19","morocco quatro 22","new york evening","north carolina day","north carolina evening","oregon 04","oregon 07","oregon 10","oregon 13","salvador morning","salvador night","san juan morning","san juan night","singapore","sydney","taipei","taiwan","tennesse evening","tennesse midday","tennesse morning","texas day","texas evening","vegas evening","vegas midnight","virginia day","washington dc evening","washington dc midday");
$pid = (isset($_POST['paitopsr']))?$_POST['paitopsr']:'';
$angka = (isset($_POST['angka']))?$_POST['angka']:'';
if (isset($_POST['submit'])) {
$url = 'https://buyutpaito.com/json/lengkap.php?digit=4&market='.$pid.'&angka='.$angka;
$lista = json_decode(resourceWeb($url), true);
}

    ?>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.21/css/dataTables.bootstrap4.min.css" integrity="sha512-PT0RvABaDhDQugEbpNMwgYBCnGCiTZMh9yOzUsJHDgl/dMhD9yjHAwoumnUk3JydV3QTcIkNDuN40CJxik5+WQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.21/css/dataTables.jqueryui.min.css" integrity="sha512-x2AeaPQ8YOMtmWeicVYULhggwMf73vuodGL7GwzRyrPDjOUSABKU7Rw9c3WNFRua9/BvX/ED1IK3VTSsISF6TQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />    
<style>
    .entry-title {text-align:center}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #ff6a6a !important;
    background: linear-gradient(to bottom, #ffa4a4 0%, #bf0000 100%) !important;
}
</style>
<form class="form-inline row text-center mb-3" method="post">
  <div class="col-md-6 mb-2">
       <label class="sr-only">Market</label>
    <select name="paitopsr" class="form-control form-control-sm">
                    <?php 
                    foreach($cok as $mark){
                        $pasar = preg_replace('/\s+/', '-', $mark);
                        if($pid==$pasar){
                            echo '<option value="'.$pasar.'" selected>'.ucwords(markete($pasar)).'</option>';
                        }else{
                            echo '<option value="'.$pasar.'">'.ucwords(markete($pasar)).'</option>';
                        }
                    }
                    ?>
                </select>
  </div>
  <div class="col-md-6 mb-2">
    <label class="sr-only">Angka</label>
    <input type="text" class="form-control form-control-sm" name="angka" place_holder="Angka" value="<?=(isset($_POST['angka']))?$_POST['angka']:'';?>">
  </div>
  <div class="col-md-12 mb-0">
  <button type="submit" name="submit" class="btn btn-primary btn-sm mb-2">Cari</button>
  </div>
</form>    

    	<div id="loading" class="text-center mx-auto">
			<p class="text-center">Tunggu Sejenak Sedang Mengambil Data Besar</p>
		</div>
		<div id="tables" style="display:none">
			<table class="table table-bordered table-striped mb-3" id="datatablem2d">
				<thead>
					<tr>
						<th class="text-center p-1 bg-danger text-white align-middle" width="5%">No</th>
						<th class="text-center p-1 bg-danger text-white align-middle">Hari</th>
						<th class="text-center p-1 bg-danger text-white align-middle">Tanggal</th>
						<th class="text-center p-1 bg-danger text-white align-middle">Result</th>
					</tr>
				</thead>
				<tbody>
					<?php $no=1;
					if ($lista) {
					foreach($lista as $field=>$value){
					echo '<tr>
					<td class="text-center p-1">'.$no.'</td>
					<td class="text-center p-1">'.ucwords(strtolower($value['day'])).'</td>
					<td class="text-center p-1">'.tgl_indo($value['date']).'</td>
					<td class="text-center p-1">'.$value['result'].'</td>
					</tr>';
					}
					$no++;}?>
				</tbody>
			</table>
		</div>
		
		<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.21/js/jquery.dataTables.min.js" integrity="sha512-BkpSL20WETFylMrcirBahHfSnY++H2O1W+UnEEO4yNIl+jI2+zowyoGJpbtk6bx97fBXf++WJHSSK2MV4ghPcg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
		<script type="text/javascript">jQuery(document).ready(function() { jQuery("#datatablem2d").dataTable({pagingType: 'numbers'}) });
jQuery(function(b) { b("#loading").css("display", "none");b("#tables").css("display", "block");});</script>
<?php return ob_get_clean(); }?>