<?php

/*

type: layout

name: Default

description: Default

*/
?>

<?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);
}

?>

<div id="mw-tabs-module-<?php print $params['id'] ?>" class="mw-tabs-box-wrapper mw-module-tabs-skin-default">
    <div class="tabs-container tabs-2">
        <ul class="tabs">
            <?php
            $count = 0;
            foreach ($json as $slide) {
                $count++;
                ?>
                <li class="<?php if ($count == 1): ?>active<?php endif; ?> voh vnn">
                    <div class="tab__title">
                        <h5><span class="fa <?php print isset($slide['icon']) ? $slide['icon'] : ''; ?>"></span> <?php print isset($slide['title']) ? $slide['title'] : ''; ?></h5>
                    </div>
                    <div class="tab__content">
                        <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>
                </li>
            <?php } ?>
        </ul>
    </div>
</div>
<script>

    $(document).ready(function(){
        mw.tplDream.tabs($)
    })

</script>