<?php
/**
 * EPPRO_Theme_Builder_Admin
 *
 * Admin page for managing Header/Footer/Section templates.
 * Handles: menu registration, template list, meta box for type & conditions,
 * save handler, create + redirect to Elementor editor.
 *
 * @package AdMoreWidgetsSuite
 * @since   1.0.0
 */

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

class EPPRO_Theme_Builder_Admin {

    const PAGE_SLUG = 'eppro-theme-builder';
    const NONCE     = '_eppro_hf_nonce';

    /** Every template type the Theme Builder supports (see the type selector in the meta box). */
    const TEMPLATE_TYPES = [
        'header', 'footer', 'single_post', 'single_page', 'archive', 'search', 'blog', '404',
        'product', 'shop', 'cart', 'checkout', 'my_account', 'section', 'landing_page',
    ];

    public static function init(): void {
        static $booted = false;
        if ( $booted ) return;
        $booted = true;
        add_action( 'admin_menu',         [ __CLASS__, 'register_menu' ] );
        add_action( 'add_meta_boxes',     [ __CLASS__, 'register_meta_box' ] );
        add_action( 'save_post',          [ __CLASS__, 'save_meta' ], 10, 2 );
        add_action( 'admin_post_eppro_create_hf_template', [ __CLASS__, 'handle_create' ] );
        add_action( 'admin_enqueue_scripts', [ __CLASS__, 'enqueue_assets' ] );

        // AJAX handlers
        add_action( 'wp_ajax_eppro_tb_duplicate_template', [ __CLASS__, 'ajax_duplicate_template' ] );
        add_action( 'wp_ajax_eppro_delete_template',    [ __CLASS__, 'ajax_delete_template' ] );

        // Flush template IDs transient cache on any template change.
        if ( class_exists( 'EPPRO_Theme_Builder_Conditions' ) ) {
            add_action( 'save_post_' . EPPRO_Theme_Builder_CPT::POST_TYPE, [ 'EPPRO_Theme_Builder_Conditions', 'flush_template_ids_cache' ] );
            add_action( 'trash_post',   [ __CLASS__, 'maybe_flush_tb_cache' ] );
            add_action( 'delete_post',  [ __CLASS__, 'maybe_flush_tb_cache' ] );
            add_action( 'untrash_post', [ __CLASS__, 'maybe_flush_tb_cache' ] );
        }
    }

    /** Flush template IDs cache only when the post belongs to the theme-builder CPT. */
    public static function maybe_flush_tb_cache( int $post_id ): void {
        if ( class_exists( 'EPPRO_Theme_Builder_CPT' ) &&
             get_post_type( $post_id ) === EPPRO_Theme_Builder_CPT::POST_TYPE ) {
            EPPRO_Theme_Builder_Conditions::flush_template_ids_cache();
        }
    }

    // =========================================================================
    // Menu
    // =========================================================================

    public static function register_menu(): void {
        add_submenu_page(
            'eppro-settings',
            __( 'Theme Builder', 'admore-widgets-suite' ),
            __( 'Theme Builder', 'admore-widgets-suite' ),
            'manage_options',
            self::PAGE_SLUG,
            [ __CLASS__, 'render_page' ]
        );
    }

    public static function enqueue_assets( string $hook ): void {
        if ( false === strpos( $hook, self::PAGE_SLUG ) ) return;
        
        // Enqueue premium admin styles
        wp_enqueue_style(
            'eppro-theme-builder-admin',
            EPPRO_URL . 'includes/theme-builder/assets/css/theme-builder-admin.css',
            [],
            eppro_asset_ver( 'includes/theme-builder/assets/css/theme-builder-admin.css' )
        );
        
        // Enqueue admin JavaScript
        wp_enqueue_script(
            'eppro-theme-builder-admin',
            EPPRO_URL . 'includes/theme-builder/assets/js/theme-builder-admin.js',
            [ 'jquery' ],
            eppro_asset_ver( 'includes/theme-builder/assets/js/theme-builder-admin.js' ),
            true
        );
        
        // Localize script
        wp_localize_script( 'eppro-theme-builder-admin', 'epproThemeBuilder', [
            'ajaxUrl' => admin_url( 'admin-ajax.php' ),
            'nonce'   => wp_create_nonce( 'eppro_theme_builder' ),
            'i18n'    => [
                'creating'         => __( 'Creating…', 'admore-widgets-suite' ),
                'confirmDuplicate' => __( 'Duplicate this template? A draft copy will be created.', 'admore-widgets-suite' ),
                'duplicated'       => __( 'Template duplicated.', 'admore-widgets-suite' ),
                'duplicateFailed'  => __( 'Failed to duplicate template.', 'admore-widgets-suite' ),
                /* translators: %s: template name */
                'confirmDelete'    => __( 'Delete "%s"? This action cannot be undone.', 'admore-widgets-suite' ),
                'deleted'          => __( 'Template deleted.', 'admore-widgets-suite' ),
                'deleteFailed'     => __( 'Failed to delete template.', 'admore-widgets-suite' ),
                'requestFailed'    => __( 'An error occurred. Please try again.', 'admore-widgets-suite' ),
            ],
        ] );
    }

