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

if (!defined('ABSPATH'))
{
    exit;
}
?>
<template v-if="activeMenu != null && menuOptions.childID == null && groupItem.show == false">
    <h4 class="modal-title">{{ listMenus[activeMenu].title }}</h4>
    <button type="button" class="btn p-0 m-0 pdapp-w30 pdapp-h30 text-danger ps-1" @click="activeMenu = null">
        <i class="material-icons material-symbols-outlined fs-3">close</i>
    </button>
</template>
<template v-else>
    <template v-if="groupItem.show">
        <button type="button" class="btn btn-danger btn-sm waves-effect waves-light w-100 p-1 rounded-pill" @click="closeGroup()">
            <i class="material-icons material-symbols-outlined close-menu-hor">keyboard_backspace</i>
            <i class="material-icons material-symbols-outlined close-menu-ver">close</i>
        </button>
    </template>
    <template v-else>
        <button type="button" class="btn btn-danger btn-sm waves-effect waves-light w-100 p-1 rounded-pill" @click="closeMenuOption()">
            <i class="material-icons material-symbols-outlined close-menu-hor">keyboard_backspace</i>
            <i class="material-icons material-symbols-outlined close-menu-ver">close</i>
        </button>
    </template>
</template>