<?php
/*
* Plugin Name: Tarif Klik Logistics
* Description: Widget tarif Klik Logistics darat, laut & udara dengan menggunakan shortcode [tarif-klik]
* Version: 1.0
* Author: WEBHAPPEN
* Author URI: https://webhappen.com
*/

function widget_kliklogistics_register() {
    wp_register_style( 'kliklogistics-style', plugins_url( '/style.css', __FILE__ ), array(), '1.0.0', 'all' );
    wp_register_script( 'kliklogistics-script', plugins_url( '/script.js', __FILE__ ), array(), null, true );
    wp_register_script( 'datatable-cn', 'https://cdn.datatables.net/v/bs-3.3.7/dt-1.10.15/datatables.min.js', array(), null, true );
    wp_register_script( 'typeahead-cn', 'https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.js', array(), null, true );
}
add_action('init', 'widget_kliklogistics_register');

function widget_kliklogistics_shortcode($atts, $content=null)
{
wp_enqueue_style('kliklogistics-style');
wp_enqueue_script('kliklogistics-script');
wp_enqueue_script('datatable-cn');
wp_enqueue_script('typeahead-cn');
$layout = '<div id="tabOngkir">  
  <input id="tabDarat" type="radio" name="tabs" checked>
  <label for="tabDarat">Darat</label>    
  <input id="tabLaut" type="radio" name="tabs">
  <label for="tabLaut">Laut</label>    
  <input id="tabUdara" type="radio" name="tabs">
  <label for="tabUdara">Udara</label>    
  <section class="isiTab" id="isiDarat">
    <div id="Darat">
      <div class="loader-6"><span></span></div>
    </div> 
  </section>    
  <section class="isiTab" id="isiLaut">
    <div id="Laut">
      <div class="loader-6"><span></span></div>      
    </div> 
  </section>    
  <section class="isiTab" id="isiUdara">
    <div id="Udara">
      <div class="loader-6"><span></span></div>      
    </div> 
  </section>  
</div>';
return $layout;
}
add_shortcode('tarif-klik', 'widget_kliklogistics_shortcode');
?>