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

if (!defined('ABSPATH'))
{
    exit;
}
?>
<div class="pdapp-menus list-group border-none overflow-x-hidden overflow-y-auto p-1" :class="responsiveLayout.screenSize == 'mobile' ? 'gap-1' : 'gap-2'">
    <template v-for="(menu, key) in listMenus">
        <button type="button" class="list-group-item list-group-item-action d-flex align-items-center gap-1 rounded-2 p-2 d-flex flex-column border-0" v-if="settings.layout[key] != undefined && ((settings.layout[key].allow != undefined && settings.layout[key].allow) || (settings.layout[key].allowUpload != undefined && (settings.layout[key].allowUpload || settings.layout[key].allowLibrary)))" :key="key" @click="openMenu(key)" :class="{'active': key == activeMenu, 'px-1': responsiveLayout.screenSize == 'desktop'}">
            <i class="material-icons material-symbols-outlined">{{ menu.icon }}</i>
            <span class="d-md-block d-none text-uppercase">{{ menu.title }}</span>
        </button>
    </template>
</div>