<?php
/*
* Plugin Name: Kubikasi Logistics
* Description: Kubikasi menggunakan shortcode [kubikasi]
* Version: 1.0
* Author: MEDIA KLIK LOGISTICS
* Author URI: https://www.kliklogistics.co.id
*/

function widget_kubikasi_register() {
    wp_register_style( 'kubikasi-style', plugins_url( '/style.css', __FILE__ ), array(), '1.0.0', 'all' );
    wp_register_script( 'kubikasi-script', plugins_url( '/script.js', __FILE__ ), array(), null, true );
}
add_action('init', 'widget_kubikasi_register');

function widget_kubikasi_shortcode($atts, $content=null)
{
wp_enqueue_style('kubikasi-style');
wp_enqueue_script('kubikasi-script');
$layout = '<table style="height: 160px;" width="100%">
<tbody>
<tr>
<td style="width: 30%; text-align: center;">Panjang (cm)</td>
<td style="width: 30%; text-align: center;">Lebar (cm)</td>
<td style="width: 30%; text-align: center;">Tinggi (cm)</td>
</tr>
<tr>
<td><input type="text" id="panjang" value="0"/></td>
<td><input type="text" id="lebar" value="0"/></td>
<td><input type="text" id="tinggi" value="0"/></td>
</tr>
<tr>
<td style=" text-align: center;" colspan="3"><button onclick="calculate()">Hitung</button>&nbsp;<button onclick="reset()">Reset</button></td>
</tr>

<tr>
<td>Kubikasi (m3)</td>
<td><input type="text" id="kubikasi" value="0" readonly/></td>

</tr>
<tr>
<td>Volume Darat dan Laut (kg)</td>
<td><input type="text" id="drlt" value="0" readonly/></td>
</tr>
<tr>
<td>Volume Udara (kg)</td>
<td><input type="text" id="udr" value="0" readonly/></td>
</tr>
</tbody>
</table>';
return $layout;
}
add_shortcode('kubikasi', 'widget_kubikasi_shortcode');
?>