    // =========================================================================
    // Meta Box (on eppro_hf_template edit screen)
    // =========================================================================

    public static function register_meta_box(): void {
        if ( ! class_exists( 'EPPRO_Theme_Builder_CPT' ) ) return;
        add_meta_box(
            'eppro_hf_settings',
            __( 'Template Settings', 'admore-widgets-suite' ),
            [ __CLASS__, 'render_meta_box' ],
            EPPRO_Theme_Builder_CPT::POST_TYPE,
            'side',
            'high'
        );
    }

    public static function render_meta_box( \WP_Post $post ): void {
        $type       = get_post_meta( $post->ID, '_eppro_hf_type', true ) ?: 'header';
        $conditions = get_post_meta( $post->ID, '_eppro_hf_conditions', true ) ?: [];
        $priority   = get_post_meta( $post->ID, '_eppro_hf_priority', true ) ?: 10;
        $sticky     = get_post_meta( $post->ID, '_eppro_hf_sticky', true );
        $transparent = get_post_meta( $post->ID, '_eppro_hf_transparent', true );
        $shrink     = get_post_meta( $post->ID, '_eppro_hf_shrink_scroll', true );
        $shrink_height = get_post_meta( $post->ID, '_eppro_hf_shrink_height', true ) ?: 60;

        wp_nonce_field( self::NONCE, self::NONCE );

        $types = [
            'header'           => __( 'Header', 'admore-widgets-suite' ),
            'footer'           => __( 'Footer', 'admore-widgets-suite' ),
            'single_post'      => __( 'Single Post', 'admore-widgets-suite' ),
            'single_page'      => __( 'Single Page', 'admore-widgets-suite' ),
            'archive'          => __( 'Archive', 'admore-widgets-suite' ),
            'search'           => __( 'Search Results', 'admore-widgets-suite' ),
            'blog'             => __( 'Blog (Posts Page)', 'admore-widgets-suite' ),
            '404'              => __( '404 Error Page', 'admore-widgets-suite' ),
            'product'          => __( 'WooCommerce Product', 'admore-widgets-suite' ),
            'shop'             => __( 'WooCommerce Shop', 'admore-widgets-suite' ),
            'cart'             => __( 'WooCommerce Cart', 'admore-widgets-suite' ),
            'checkout'         => __( 'WooCommerce Checkout', 'admore-widgets-suite' ),
            'my_account'       => __( 'WooCommerce My Account', 'admore-widgets-suite' ),
            'section'          => __( 'Reusable Section', 'admore-widgets-suite' ),
            'landing_page'     => __( 'Landing Page (No Header/Footer)', 'admore-widgets-suite' ),
        ];

        $cond_types = EPPRO_Theme_Builder_Conditions::get_condition_types();
        ?>
        <div style="padding:4px 0;">

            <!-- Template Type -->
            <p>
                <label for="eppro_hf_type" style="font-weight:600;display:block;margin-bottom:4px;">
                    <?php esc_html_e( 'Template Type', 'admore-widgets-suite' ); ?>
                </label>
                <select id="eppro_hf_type" name="_eppro_hf_type" style="width:100%;">
                    <?php foreach ( $types as $val => $label ) : ?>
                        <option value="<?php echo esc_attr( $val ); ?>" <?php selected( $type, $val ); ?>>
                            <?php echo esc_html( $label ); ?>
                        </option>
                    <?php endforeach; ?>
                </select>
            </p>

            <!-- Display Conditions -->
            <div style="margin-top:12px;">
                <label style="font-weight:600;display:block;margin-bottom:4px;">
                    <?php esc_html_e( 'Display Conditions', 'admore-widgets-suite' ); ?>
                </label>
                <div id="eppro-hf-conditions">
                    <?php
                    if ( empty( $conditions ) ) {
                        $conditions = [ [ 'type' => 'entire_site', 'value' => '' ] ];
                    }
                    foreach ( $conditions as $i => $cond ) :
                    ?>
                    <div class="eppro-hf-cond-row" style="display:flex;gap:6px;margin-bottom:6px;align-items:center;">
                        <select name="_eppro_hf_conditions[<?php echo intval( $i ); ?>][type]" style="flex:1;">
                            <?php foreach ( $cond_types as $ct_val => $ct_label ) : ?>
                                <option value="<?php echo esc_attr( $ct_val ); ?>" <?php selected( $cond['type'] ?? '', $ct_val ); ?>>
                                    <?php echo esc_html( $ct_label ); ?>
                                </option>
                            <?php endforeach; ?>
                        </select>
                        <input type="text" name="_eppro_hf_conditions[<?php echo intval( $i ); ?>][value]"
                               value="<?php echo esc_attr( $cond['value'] ?? '' ); ?>"
                               placeholder="<?php esc_attr_e( 'Value (optional)', 'admore-widgets-suite' ); ?>"
                               style="flex:1;" />
                        <button type="button" class="button eppro-hf-remove-cond" title="<?php esc_attr_e( 'Remove', 'admore-widgets-suite' ); ?>">&times;</button>
                    </div>
                    <?php endforeach; ?>
                </div>
                <button type="button" class="button eppro-hf-add-cond" style="margin-top:4px;">
                    + <?php esc_html_e( 'Add Condition', 'admore-widgets-suite' ); ?>
                </button>
            </div>

            <!-- Priority -->
            <div style="margin-top:12px;padding-top:12px;border-top:1px solid #ddd;">
                <label for="eppro_hf_priority" style="font-weight:600;display:block;margin-bottom:4px;">
                    <?php esc_html_e( 'Priority', 'admore-widgets-suite' ); ?>
                </label>
                <input type="number" id="eppro_hf_priority" name="_eppro_hf_priority" 
                       value="<?php echo esc_attr( $priority ); ?>" min="1" max="100" 
                       style="width:100%;" />
                <p style="font-size:11px;color:#666;margin:4px 0 0;">
                    <?php esc_html_e( 'Higher priority templates are used when multiple templates match. Default: 10', 'admore-widgets-suite' ); ?>
                </p>
            </div>

            <!-- Header Options -->
            <div style="margin-top:12px;padding-top:12px;border-top:1px solid #ddd;">
                <label style="font-weight:600;display:block;margin-bottom:8px;">
                    <?php esc_html_e( 'Header Options', 'admore-widgets-suite' ); ?>
                </label>
                <label style="display:flex;align-items:center;gap:6px;margin-bottom:6px;">
                    <input type="checkbox" name="_eppro_hf_sticky" value="1" <?php checked( $sticky ); ?>>
                    <?php esc_html_e( 'Sticky Header', 'admore-widgets-suite' ); ?>
                </label>
                <label style="display:flex;align-items:center;gap:6px;margin-bottom:6px;">
                    <input type="checkbox" name="_eppro_hf_transparent" value="1" <?php checked( $transparent ); ?>>
                    <?php esc_html_e( 'Transparent Header', 'admore-widgets-suite' ); ?>
                </label>
                <label style="display:flex;align-items:center;gap:6px;margin-bottom:6px;">
                    <input type="checkbox" name="_eppro_hf_shrink_scroll" value="1" <?php checked( $shrink ); ?> id="eppro_shrink_scroll">
                    <?php esc_html_e( 'Shrink on Scroll', 'admore-widgets-suite' ); ?>
                </label>
                <div id="eppro_shrink_height_wrap" style="margin-left:24px;<?php echo $shrink ? '' : 'display:none;'; ?>">
                    <label style="font-size:12px;display:block;margin-bottom:4px;">
                        <?php esc_html_e( 'Shrunk Height (px)', 'admore-widgets-suite' ); ?>
                    </label>
                    <input type="number" name="_eppro_hf_shrink_height" value="<?php echo esc_attr( $shrink_height ); ?>" 
                           min="40" max="200" style="width:100%;" />
                </div>
            </div>

        </div>

        <?php
        // Enqueue meta box JS via WP API — no raw <script> tags.
        $handle = 'eppro-hf-meta-box';
        wp_register_script( $handle, false, [ 'jquery' ], EPPRO_VERSION, true );
        wp_enqueue_script( $handle );
        wp_localize_script( $handle, 'epproHfMeta', [
            'condIdx' => count( $conditions ),
            'types'   => $cond_types,
        ] );
        wp_add_inline_script( $handle, '
(function($){
    var condIdx = parseInt(epproHfMeta.condIdx, 10);
    var types   = epproHfMeta.types;
    $(".eppro-hf-add-cond").on("click", function(){
        var opts = "";
        $.each(types, function(k,v){ opts += "<option value=\""+k+"\">"+v+"</option>"; });
        var row = "<div class=\"eppro-hf-cond-row\" style=\"display:flex;gap:6px;margin-bottom:6px;align-items:center;\">" +
            "<select name=\"_eppro_hf_conditions["+condIdx+"][type]\" style=\"flex:1;\">"+opts+"</select>" +
            "<input type=\"text\" name=\"_eppro_hf_conditions["+condIdx+"][value]\" placeholder=\"Value (optional)\" style=\"flex:1;\" />" +
            "<button type=\"button\" class=\"button eppro-hf-remove-cond\" title=\"Remove\">&times;</button>" +
            "</div>";
        $("#eppro-hf-conditions").append(row);
        condIdx++;
    });
    $(document).on("click", ".eppro-hf-remove-cond", function(){
        $(this).closest(".eppro-hf-cond-row").remove();
    });
    $("#eppro_shrink_scroll").on("change", function(){
        $("#eppro_shrink_height_wrap").toggle(this.checked);
    });
})(jQuery);
        ' );
    }

    // =========================================================================
    // Save Meta
    // =========================================================================

    public static function save_meta( int $post_id, \WP_Post $post ): void {
        if ( ! class_exists( 'EPPRO_Theme_Builder_CPT' ) ) return;
        if ( EPPRO_Theme_Builder_CPT::POST_TYPE !== $post->post_type ) return;
        if ( ! isset( $_POST[ self::NONCE ] ) || ! wp_verify_nonce( sanitize_key( wp_unslash( $_POST[ self::NONCE ] ) ), self::NONCE ) ) return;
        if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) return;
        if ( ! current_user_can( 'edit_post', $post_id ) ) return;

        // Type
        $type = sanitize_key( wp_unslash( $_POST['_eppro_hf_type'] ?? 'header' ) );
        if ( ! in_array( $type, self::TEMPLATE_TYPES, true ) ) $type = 'header';
        update_post_meta( $post_id, '_eppro_hf_type', $type );

        // Priority
        $priority = absint( $_POST['_eppro_hf_priority'] ?? 10 );
        $priority = max( 1, min( 100, $priority ) );
        update_post_meta( $post_id, '_eppro_hf_priority', $priority );

        // Conditions
        $raw_conds = isset( $_POST['_eppro_hf_conditions'] ) && is_array( $_POST['_eppro_hf_conditions'] )
            ? map_deep( wp_unslash( $_POST['_eppro_hf_conditions'] ), 'sanitize_text_field' )
            : [];
        $conditions = [];
        foreach ( (array) $raw_conds as $cond ) {
            $ct = sanitize_key( $cond['type'] ?? '' );
            $cv = sanitize_text_field( $cond['value'] ?? '' );
            if ( $ct ) {
                $conditions[] = [ 'type' => $ct, 'value' => $cv ];
            }
        }
        update_post_meta( $post_id, '_eppro_hf_conditions', $conditions );

        // Header Options
        update_post_meta( $post_id, '_eppro_hf_sticky', ! empty( $_POST['_eppro_hf_sticky'] ) ? '1' : '' );
        update_post_meta( $post_id, '_eppro_hf_transparent', ! empty( $_POST['_eppro_hf_transparent'] ) ? '1' : '' );
        update_post_meta( $post_id, '_eppro_hf_shrink_scroll', ! empty( $_POST['_eppro_hf_shrink_scroll'] ) ? '1' : '' );
        
        $shrink_height = absint( $_POST['_eppro_hf_shrink_height'] ?? 60 );
        $shrink_height = max( 40, min( 200, $shrink_height ) );
        update_post_meta( $post_id, '_eppro_hf_shrink_height', $shrink_height );

        // Ensure Elementor edit mode is set
        if ( ! get_post_meta( $post_id, '_elementor_edit_mode', true ) ) {
            update_post_meta( $post_id, '_elementor_edit_mode', 'builder' );
            update_post_meta( $post_id, '_elementor_template_type', 'wp-post' );
        }
    }

