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

if (!defined('ABSPATH'))
{
    exit;
}

if (!defined('PDAPP_THEME_FOLDER'))
{
    define('PDAPP_THEME_FOLDER', 'default');
}

?>
<div id="productdesignerapp-wrapper">
    <?php
        require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/script/html-script.php');
        require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/script/html-style.php');
    ?>
    <div id="productdesignerapp-app" style="display: none;">
        <div class="pdapp-app-layout d-flex" :class="'pdapp-app-'+ responsiveLayout.screenSize, 'pdapp-app-'+ responsiveLayout.position, responsiveLayout.screenSize == 'mobile' ? '' : 'gap-1'" :style="'width:'+ responsiveLayout.width +'px;height:'+ responsiveLayout.height +'px'" @click="closeOptionDropdown">
            <div class="pdapp-topbar-layout">
                <?php require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/layouts/html-topbar.php'); ?>
            </div>
            <div class="pdapp-design-layout d-flex">
                <div class="pdapp-left-layout d-flex position-relative">
                    <?php require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/layouts/html-leftbar.php'); ?>
                </div>
                <div class="pdapp-center-layout position-relative">
                    <?php require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/layouts/html-center.php'); ?>
                </div>
                <div class="pdapp-right-layout position-relative">
                    <?php require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/layouts/html-rightbar.php'); ?>
                </div>
            </div>
        </div>
        <div class="pdapp-app-extend">
            <?php require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/layouts/html-extend.php'); ?>
        </div>
    </div>
    <div id="pdapp-loading-page" class="pdapp-loading-mask pdapp-loading-page">
        <div class="pdapp-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
    </div>

    <?php
        require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/script/variants.php');
        require_once(PDAPP_PLUGIN_DIR .'templates/'. PDAPP_THEME_FOLDER .'/script/html-bot-script.php');
    ?>
</div>