<?php
global $product;
$default_font = nbd_get_default_font();
$lang_code = str_replace('-', '_', get_locale());
$locale = substr($lang_code, 0, 2);
$product_id = $product->get_id();
$product_type = $product->get_type();
$enableColor = nbdesigner_get_option('nbdesigner_show_all_color');
$enable_upload_multiple = nbdesigner_get_option('nbdesigner_upload_multiple_images');
$task = (isset($_GET['task']) &&  $_GET['task'] != '') ? $_GET['task'] : 'new';
$task2 = (isset($_GET['task2']) &&  $_GET['task2'] != '') ? $_GET['task2'] : '';
$design_type = (isset($_GET['design_type']) &&  $_GET['design_type'] != '') ? $_GET['design_type'] : '';
$nbd_item_key = (isset($_GET['nbd_item_key']) &&  $_GET['nbd_item_key'] != '') ? $_GET['nbd_item_key'] : '';
$nbu_item_key = (isset($_GET['nbu_item_key']) &&  $_GET['nbu_item_key'] != '') ? $_GET['nbu_item_key'] : '';
$cart_item_key = (isset($_GET['cik']) &&  $_GET['cik'] != '') ? $_GET['cik'] : '';
$reference = (isset($_GET['reference']) &&  $_GET['reference'] != '') ? $_GET['reference'] : '';
$ui_mode = 3;/*1: Iframe popup, 2: Editor page, 3: Div in detail product*/
$redirect_url = (isset($_GET['rd']) &&  $_GET['rd'] != '') ? $_GET['rd'] : (($task == 'new' && $ui_mode == 2) ? wc_get_cart_url() : '');
$_enable_upload = get_post_meta($product_id, '_nbdesigner_enable_upload', true);
$_enable_upload_without_design = get_post_meta($product_id, '_nbdesigner_enable_upload_without_design', true);
$enable_upload = $_enable_upload ? 2 : 1;
$enable_upload_without_design = $_enable_upload_without_design ? 2 : 1;
$variation_id = 0;
$show_nbo_option = false;
$home_url = $icl_home_url = untrailingslashit(get_option('home'));
$is_wpml = 0;
$font_url = NBDESIGNER_FONT_URL;
if ( function_exists( 'icl_get_home_url' ) ) {
    $icl_home_url = untrailingslashit(icl_get_home_url());
    if ( class_exists( 'SitePress' ) ) {
        global $sitepress;
        if($sitepress){
            $wpml_language_negotiation_type = $sitepress->get_setting('language_negotiation_type');
            if( $wpml_language_negotiation_type == 2 ){
                $is_wpml = 1;
                $font_url = str_replace(untrailingslashit(get_option('home')), untrailingslashit(icl_get_home_url()), $font_url);
            }
        }
    }
};
$fbID = nbdesigner_get_option('nbdesigner_facebook_app_id');
$dbID = nbdesigner_get_option('nbdesigner_dropbox_app_id');
$ingId = nbdesigner_get_option('nbdesigner_instagram_app_id');
$layout = 'visual';
$product_data = nbd_get_product_info( $product_id, $variation_id, $nbd_item_key, $task, $task2, $reference, false, $cart_item_key );
$link_get_options = '';
$templates = nbd_get_resource_templates($product_id, $variation_id, 100);
$valid_license = nbd_check_license();