    // =========================================================================
    // Create Template Handler
    // =========================================================================

    public static function handle_create(): void {
        if ( ! current_user_can( 'manage_options' ) ) {
            wp_die( esc_html__( 'Insufficient permissions.', 'admore-widgets-suite' ) );
        }
        check_admin_referer( 'eppro_create_hf_template' );

        $title = sanitize_text_field( wp_unslash( $_POST['template_title'] ?? '' ) );
        $type  = sanitize_key( wp_unslash( $_POST['template_type'] ?? 'header' ) );
        if ( ! in_array( $type, self::TEMPLATE_TYPES, true ) ) {
            $type = 'header';
        }

        if ( ! $title ) $title = ucwords( str_replace( '_', ' ', $type ) ) . ' Template';

        // Created as a draft: an empty template must not replace the live
        // site's header, footer or pages before it has been designed.
        // Publishing it from Elementor makes it active.
        $post_id = wp_insert_post( [
            'post_title'  => $title,
            'post_type'   => EPPRO_Theme_Builder_CPT::POST_TYPE,
            'post_status' => 'draft',
        ] );

        if ( is_wp_error( $post_id ) || ! $post_id ) {
            wp_safe_redirect( admin_url( 'admin.php?page=' . self::PAGE_SLUG . '&error=create_failed' ) );
            exit;
        }

        // A landing page replaces the whole page, so it starts with no
        // conditions — the admin picks the pages it applies to.
        $conditions = 'landing_page' === $type ? [] : [ [ 'type' => 'entire_site', 'value' => '' ] ];

        update_post_meta( $post_id, '_eppro_hf_type', $type );
        update_post_meta( $post_id, '_eppro_hf_conditions', $conditions );
        update_post_meta( $post_id, '_elementor_edit_mode', 'builder' );
        update_post_meta( $post_id, '_elementor_template_type', 'wp-post' );

        // Redirect to Elementor editor
        if ( class_exists( 'Elementor\Plugin' ) ) {
            $doc = \Elementor\Plugin::instance()->documents->get( $post_id );
            if ( $doc ) {
                wp_safe_redirect( $doc->get_edit_url() );
                exit;
            }
        }

        wp_safe_redirect( get_edit_post_link( $post_id, 'raw' ) );
        exit;
    }

