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

if (!defined('ABSPATH'))
{
    exit;
}
?>
<div class="modal-dialog modal-full-width m-0 vw-100 vh-100 pdapp-add-template" v-if="tempModal.type == 'add'">
    <div class="modal-content w-100 h-100 rounded-0 border-top-0 border-left-0 border-bottom-0 border-right-0 gap-1" v-if="!tempModal.loading" :class="'pdapp-app-'+ responsiveLayout.screenSize, 'pdapp-app-'+ responsiveLayout.position">
        <div class="modal-header p-1 bg-light">
            <?php require_once(PDAPP_ADMIN_PLUGIN_DIR .'pages/templates/add/studio/topbar/html-menus.php'); ?>
        </div>
        <div id="pdapp-template-body" class="modal-body p-0">
            <div class="d-flex w-100 pdapp-template-layout">
                <?php require_once(PDAPP_ADMIN_PLUGIN_DIR .'pages/templates/add/studio/leftbar/html-index.php'); ?>
                <?php require_once(PDAPP_ADMIN_PLUGIN_DIR .'pages/templates/add/studio/html-index.php'); ?>
            </div>
            <div class="pdapp-loading-mask pdapp-loading-page" v-if="addingLoad">
                <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>
        </div>

        <?php require_once(PDAPP_ADMIN_PLUGIN_DIR .'pages/templates/components/html-modal-temp.php'); ?>
    </div>
    <div class="modal-content w-100 h-100 rounded-0 border-0" v-else>
        <div 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>
    </div>
</div>