<?php
/*
* Plugin-Name: Product Designer App
* Plugin-URI: https://productdesignerapp.com
* Author: productdesignerapp
* Template
*/

if (!defined('ABSPATH'))
{
    exit;
}
?>
<div class="pdapp-helpbox modal-body" v-if="modal.type == 'help' && langs.help != undefined">
    <div class="pdapp-help-menu btn-group gap-1 w-100" v-if="1 < helpMenus.length">
        <button type="button" class="btn btn-sm rounded-2" v-for="(menu, hid) in helpMenus" :key="hid" :class="menu.key == modal.tab ? 'btn-primary' : 'btn-light'" @click="modal.tab = menu.key" aria-selected="false" tabindex="-1" role="tab">
            <i class="material-icons material-symbols-outlined">{{ menu.icon }}</i>
            <span>{{ menu.name }}</span>
        </button>
    </div>
    
    <div class="pdapp-help-contents mt-2">
        <div class="tab-pane show active yt_video_content" v-show="modal.tab == 'design'">
            <iframe id="yt_video_iframe" width="100%" height="auto" frameborder="0" :src="settings.general.guide"></iframe>
        </div>
    </div>
</div>