<?php

    if ($json==false){
        print lnotif(_e('Click to edit tabs', true));

        return;
    }

    if (isset($json)==false or count($json)==0){
        $json = array(0 => $defaults);
    }

?>
<script>
    $(document).ready(function () {
        mw.tabs({
            nav: '#mw-tabs-module-<?php print $params['id'] ?> .mw-ui-btn-nav-tabs a',
            tabs: '#mw-tabs-module-<?php print $params['id'] ?> .mw-ui-box-tab-content'
        });
    });
</script>

<div id="mw-tabs-module-<?php print $params['id'] ?>"
     class="mw-tabs-box-wrapper mw-module-tabs-skin-default">
  <div class="mw-ui-btn-nav mw-ui-btn-nav-tabs">
    <?php
        $count = 0;
        foreach ($json as $slide) {
        $count ++;
    ?>
    <a
        class="mw-ui-btn <?php if ($count==1){ ?> active <?php } ?>"
        href="javascript:;"><?php print isset($slide['icon']) ? $slide['icon'] . ' ' : ''; ?><?php print isset($slide['title'])?$slide['title']:''; ?></a>
    <?php } ?>
  </div>
  <div class="mw-ui-box">
    <?php
        $count = 0;
        foreach ($json as $slide) {
            $count ++;
        ?>
    <div class="mw-ui-box-content mw-ui-box-tab-content"
                 style="<?php if ($count!=1){ ?> display: none; <?php } else { ?>display: block; <?php } ?>">
      <div class="edit allow-drop"
                     field="tab-item-<?php print $count ?>"
                     rel="module-<?php print $params['id'] ?>">
        <div class="element"> <?php print isset($slide['content']) ? $slide['content'] : 'Tab content '.$count ?></div>
      </div>
    </div>
    <?php } ?>
  </div>
</div>
