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

if (!defined('ABSPATH'))
{
    exit;
}
?>
<template v-if="activeMenu != null || (activeMenu == null && groupItem.show)">
    <div :class="activeMenu != null && menuOptions.childID == null && groupItem.show == false ? 'modal fade show d-block' : 'pdapp-menu-mobile-options position-absolute card m-0'">
        <div :class="activeMenu != null && menuOptions.childID == null && groupItem.show == false ? 'modal-dialog modal-dialog-scrollable modal-full-width' : 'pdapp-menu-mobile-detail w-100 h-100'">
            <div :class="activeMenu != null && menuOptions.childID == null && groupItem.show == false ? 'modal-content' : 'pdapp-menu-mobile-content w-100 h-100'">
                <div :class="activeMenu != null && menuOptions.childID == null && groupItem.show == false ? 'modal-header pt-1 pb-1' : 'pdapp-menu-mobile-header d-flex gap-1 justify-content-between align-items-center'">
                    <?php require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/layouts/leftbar/mobile/html-head.php'); ?>
                </div>
                <div :class="activeMenu != null && menuOptions.childID == null && groupItem.show == false ? 'modal-body ' + 'pdapp-menu-options-'+activeMenu : 'pdapp-menu-mobile-body position-relative w-100 p-1 pe-0'">
                    <template v-if="groupItem.show">
                        <?php require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/layouts/leftbar/mobile/html-groups.php'); ?>
                    </template>

                    <template v-else>
                        <template v-if="activeMenu == 'template'">
                            <?php require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/layouts/leftbar/mobile/html-template.php'); ?>
                        </template>

                        <template v-if="activeMenu == 'text'">
                            <?php require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/layouts/leftbar/mobile/html-text.php'); ?>
                        </template>

                        <template v-if="activeMenu == 'artwork'">
                            <?php require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/layouts/leftbar/mobile/html-artwork.php'); ?>
                        </template>

                        <template v-if="activeMenu == 'photo'">
                            <?php require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/layouts/leftbar/mobile/html-photo.php'); ?>
                        </template>

                        <template v-if="activeMenu == 'team'">
                            <?php require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/layouts/leftbar/mobile/html-team.php'); ?>
                        </template>

                        <template v-if="activeMenu == 'qrcode'">
                            <?php require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/layouts/leftbar/mobile/html-qrcode.php'); ?>
                        </template>

                        <template v-if="activeMenu == 'barcode'">
                            <?php require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/layouts/leftbar/mobile/html-barcode.php'); ?>
                        </template>

                        <template v-if="activeMenu == 'layer'">
                            <?php require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/layouts/leftbar/mobile/html-layer.php'); ?>
                        </template>
                    </template>
                </div>
            </div>
        </div>
        <div v-if="activeMenu != null && menuOptions.childID == null && groupItem.show == false" class="modal-backdrop fade show" @click="activeMenu = null"></div>
    </div>
</template>