include NBDESIGNER_PLUGIN_DIR . 'views/editor_components/js_config.php';
?>
<style>
    .nbd-mode-vista .nbd-stages .page-toolbar .page-main ul li i.nbd-icon-vista-arrow-upward{
        background: #ddd;
        border-radius: 12px;
        padding: 8px 0;
    }
    .nbd-mode-vista .v-toolbox .v-toolbox-item {
        max-width: 320px;
    }
    @media(min-width: 768px){
        .nbd-visual-layout .entry-summary {
            width: 100% !important;
        }
        .nbd-visual-layout .nbo-fields-wrapper {
            width: 50% !important;
            float: left !important;
            padding-right: 1.1em;
        }
        .nbd-visual-layout .nbo-summary-wrapper {
            width: 50% !important;
            float: left !important;
        }    
    }
    .nbd-designer #primary,.nbd-designer.woocommerce div.product {
      overflow: unset !important;
    }
    .nbd-on-task:after {
        content: "";
        position: fixed;
        top: 0px;
        left: 0px;
        background: #fff;
        opacity: 1;
        width: 100vw;
        height: 100vh;
        z-index: 10000001;
        transition: opacity 250ms ease;
        cursor: default;
    }
    .nbd-on-task .nbd-vista-ctrl {
        position: relative;
        z-index: 10000002;
    }
    .nbd-mode-vista .v-toolbox .v-toolbox-item{
        top: 100%;
        left: 50%;
        transform: translateX(-100%);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    .nbd-mode-vista .v-sidebar .v-content .text-editor.active .text-field{
        background: #888;
        color: #fff;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
    }
    .nbd-mode-vista .nbd-stages .stages-inner .stage .stage-main .design-wrap {
        overflow: hidden;
    }
    .nbd-mode-vista .nbd-stages .stages-inner .stage .stage-main .design-wrap .bounding-layers .bounding-layers-inner .layer-angle span {
        font-size: 10px;
    }
    .nbd-mode-vista .v-toolbox .v-toolbox-text .toolbar-font-search input{
        border: 1px solid #ebebeb !important;
    }
    .v-content.nbd-tab-contents:after,
    #tab-text.nbd-tab-contents:after,
    #tab-photo .v-content:after,
    #tab-element .v-content:after{
        content: '';
        position: absolute;
        bottom: -30px;
        width: 100%;
        height: 30px;
        pointer-events: none;
        box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8) inset, 0px -15px 15px rgba(255, 255, 255, 0.6);
    }
    @media screen and (max-width: 768px){
        .nbd-mode-vista .v-workspace {
            width: 100%;
        }
        .nbd-mode-vista .v-layout{
            width: 100% !important;
        }
        .v-workspace {
            flex-wrap: wrap;
        }
        .toolbar-input {
            font-size: 16px !important;
        }
        .nbd-mode-vista .v-sidebar .v-content .text-editor .text-field{
            font-size: 16px;
        }
        .nbd-mode-vista.nbd-mobile .v-toolbar .main-toolbar .v-toolbar-item:after {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            content: '';
            width: 60px;
            background-color: transparent;
            background-image: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,0.55));
            pointer-events: none; 
        }
    }
</style>
<?php $mode3Task = (isset($_GET['nbdv-task']) && $_GET['nbdv-task'] != '') ? $_GET['nbdv-task'] : ''; ?>
<div id="nbd-vista-app" class="nbd-mode-vista <?php echo wp_is_mobile() ? 'nbd-mobile' : 'nbd-desktop'; ?> <?php echo (is_rtl()) ? 'nbd-rtl' : ''?> <?php if(isset($_GET['nbdv-task']) && $_GET['nbdv-task'] != '') echo '1nbd-on-task'; ?>">
    <div class="nbd-vista-ctrl" ng-controller="designCtrl" keypress ng-cloak>
        <div id="design-container">
            <div class="container-fluid" id="designer-controller">
                <div class="nbd-vista">
                    <div class="main-vista">
                        <?php include "toolbar.php";?>
                        <div class="v-workspace">
                            <?php include "sidebar.php";?>
                            <?php include "layout.php";?>
                            <?php include "warning.php"; ?>
                            <?php include "toasts.php";?>
                        </div>
                    </div>
                    <?php include 'popup.php';?>
                    <?php include 'context-menu.php';?>
                    <?php include 'loading-app.php';?>
                </div>
                <?php include 'save-template.php';?>
            </div>
        </div>
    </div>
</div>
