<?php
use ColibriWP\Theme\Translations;
use Kubio\Theme\Theme;
wp_localize_script(
get_template() . '-page-info',
'momota_admin',
array(
'getStartedData' => array(
'plugin_installed_and_active' => Translations::escHtml( 'plugin_installed_and_active' ),
'activate' => Translations::escHtml( 'activate' ),
'activating' => Translations::get( 'activating', 'Kubio Page Builder' ),
'install_recommended' => isset( $_GET['install_recommended'] ) ? $_GET['install_recommended'] : '',
'theme_prefix' => Theme::prefix( '', false ),
),
'builderStatusData' => array(
'status' => momota_theme()->getPluginsManager()->getPluginState( momota_get_builder_plugin_slug() ),
'install_url' => momota_theme()->getPluginsManager()->getInstallLink( momota_get_builder_plugin_slug() ),
'activate_url' => momota_theme()->getPluginsManager()->getActivationLink( momota_get_builder_plugin_slug() ),
'slug' => momota_get_builder_plugin_slug(),
'kubio_front_set_predesign_nonce' => wp_create_nonce( 'kubio_front_set_predesign_nonce' ),
'kubio_disable_big_notice_nonce' => wp_create_nonce( 'kubio_disable_big_notice_nonce' ),
'plugin_activate_nonce' => wp_create_nonce( 'plugin_activate_nonce' ),
'messages' => array(
'installing' => Translations::get( 'installing', 'Kubio Page Builder' ),
'activating' => Translations::get( 'activating', 'Kubio Page Builder' ),
'preparing' => Translations::get( 'preparing_front_page_installation' ),
),
'view_demos_url' => add_query_arg(
array(
'page' => 'kubio-get-started',
'tab' => 'demo-sites',
),
admin_url( 'admin.php' )
),
),
)
);
?>
<div class="momota-admin-big-notice--container">
<div class="logo-holder">
<h2><?php echo sprintf(__("Choose one of the %s predefined designs to start with:"), ucfirst(get_stylesheet())); ?></h2>
</div>
<div class="content-holder">
<ul class="predefined-front-pages">
<?php foreach ( \ColibriWP\Theme\Defaults::get( 'front_page_designs' ) as $momota_design_index => $design ) : ?>
<?php
$momota_design_selected = $momota_design_index === 0 ? 'selected' : '';
$preview_image_name = isset( $design['preview'] ) ? $design['preview'] : "front-page-{$design['index']}.png";
?>
<li data-index="<?php echo esc_attr( $design['index'] ); ?>"
class="<?php echo $momota_design_selected; ?>">
<div class="predefined-front-page-card">
<div class="selected-badge"></div>
<div class="predefined-front-page-card-header">
<h3 class="design-title">
<?php echo esc_html( $design['name'] ); ?>
</h3>
</div>
<div class="front-page-design-wrapper">
<div class="design-preview-image"
style="background-image: url(<?php echo esc_attr( momota_theme()->getAssetsManager()->getBaseURL() . "/images/{$preview_image_name}" ); ?>)"
></div>
</div>
<?php
if($design['name'] === ""){?>
<div class="predefined-front-page-card-footer">
<h3 class="design-content">
<?php echo "Generate a tailored website in minutes using AI"; ?>
</h3>
</div>
<?php }
?>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
<div class="content-footer ">
<div class="action-buttons">
<button class="button button-primary button-hero start-with-predefined-design-button">
<?php Translations::escHtmlE( 'start_with_selected_page' ); ?>
</button>
<a role="button" class="view-all-demos">
<?php Translations::escHtmlE( 'check_all_demo_sites_page' ); ?>
</a>
</div>
<div>
<div class="plugin-notice">
<span class="spinner"></span>
<span class="message"></span>
</div>
</div>
<div>
<p class="description large-text"><?php Translations::escHtmlE( 'start_with_a_front_page_plugin_info' ); ?></p>
</div>
</div>
</div>