    // =========================================================================
    // Admin Page Render
    // =========================================================================

    public static function render_page(): void {
        if ( ! class_exists( 'EPPRO_Theme_Builder_CPT' ) || ! class_exists( 'EPPRO_Theme_Builder_Conditions' ) ) {
            echo '<div class="wrap"><h1>' . esc_html__( 'Theme Builder', 'admore-widgets-suite' ) . '</h1>';
            echo '<div class="notice notice-warning inline"><p>' . esc_html__( 'Essential Pro Pack core is still loading. Please ensure Elementor is active, then reload this page.', 'admore-widgets-suite' ) . '</p></div></div>';
            return;
        }

        $templates = get_posts( [
            'post_type'      => EPPRO_Theme_Builder_CPT::POST_TYPE,
            'post_status'    => [ 'publish', 'draft', 'private' ],
            'posts_per_page' => -1,
            'orderby'        => 'date',
            'order'          => 'DESC',
        ] );

        $type_labels = [
            'header'      => __( 'Header', 'admore-widgets-suite' ),
            'footer'      => __( 'Footer', 'admore-widgets-suite' ),
            'single_post' => __( 'Single Post', 'admore-widgets-suite' ),
            'single_page' => __( 'Single Page', 'admore-widgets-suite' ),
            'archive'     => __( 'Archive', 'admore-widgets-suite' ),
            'search'      => __( 'Search Results', 'admore-widgets-suite' ),
            'blog'        => __( 'Blog Page', 'admore-widgets-suite' ),
            '404'         => __( '404 Page', 'admore-widgets-suite' ),
            'product'     => __( 'Product', 'admore-widgets-suite' ),
            'shop'        => __( 'Shop', 'admore-widgets-suite' ),
            'cart'        => __( 'Cart', 'admore-widgets-suite' ),
            'checkout'    => __( 'Checkout', 'admore-widgets-suite' ),
            'my_account'  => __( 'My Account', 'admore-widgets-suite' ),
            'section'     => __( 'Section', 'admore-widgets-suite' ),
            'landing_page' => __( 'Landing Page', 'admore-widgets-suite' ),
        ];
        
        $allowed_svg = [
            'svg'      => [ 'width' => [], 'height' => [], 'viewbox' => [], 'fill' => [], 'stroke' => [], 'stroke-width' => [], 'stroke-linecap' => [], 'stroke-linejoin' => [] ],
            'path'     => [ 'd' => [], 'fill' => [], 'stroke' => [] ],
            'rect'     => [ 'x' => [], 'y' => [], 'width' => [], 'height' => [], 'rx' => [], 'ry' => [] ],
            'line'     => [ 'x1' => [], 'y1' => [], 'x2' => [], 'y2' => [] ],
            'circle'   => [ 'cx' => [], 'cy' => [], 'r' => [] ],
            'polyline' => [ 'points' => [] ],
        ];

        $type_icons = [
            'header'      => '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="4" rx="1"/><rect x="3" y="10" width="18" height="11" rx="1"/></svg>',
            'footer'      => '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="10" width="18" height="11" rx="1"/><rect x="3" y="3" width="18" height="4" rx="1"/></svg>',
            'single_post' => '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>',
            'single_page' => '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><polyline points="13 2 13 9 20 9"/></svg>',
            'archive'     => '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="21 8 21 21 3 21 3 8"/><rect x="1" y="3" width="22" height="5"/><line x1="10" y1="12" x2="14" y2="12"/></svg>',
            'search'      => '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>',
            'blog'        => '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2"/><path d="M18 14h-8"/><path d="M15 18h-5"/><path d="M10 6h8v4h-8V6z"/></svg>',
            '404'         => '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>',
            'product'     => '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"/><line x1="3" y1="6" x2="21" y2="6"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>',
            'shop'        => '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg>',
            'cart'        => '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="21" r="1"/><circle cx="19" cy="21" r="1"/><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"/></svg>',
            'checkout'    => '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="4" width="22" height="16" rx="2" ry="2"/><line x1="1" y1="10" x2="23" y2="10"/></svg>',
            'my_account'  => '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>',
            'section'     => '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 21V9"/></svg>',
            'landing_page' => '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M7 8h10"/><path d="M7 12h6"/><rect x="7" y="15" width="5" height="3" rx="1"/></svg>',
        ];
        
        $type_descriptions = [
            'header'      => __( 'Site-wide navigation bar', 'admore-widgets-suite' ),
            'footer'      => __( 'Bottom section for copyright & links', 'admore-widgets-suite' ),
            'single_post' => __( 'Template for individual blog posts', 'admore-widgets-suite' ),
            'single_page' => __( 'Template for individual pages', 'admore-widgets-suite' ),
            'archive'     => __( 'Category, tag & date archives', 'admore-widgets-suite' ),
            'search'      => __( 'Search results listing page', 'admore-widgets-suite' ),
            'blog'        => __( 'Main posts listing page', 'admore-widgets-suite' ),
            '404'         => __( 'Page not found error screen', 'admore-widgets-suite' ),
            'product'     => __( 'WooCommerce single product', 'admore-widgets-suite' ),
            'shop'        => __( 'WooCommerce products listing', 'admore-widgets-suite' ),
            'cart'        => __( 'WooCommerce shopping cart', 'admore-widgets-suite' ),
            'checkout'    => __( 'WooCommerce checkout page', 'admore-widgets-suite' ),
            'my_account'  => __( 'WooCommerce account dashboard', 'admore-widgets-suite' ),
            'section'     => __( 'Reusable content blocks', 'admore-widgets-suite' ),
            'landing_page' => __( 'Full page without header & footer', 'admore-widgets-suite' ),
        ];

        $cond_labels = EPPRO_Theme_Builder_Conditions::get_condition_types();
        
        // Group templates by type
        $templates_by_type = array_fill_keys( array_keys( $type_labels ), [] );
        
        foreach ( $templates as $tpl ) {
            $type = get_post_meta( $tpl->ID, '_eppro_hf_type', true ) ?: 'header';
            if ( isset( $templates_by_type[ $type ] ) ) {
                $templates_by_type[ $type ][] = $tpl;
            }
        }
        ?>
        <div class="wrap eppro-admin-page eppro-tb-page">
            <hr class="wp-header-end"><?php // WordPress puts admin notices here, above the page header. ?>
            <!-- Page header (shared design) -->
            <div class="eppro-page-header">
                <div class="eppro-page-header-left">
                    <div class="eppro-page-logo"><span class="dashicons dashicons-admin-appearance"></span></div>
                    <div class="eppro-page-title-wrap">
                        <h1><?php esc_html_e( 'Theme Builder', 'admore-widgets-suite' ); ?>
                            <span class="eppro-version-tag">v<?php echo esc_html( EPPRO_VERSION ); ?></span>
                        </h1>
                        <p><?php esc_html_e( 'Build custom headers, footers & sections with Elementor', 'admore-widgets-suite' ); ?></p>
                    </div>
                </div>
                <div class="eppro-page-actions">
                    <a href="<?php echo esc_url( admin_url( 'admin.php?page=eppro-settings' ) ); ?>" class="eppro-btn eppro-btn-secondary">
                        <span class="dashicons dashicons-admin-generic"></span>
                        <?php esc_html_e( 'Settings', 'admore-widgets-suite' ); ?>
                    </a>
                    <button type="button" class="eppro-btn eppro-btn-primary eppro-tb-open-modal">
                        <span class="dashicons dashicons-plus-alt2"></span>
                        <?php esc_html_e( 'Create Template', 'admore-widgets-suite' ); ?>
                    </button>
                </div>
            </div>

            <!-- Premium Modal for Template Creation -->
            <div class="eppro-tb-modal-overlay" style="display:none;">
                <div class="eppro-tb-modal">
                    <div class="eppro-tb-modal-header">
                        <h2 class="eppro-tb-modal-title"><?php esc_html_e( 'Create New Template', 'admore-widgets-suite' ); ?></h2>
                        <button type="button" class="eppro-tb-modal-close" aria-label="<?php esc_attr_e( 'Close', 'admore-widgets-suite' ); ?>">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                <path d="M18 6L6 18M6 6l12 12"/>
                            </svg>
                        </button>
                    </div>
                    <form id="eppro-tb-create-form" method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>">
                        <div class="eppro-tb-modal-body">
                            <?php wp_nonce_field( 'eppro_create_hf_template' ); ?>
                            <input type="hidden" name="action" value="eppro_create_hf_template">
                            
                            <div class="eppro-tb-form-group">
                                <label class="eppro-tb-label"><?php esc_html_e( 'Select Template Type', 'admore-widgets-suite' ); ?></label>
                                <div class="eppro-tb-type-selector">
                                    <?php foreach ( $type_labels as $type => $label ) : ?>
                                    <label class="eppro-tb-type-card">
                                        <input type="radio" name="template_type" value="<?php echo esc_attr( $type ); ?>" <?php checked( $type, 'header' ); ?> required>
                                        <div class="eppro-tb-type-icon"><?php echo wp_kses( $type_icons[ $type ], $allowed_svg ); ?></div>
                                        <div class="eppro-tb-type-label"><?php echo esc_html( $label ); ?></div>
                                        <div class="eppro-tb-type-desc"><?php echo esc_html( $type_descriptions[ $type ] ); ?></div>
                                    </label>
                                    <?php endforeach; ?>
                                </div>
                            </div>
                            
                            <div class="eppro-tb-form-group">
                                <label class="eppro-tb-label" for="eppro-tb-template-name"><?php esc_html_e( 'Template Name', 'admore-widgets-suite' ); ?></label>
                                <input type="text" 
                                       id="eppro-tb-template-name"
                                       name="template_title" 
                                       class="eppro-tb-input"
                                       placeholder="<?php esc_attr_e( 'e.g., Main Navigation Header', 'admore-widgets-suite' ); ?>" 
                                       required>
                            </div>
                        </div>
                        <div class="eppro-tb-modal-footer">
                            <button type="button" class="eppro-tb-btn eppro-tb-btn-secondary eppro-tb-modal-close">
                                <?php esc_html_e( 'Cancel', 'admore-widgets-suite' ); ?>
                            </button>
                            <button type="submit" id="eppro-tb-create-submit" class="eppro-tb-btn eppro-tb-btn-primary">
                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
                                    <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
                                </svg>
                                <?php esc_html_e( 'Create & Edit with Elementor', 'admore-widgets-suite' ); ?>
                            </button>
                        </div>
                    </form>
                </div>
            </div>

            <!-- Premium Empty State -->
            <?php if ( empty( $templates ) ) : ?>
                <div class="eppro-tb-empty-state">
                    <div class="eppro-tb-empty-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                            <rect x="3" y="3" width="18" height="18" rx="2"/>
                            <path d="M3 9h18"/>
                            <path d="M3 15h18"/>
                        </svg>
                    </div>
                    <h3 class="eppro-tb-empty-title"><?php esc_html_e( 'No templates yet', 'admore-widgets-suite' ); ?></h3>
                    <p class="eppro-tb-empty-desc"><?php esc_html_e( 'Start building your custom theme by creating headers, footers, single posts, archives, WooCommerce pages and more with Elementor.', 'admore-widgets-suite' ); ?></p>
                    <div class="eppro-tb-empty-templates">
                        <?php foreach ( $type_labels as $ttype => $tlabel ) : ?>
                        <div class="eppro-tb-empty-template-card">
                            <div class="eppro-tb-empty-template-icon"><?php echo wp_kses( $type_icons[ $ttype ], $allowed_svg ); ?></div>
                            <div class="eppro-tb-empty-template-label"><?php echo esc_html( $tlabel ); ?></div>
                        </div>
                        <?php endforeach; ?>
                    </div>
                    <button type="button" class="eppro-tb-btn eppro-tb-btn-primary eppro-tb-open-modal">
                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M12 5v14M5 12h14"/>
                        </svg>
                        <?php esc_html_e( 'Create Your First Template', 'admore-widgets-suite' ); ?>
                    </button>
                </div>
            <?php else : ?>
                <!-- Premium Card Grid Layout -->
                <?php foreach ( $templates_by_type as $section_type => $section_templates ) : ?>
                    <?php if ( ! empty( $section_templates ) ) : ?>
                    <section class="eppro-tb-section">
                        <div class="eppro-tb-section-header">
                            <h2 class="eppro-tb-section-title">
                                <?php echo esc_html( $type_labels[ $section_type ] ); ?> <?php esc_html_e( 'Templates', 'admore-widgets-suite' ); ?>
                                <span class="eppro-tb-section-count">(<?php echo count( $section_templates ); ?>)</span>
                            </h2>
                        </div>
                        <div class="eppro-tb-templates-grid">
                            <?php foreach ( $section_templates as $tpl ) :
                                $tpl_type      = get_post_meta( $tpl->ID, '_eppro_hf_type', true ) ?: 'header';
                                $tpl_conds     = get_post_meta( $tpl->ID, '_eppro_hf_conditions', true ) ?: [];
                                $is_sticky     = get_post_meta( $tpl->ID, '_eppro_hf_sticky', true );
                                $is_transparent = get_post_meta( $tpl->ID, '_eppro_hf_transparent', true );
                                $edit_url      = get_edit_post_link( $tpl->ID, 'raw' );
                                $elementor_url = '';

                                if ( class_exists( 'Elementor\Plugin' ) ) {
                                    $doc = \Elementor\Plugin::instance()->documents->get( $tpl->ID );
                                    if ( $doc ) $elementor_url = $doc->get_edit_url();
                                }

                                $cond_parts = [];
                                foreach ( $tpl_conds as $c ) {
                                    $ct    = $c['type'] ?? '';
                                    $cv    = $c['value'] ?? '';
                                    $clabel = $cond_labels[ $ct ] ?? $ct;
                                    if ( $cv ) $clabel .= ': ' . $cv;
                                    $cond_parts[] = $clabel;
                                }
                            ?>
                            <div class="eppro-tb-template-card" data-template-type="<?php echo esc_attr( $tpl_type ); ?>">
                                <div class="eppro-tb-template-preview">
                                    <div class="eppro-tb-template-preview-icon">
                                        <?php echo wp_kses( $type_icons[ $tpl_type ] ?? $type_icons['section'], $allowed_svg ); ?>
                                    </div>
                                </div>
                                <div class="eppro-tb-template-body">
                                    <div class="eppro-tb-template-header">
                                        <div>
                                            <h3 class="eppro-tb-template-title"><?php echo esc_html( $tpl->post_title ); ?></h3>
                                        </div>
                                        <span class="eppro-tb-template-type-badge eppro-type-<?php echo esc_attr( $tpl_type ); ?>">
                                            <?php echo esc_html( $type_labels[ $tpl_type ] ?? $tpl_type ); ?>
                                        </span>
                                    </div>
                                    
                                    <div class="eppro-tb-template-meta">
                                        <span class="eppro-tb-status-badge <?php echo 'publish' === $tpl->post_status ? 'active' : 'draft'; ?>">
                                            <?php if ( 'publish' === $tpl->post_status ) : ?>
                                                <span class="eppro-tb-status-dot"></span>
                                            <?php endif; ?>
                                            <?php echo esc_html( 'publish' === $tpl->post_status ? __( 'Active', 'admore-widgets-suite' ) : __( 'Draft', 'admore-widgets-suite' ) ); ?>
                                        </span>
                                        <?php if ( $is_sticky ) : ?>
                                            <span class="eppro-tb-template-meta-item">
                                                <span class="dashicons dashicons-sticky"></span>
                                                <?php esc_html_e( 'Sticky', 'admore-widgets-suite' ); ?>
                                            </span>
                                        <?php endif; ?>
                                        <?php if ( $is_transparent ) : ?>
                                            <span class="eppro-tb-template-meta-item">
                                                <span class="dashicons dashicons-visibility"></span>
                                                <?php esc_html_e( 'Transparent', 'admore-widgets-suite' ); ?>
                                            </span>
                                        <?php endif; ?>
                                    </div>
                                    
                                    <div class="eppro-tb-template-conditions">
                                        <strong><?php esc_html_e( 'Display:', 'admore-widgets-suite' ); ?></strong> 
                                        <?php echo esc_html( $cond_parts ? implode( ' • ', $cond_parts ) : __( 'No conditions set', 'admore-widgets-suite' ) ); ?>
                                    </div>
                                    
                                    <div class="eppro-tb-template-actions">
                                        <?php if ( $elementor_url ) : ?>
                                            <a href="<?php echo esc_url( $elementor_url ); ?>" class="eppro-tb-btn eppro-tb-btn-primary eppro-tb-btn-sm">
                                                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                    <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
                                                    <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
                                                </svg>
                                                <?php esc_html_e( 'Edit', 'admore-widgets-suite' ); ?>
                                            </a>
                                        <?php endif; ?>
                                        <a href="<?php echo esc_url( $edit_url ); ?>" class="eppro-tb-btn eppro-tb-btn-secondary eppro-tb-btn-sm">
                                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <circle cx="12" cy="12" r="3"/>
                                                <path d="M12 1v6m0 6v6m5.2-13.2L13.5 9.5m-3 3l-3.7 3.7M1 12h6m6 0h6M5.8 5.8l3.7 3.7m3 3l3.7 3.7"/>
                                            </svg>
                                            <?php esc_html_e( 'Settings', 'admore-widgets-suite' ); ?>
                                        </a>
                                        <button type="button" class="eppro-tb-btn eppro-tb-btn-ghost eppro-tb-btn-sm eppro-tb-duplicate-template" data-template-id="<?php echo esc_attr( $tpl->ID ); ?>" title="<?php esc_attr_e( 'Duplicate', 'admore-widgets-suite' ); ?>">
                                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <rect x="9" y="9" width="13" height="13" rx="2" ry="2"/>
                                                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>
                                            </svg>
                                        </button>
                                        <button type="button" class="eppro-tb-btn eppro-tb-btn-danger eppro-tb-btn-sm eppro-tb-delete-template" data-template-id="<?php echo esc_attr( $tpl->ID ); ?>" data-template-name="<?php echo esc_attr( $tpl->post_title ); ?>" title="<?php esc_attr_e( 'Delete', 'admore-widgets-suite' ); ?>">
                                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <polyline points="3 6 5 6 21 6"/>
                                                <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>
                                                <line x1="10" y1="11" x2="10" y2="17"/>
                                                <line x1="14" y1="11" x2="14" y2="17"/>
                                            </svg>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <?php endforeach; ?>
                        </div>
                    </section>
                    <?php endif; ?>
                <?php endforeach; ?>
            <?php endif; ?>
        </div>
        <?php
    }
    
    // =========================================================================
    // AJAX Handlers
    // =========================================================================
    
    public static function ajax_duplicate_template(): void {
        check_ajax_referer( 'eppro_theme_builder', 'nonce' );

        if ( ! current_user_can( 'manage_options' ) ) {
            wp_send_json_error( [ 'message' => __( 'Insufficient permissions.', 'admore-widgets-suite' ) ] );
        }

        $template_id = absint( $_POST['template_id'] ?? 0 );
        if ( ! $template_id || EPPRO_Theme_Builder_CPT::POST_TYPE !== get_post_type( $template_id ) ) {
            wp_send_json_error( [ 'message' => __( 'Template not found.', 'admore-widgets-suite' ) ] );
        }

        // Shared duplicator: copies all settings and Elementor data safely; the copy is a draft.
        $new_id = EPPRO_Template_Duplicator::do_duplicate( $template_id );
        if ( is_wp_error( $new_id ) ) {
            wp_send_json_error( [ 'message' => __( 'Failed to duplicate template.', 'admore-widgets-suite' ) ] );
        }

        wp_send_json_success( [ 'message' => __( 'Template duplicated successfully.', 'admore-widgets-suite' ), 'new_id' => $new_id ] );
    }
    
    public static function ajax_delete_template(): void {
        check_ajax_referer( 'eppro_theme_builder', 'nonce' );
        
        if ( ! current_user_can( 'manage_options' ) ) {
            wp_send_json_error( [ 'message' => __( 'Insufficient permissions.', 'admore-widgets-suite' ) ] );
        }
        
        $template_id = absint( $_POST['template_id'] ?? 0 );
        if ( ! $template_id ) {
            wp_send_json_error( [ 'message' => __( 'Invalid template ID.', 'admore-widgets-suite' ) ] );
        }
        
        $result = wp_delete_post( $template_id, true );
        
        if ( ! $result ) {
            wp_send_json_error( [ 'message' => __( 'Failed to delete template.', 'admore-widgets-suite' ) ] );
        }
        
        wp_send_json_success( [ 'message' => __( 'Template deleted successfully.', 'admore-widgets-suite' ) ] );
    }
}