<?php
/**
 * Aiforya_Schema_Markup_Tab_Types — tab "Types".
 * Permet de configurer le mapping entre les types de contenu WordPress (post, page, product) et les types Schema.org. Offre la possibilité d'ajouter des mappings personnalisés pour les Custom Post Types.
 * Généré par PIVOT scaffolder déterministe (doctrine 2 mai 2026, anti-patch).
 */

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

if ( class_exists( 'Aiforya_Schema_Markup_Tab_Types', false ) ) {
    return;
}

class Aiforya_Schema_Markup_Tab_Types extends Aiforya_Schema_Tab {

    public function slug(): string {
        return 'types';
    }

    public function label(): string {
        return 'Types';
    }

    public function order(): int {
        return 30;
    }
    /**
     * Permet de configurer le mapping entre les types de contenu WordPress (post, page, product) et les types Schema.org. Offre la possibilité d'ajouter des mappings personnalisés pour les Custom Post Types.
     * @param array $args Contexte fourni par le moteur (slug plugin, etc).
     * @return string HTML du tab à afficher.
     */

	/**
	 * Assets de cet onglet — enfilés par le moteur QUAND l onglet est actif.
	 *
	 * V785-B : le contenu venait d une balise écrite à la main dans render(). C était le
	 * grief n°2 de wordpress.org, et une ERREUR au Plugin Check (NonEnqueuedScript /
	 * NonEnqueuedStylesheet). Le socle prévoyait ce point d accroche depuis le début.
	 */
	public function assets(): array {
		return array(
			'css' => array(
				array(
					'handle' => 'aiforya-sm-tab-types',
					'src'    => AIFORYA_SM_URL . 'assets/css/tab-types.css',
					'ver'    => AIFORYA_SM_VERSION,
				),
			),
		);
	}

    public function render( array $args = [] ): void {

        /*
         * V786-B — le comportement part par wp_add_inline_script() (grief n°2 de wordpress.org,
         * compté ERREUR par le Plugin Check). NOWDOC obligatoire : le corps contient $form,
         * $button, $spinner, $result, $row, $op, $btn, $card, $r, $ — un heredoc les viderait
         * tous, sans qu aucun contrôle ne crie.
         *
         * ⭐ GAIN COLLATÉRAL : trois de ces textes passaient par esc_html_e() ÉCHO DIRECT dans
         *   une chaîne JS — le mauvais échappement pour ce contexte. wp_localize_script les
         *   encode en JSON, ce qui est le bon.
         */
        $handle = 'aiforya-sm-tab-types-js';
        wp_register_script( $handle, false, array( 'jquery' ), AIFORYA_SM_VERSION, true );
        wp_enqueue_script( $handle );
        wp_localize_script(
            $handle,
            'aiforyaSmTypesL10n',
            array(
                'ajaxUrl'           => admin_url( 'admin-ajax.php' ),
                'rulesNonce'        => wp_create_nonce( 'aiforya_sm_admin_nonce' ),
                'mappingsSaved'     => __( 'Mappings saved successfully!', 'aiforya-schema-markup' ),
                'saveError'         => __( 'Error while saving.', 'aiforya-schema-markup' ),
                'commError'         => __( 'Communication error with the server.', 'aiforya-schema-markup' ),
                'condPostType'      => __( 'Post type', 'aiforya-schema-markup' ),
                'condCategory'      => __( 'Category', 'aiforya-schema-markup' ),
                'condTag'           => __( 'Tag', 'aiforya-schema-markup' ),
                'condAuthor'        => __( 'Author (ID)', 'aiforya-schema-markup' ),
                'condUrlRegex'      => __( 'URL regex', 'aiforya-schema-markup' ),
                'condTitleContains' => __( 'Title contains', 'aiforya-schema-markup' ),
                'condMetaField'     => __( 'ACF/Meta field', 'aiforya-schema-markup' ),
                'valuePlaceholder'  => __( 'value', 'aiforya-schema-markup' ),
                'editRule'          => __( 'Edit rule', 'aiforya-schema-markup' ),
                'newRule'           => __( 'New Rule', 'aiforya-schema-markup' ),
                'unnamedRule'       => __( 'Unnamed rule', 'aiforya-schema-markup' ),
                'confirmDelete'     => __( 'Delete this rule?', 'aiforya-schema-markup' ),
                'testing'           => __( 'Running test on 30 recent posts…', 'aiforya-schema-markup' ),
                'failed'            => __( 'Failed.', 'aiforya-schema-markup' ),
            )
        );
        $js = <<<'JS'
        jQuery(document).ready(function($) {
            var L = window.aiforyaSmTypesL10n || {};
            var ajaxurl = window.ajaxurl || L.ajaxUrl;

            $('#aiforya-sm-types-form').on('submit', function(e) {
                e.preventDefault();

                var $form = $(this);
                var $button = $('#aiforya-sm-save-types');
                var $spinner = $form.find('.spinner');
                var $result = $form.find('.aiforya-sm-save-result');

                $button.prop('disabled', true);
                $spinner.addClass('is-active');
                $result.removeClass('success error').text('');

                // Serialize form natively (PHP $_POST receives schema_type[post]=Article + auto_generate[post]=1).
                var formData = $form.serialize() + '&action=aiforya_sm_save_type_mappings'
                    + '&nonce=' + encodeURIComponent($form.find('#aiforya_sm_types_nonce').val());

                $.ajax({
                    url: ajaxurl,
                    type: 'POST',
                    data: formData,
                    success: function(response) {
                        $spinner.removeClass('is-active');
                        $button.prop('disabled', false);

                        if (response.success) {
                            $result.addClass('success').text(response.data.message || L.mappingsSaved);
                        } else {
                            $result.addClass('error').text(response.data.message || L.saveError);
                        }

                        setTimeout(function() {
                            $result.fadeOut(function() {
                                $(this).text('').show();
                            });
                        }, 3000);
                    },
                    error: function() {
                        $spinner.removeClass('is-active');
                        $button.prop('disabled', false);
                        $result.addClass('error').text(L.commError);
                    }
                });
            });

            // ============================================================
            // F06 Règles avancées — JS handlers
            // ============================================================
            var rulesNonce = L.rulesNonce;
            $('#aiforya-sm-rules-toast-host').appendTo('body');
            $('#aiforya-sm-rule-modal').appendTo('body');

            function smToast(message, type) {
                type = type || 'info';
                var $host = $('.aiforya-sm-toast-host').last();
                if (!$host.length) $host = $('<div class="aiforya-sm-toast-host" aria-live="polite"></div>').appendTo('body');
                var $t = $('<div/>', { 'class': 'aiforya-sm-toast aiforya-sm-toast--' + type, role: 'status' }).text(message);
                $host.append($t);
                setTimeout(function(){ $t.addClass('is-visible'); }, 10);
                setTimeout(function(){ $t.removeClass('is-visible'); setTimeout(function(){ $t.remove(); }, 300); }, 4500);
            }

            var conditionTypes = [
                { value: 'post_type',      label: L.condPostType,      ops: ['is', 'is_not', 'in'] },
                { value: 'category',       label: L.condCategory,      ops: ['is', 'is_not'] },
                { value: 'tag',            label: L.condTag,           ops: ['has', 'has_not'] },
                { value: 'author',         label: L.condAuthor,        ops: ['is'] },
                { value: 'url_regex',      label: L.condUrlRegex,      ops: ['matches'] },
                { value: 'title_contains', label: L.condTitleContains, ops: ['contains', 'starts_with', 'ends_with'] },
                { value: 'meta_field',     label: L.condMetaField,     ops: ['exists', 'not_empty', 'equals', 'contains'] }
            ];

            function escHtml(s){ return String(s == null ? '' : s).replace(/[&<>"']/g, function(c){ return ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'})[c]; }); }

            function buildConditionRow(c) {
                c = c || { type: 'post_type', op: 'is', value: '', field: '' };
                var typeOptions = conditionTypes.map(function(t){
                    return '<option value="' + t.value + '"' + (t.value === c.type ? ' selected' : '') + '>' + escHtml(t.label) + '</option>';
                }).join('');
                var typeDef = conditionTypes.find(function(t){ return t.value === c.type; }) || conditionTypes[0];
                var opOptions = typeDef.ops.map(function(op){
                    return '<option value="' + op + '"' + (op === c.op ? ' selected' : '') + '>' + op + '</option>';
                }).join('');
                var fieldHtml = (c.type === 'meta_field')
                    ? '<input type="text" class="aiforya-sm-cond-field" list="aiforya-sm-meta-keys" placeholder="meta_key (ex: cooking_time)" value="' + escHtml(c.field) + '">'
                    : '';
                return '<div class="aiforya-sm-rule-cond-row">' +
                    '<select class="aiforya-sm-cond-type">' + typeOptions + '</select>' +
                    '<select class="aiforya-sm-cond-op">' + opOptions + '</select>' +
                    fieldHtml +
                    '<input type="text" class="aiforya-sm-cond-value" placeholder="' + escHtml(L.valuePlaceholder) + '" value="' + escHtml(c.value) + '">' +
                    '<button type="button" class="button button-small aiforya-sm-cond-remove"><span class="dashicons dashicons-trash"></span></button>' +
                '</div>';
            }

            function refreshConditionRow($row) {
                var type = $row.find('.aiforya-sm-cond-type').val();
                var typeDef = conditionTypes.find(function(t){ return t.value === type; }) || conditionTypes[0];
                var $op = $row.find('.aiforya-sm-cond-op').empty();
                typeDef.ops.forEach(function(op){
                    $op.append('<option value="' + op + '">' + op + '</option>');
                });
                // Field input only for meta_field
                $row.find('.aiforya-sm-cond-field').remove();
                if (type === 'meta_field') {
                    $row.find('.aiforya-sm-cond-op').after('<input type="text" class="aiforya-sm-cond-field" list="aiforya-sm-meta-keys" placeholder="meta_key (ex: cooking_time)">');
                }
            }

            $(document).on('change', '.aiforya-sm-cond-type', function(){
                refreshConditionRow($(this).closest('.aiforya-sm-rule-cond-row'));
            });

            function openRuleModal(rule) {
                rule = rule || { id: 0, name: '', enabled: 1, priority: 10, schema_type: 'Article', operator: 'AND', conditions: [{ type: 'post_type', op: 'is', value: 'post' }] };
                $('.aiforya-sm-rule-modal-title').text(rule.id ? L.editRule : L.newRule);
                $('#aiforya-sm-rule-name').val(rule.name);
                $('#aiforya-sm-rule-schema-type').val(rule.schema_type);
                $('#aiforya-sm-rule-priority').val(rule.priority);
                $('#aiforya-sm-rule-operator').val(rule.operator);
                $('#aiforya-sm-rule-enabled').prop('checked', !!parseInt(rule.enabled, 10));
                var html = '';
                (rule.conditions || []).forEach(function(c){ html += buildConditionRow(c); });
                $('#aiforya-sm-rule-conditions').html(html);
                $('#aiforya-sm-rule-modal').data('editing-id', rule.id || 0).addClass('is-open').fadeIn(120);
            }

            function closeRuleModal() {
                $('#aiforya-sm-rule-modal').removeClass('is-open').fadeOut(120);
            }

            $(document).on('click', '.aiforya-sm-rule-add', function(){ openRuleModal(); });
            $(document).on('click', '.aiforya-sm-rule-edit', function(){
                var data = $(this).closest('.aiforya-sm-rule-card').data('rule');
                openRuleModal(data);
            });
            $(document).on('click', '.aiforya-sm-rule-modal-close, .aiforya-sm-rule-modal-backdrop', closeRuleModal);
            $(document).on('click', '.aiforya-sm-rule-add-cond', function(){
                $('#aiforya-sm-rule-conditions').append(buildConditionRow());
            });
            $(document).on('click', '.aiforya-sm-cond-remove', function(){
                $(this).closest('.aiforya-sm-rule-cond-row').remove();
            });

            $(document).on('click', '.aiforya-sm-rule-save', function(){
                var $btn = $(this);
                var conditions = [];
                $('#aiforya-sm-rule-conditions .aiforya-sm-rule-cond-row').each(function(){
                    var $r = $(this);
                    conditions.push({
                        type: $r.find('.aiforya-sm-cond-type').val(),
                        op:   $r.find('.aiforya-sm-cond-op').val(),
                        field: String($r.find('.aiforya-sm-cond-field').val() || ''),
                        value: String($r.find('.aiforya-sm-cond-value').val() || '')
                    });
                });
                var rule = {
                    id:          parseInt($('#aiforya-sm-rule-modal').data('editing-id'), 10) || 0,
                    name:        String($('#aiforya-sm-rule-name').val() || '').trim() || L.unnamedRule,
                    schema_type: $('#aiforya-sm-rule-schema-type').val(),
                    priority:    parseInt($('#aiforya-sm-rule-priority').val(), 10) || 10,
                    operator:    $('#aiforya-sm-rule-operator').val(),
                    enabled:     $('#aiforya-sm-rule-enabled').prop('checked') ? 1 : 0,
                    conditions:  conditions
                };
                $btn.prop('disabled', true);
                $.post(ajaxurl, { action: 'aiforya_sm_rules_save', nonce: rulesNonce, rule: JSON.stringify(rule) }).done(function(r){
                    if (r && r.success) {
                        smToast((r.data && r.data.message) || 'OK', 'success');
                        closeRuleModal();
                        setTimeout(function(){ location.reload(); }, 600);
                    } else {
                        smToast((r && r.data && r.data.message) || L.failed, 'error');
                        $btn.prop('disabled', false);
                    }
                });
            });

            $(document).on('click', '.aiforya-sm-rule-delete', function(){
                var $card = $(this).closest('.aiforya-sm-rule-card');
                var id = $card.data('rule-id');
                window.AiforyaConfirm.ask(L.confirmDelete, function(){
                    $.post(ajaxurl, { action: 'aiforya_sm_rules_delete', nonce: rulesNonce, rule_id: id }).done(function(r){
                        if (r && r.success) {
                            smToast((r.data && r.data.message) || 'OK', 'success');
                            $card.fadeOut(220, function(){ $(this).remove(); });
                        } else {
                            smToast((r && r.data && r.data.message) || L.failed, 'error');
                        }
                    });
                });
            });

            $(document).on('click', '.aiforya-sm-rules-test', function(){
                var $btn = $(this);
                var $result = $('.aiforya-sm-rules-test-result');
                $btn.prop('disabled', true);
                $result.text(L.testing).css('color', '#94a3b8');
                $.post(ajaxurl, { action: 'aiforya_sm_rules_test', nonce: rulesNonce }).done(function(r){
                    if (r && r.success) {
                        var d = r.data || {};
                        $result.css('color', '#a5b4fc').text(d.matched + ' / ' + d.tested_posts + ' posts match ' + d.rules_count + ' rule(s).');
                    } else {
                        $result.css('color', '#f87171').text(L.failed);
                    }
                }).always(function(){ $btn.prop('disabled', false); });
            });
        });
        JS;
        wp_add_inline_script( $handle, $js );

        // Récupération des mappings actuels
        $mappings = get_option( 'aiforya_sm_type_mappings', array() );

        // Liste des types Schema.org supportés
        $schema_types = array(
            'Article' => __( 'Article', 'aiforya-schema-markup' ),
            'BlogPosting' => __( 'Blog Posting', 'aiforya-schema-markup' ),
            'NewsArticle' => __( 'News Article', 'aiforya-schema-markup' ),
            'Product' => __( 'Product', 'aiforya-schema-markup' ),
            'Recipe' => __( 'Recipe', 'aiforya-schema-markup' ),
            'Event' => __( 'Event', 'aiforya-schema-markup' ),
            'FAQ' => __( 'FAQ', 'aiforya-schema-markup' ),
            'HowTo' => __( 'How-To', 'aiforya-schema-markup' ),
            'Review' => __( 'Review', 'aiforya-schema-markup' ),
            'VideoObject' => __( 'Video Object', 'aiforya-schema-markup' ),
            'LocalBusiness' => __( 'Local Business', 'aiforya-schema-markup' ),
            'Organization' => __( 'Organization', 'aiforya-schema-markup' ),
            'Person' => __( 'Person', 'aiforya-schema-markup' ),
            'WebPage' => __( 'Web Page', 'aiforya-schema-markup' ),
        );

        // Récupération de tous les post types publics
        $post_types = get_post_types( array( 'public' => true ), 'objects' );

        // Filtrer les types WordPress système (attachments, nav_menu_item, etc.)
        $excluded_types = array( 'attachment', 'revision', 'nav_menu_item', 'custom_css', 'customize_changeset', 'oembed_cache', 'user_request', 'wp_block' );

        // Helper D2 : pastille d'aide « ? » charte (AiforyaTooltip). $text déjà traduit.
        $tip = static function ( $text ) {
            printf( '<button type="button" class="aiforya-tip" data-aiforya-tooltip="%s">?</button>', esc_attr( $text ) );
        };
        ?>

        <div class="aiforya-tab-content aiforya-tab-types">

            <div class="aiforya-header-section">
                <h2><?php esc_html_e( 'Type Mappings Configuration', 'aiforya-schema-markup' ); ?></h2>
                <p class="aiforya-description">
                    <?php esc_html_e( 'Configure the default Schema.org schema type for each WordPress content type. The detector can still pick a different type during generation, from your rules and from keywords found in the content.', 'aiforya-schema-markup' ); ?>
                </p>
            </div>

            <div class="aiforya-card">
                <div class="aiforya-card-header"><h3><?php esc_html_e( 'Post type → Schema.org mappings', 'aiforya-schema-markup' ); ?><?php $tip( __( 'A mapping ties each WordPress content type to a default schema type, applied automatically on publication.', 'aiforya-schema-markup' ) );?></h3></div>
                <div class="aiforya-card-body">

            <form method="post" action="" id="aiforya-sm-types-form">
                <?php wp_nonce_field( 'aiforya_sm_admin_nonce', 'aiforya_sm_types_nonce' ); ?>

                <table class="form-table" role="presentation" style="margin:0;">
                    <thead>
                        <tr>
                            <th scope="col" class="column-post-type">
                                <?php esc_html_e( 'WordPress Content Type', 'aiforya-schema-markup' ); ?>
                            </th>
                            <th scope="col" class="column-schema-type">
                                <?php esc_html_e( 'Default Schema.org Type', 'aiforya-schema-markup' ); ?><?php $tip( __( 'The structured data type given to this content by default. Detection may suggest a better-suited type case by case.', 'aiforya-schema-markup' ) );?>
                            </th>
                            <th scope="col" class="column-auto-generate">
                                <?php esc_html_e( 'Automatic Generation', 'aiforya-schema-markup' ); ?><?php $tip( __( 'When this is on, the schema is created on its own as soon as content of this type is published.', 'aiforya-schema-markup' ) );?>
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php
                        // Format DB FLAT : aiforya_sm_type_mappings = ['post' => 'Article', 'page' => 'WebPage', ...]
                        // (cohérent avec Activator + Detector::detect_schema_type_for_post).
                        $auto_generate_map = get_option( 'aiforya_sm_auto_generate', array( 'post' => 1, 'page' => 1, 'product' => 1 ) );
                        if ( ! is_array( $auto_generate_map ) ) { $auto_generate_map = array(); }
                        ?>
                        <?php foreach ( $post_types as $post_type_slug => $post_type_obj ) : ?>
                            <?php if ( in_array( $post_type_slug, $excluded_types, true ) ) continue; ?>

                            <?php
                            $current_schema_type = isset( $mappings[ $post_type_slug ] ) ? (string) $mappings[ $post_type_slug ] : 'Article';
                            $auto_generate = isset( $auto_generate_map[ $post_type_slug ] ) ? ! empty( $auto_generate_map[ $post_type_slug ] ) : true;
                            ?>

                            <tr>
                                <td class="column-post-type">
                                    <strong><?php echo esc_html( $post_type_obj->labels->name ); ?></strong>
                                    <br>
                                    <span class="description"><?php echo esc_html( $post_type_slug ); ?></span>
                                </td>
                                <td class="column-schema-type">
                                    <select name="schema_type[<?php echo esc_attr( $post_type_slug ); ?>]" class="aiforya-sm-schema-type-select">
                                        <option value=""><?php esc_html_e( '— Auto-detect —', 'aiforya-schema-markup' ); ?></option>
                                        <?php foreach ( $schema_types as $type_value => $type_label ) : ?>
                                            <option value="<?php echo esc_attr( $type_value ); ?>" <?php selected( $current_schema_type, $type_value ); ?>>
                                                <?php echo esc_html( $type_label ); ?>
                                            </option>
                                        <?php endforeach; ?>
                                    </select>
                                </td>
                                <td class="column-auto-generate">
                                    <label>
                                        <input type="hidden" name="auto_generate[<?php echo esc_attr( $post_type_slug ); ?>]" value="0">
                                        <input type="checkbox"
                                               name="auto_generate[<?php echo esc_attr( $post_type_slug ); ?>]"
                                               value="1"
                                               <?php checked( $auto_generate, true ); ?>>
                                        <?php esc_html_e( 'Enable', 'aiforya-schema-markup' ); ?>
                                    </label>
                                    <p class="description">
                                        <?php esc_html_e( 'Automatically generates the schema upon publication.', 'aiforya-schema-markup' ); ?>
                                    </p>
                                </td>
                            </tr>
                        <?php endforeach; ?>
                    </tbody>
                </table>

                <p style="margin-top:14px;">
                    <button type="submit" class="button button-primary" id="aiforya-sm-save-types">
                        <?php esc_html_e( 'Save Mappings', 'aiforya-schema-markup' ); ?>
                    </button>
                    <span class="spinner"></span>
                    <span class="aiforya-sm-save-result" style="margin-left:12px;font-size:13px;"></span>
                </p>
            </form>

                </div>
            </div>

            <?php
                $rules_service = class_exists( 'Aiforya_Schema_Markup_Rules' ) ? Aiforya_Schema_Markup_Rules::get_instance() : null;
                $rules         = $rules_service ? $rules_service->get_rules() : array();
                $meta_keys     = $rules_service ? $rules_service->discover_meta_keys( 80 ) : array();
                $valid_types   = class_exists( 'Aiforya_Schema_Markup_Detector' ) ? Aiforya_Schema_Markup_Detector::supported_schema_types() : array();
                // $rules_nonce retiré V786-B : le nonce part par wp_localize_script().
            ?>
            <div class="aiforya-card">
                <div class="aiforya-card-header"><h3><?php esc_html_e( 'Advanced rules — ACF / category / URL regex conditions', 'aiforya-schema-markup' ); ?><?php $tip( __( 'A rule forces a specific type for content that meets certain conditions (category, custom field, URL and so on). It takes priority over the default mapping.', 'aiforya-schema-markup' ) );?></h3></div>
                <div class="aiforya-card-body">
                    <p class="aiforya-description">
                        <?php esc_html_e( 'Rules allow you to enforce a specific Schema.org type on posts that match a set of conditions combined by AND/OR operators. Evaluated in decreasing priority order BEFORE the content type mapping and the keyword detection. The first matching rule enforces its type. Supported conditions: post_type, category, tag, author, URL regex, title, ACF/Metabox/Pods field.', 'aiforya-schema-markup' ); ?>
                    </p>

                    <div class="aiforya-sm-rules-toolbar">
                        <button type="button" class="button button-primary aiforya-sm-rule-add">
                            <span class="dashicons dashicons-plus-alt2" style="margin-top:3px;"></span>
                            <?php esc_html_e( 'New Rule', 'aiforya-schema-markup' ); ?>
                        </button>
                        <button type="button" class="button aiforya-sm-rules-test">
                            <span class="dashicons dashicons-search" style="margin-top:3px;"></span>
                            <?php esc_html_e( 'Test on 30 posts', 'aiforya-schema-markup' ); ?>
                        </button>
                        <span class="aiforya-sm-rules-test-result"></span>
                    </div>

                    <?php if ( empty( $rules ) ) : ?>
                        <p class="aiforya-description aiforya-sm-rules-empty"><?php esc_html_e( 'No rules defined. Click New Rule to create a complex condition (e.g., post_type=post AND category=recipes AND ACF cooking_time exists → Recipe).', 'aiforya-schema-markup' ); ?></p>
                    <?php else : ?>
                        <div class="aiforya-sm-rules-list">
                            <?php foreach ( $rules as $r ) : ?>
                                <div class="aiforya-sm-rule-card<?php echo empty( $r['enabled'] ) ? ' is-disabled' : ''; ?>" data-rule-id="<?php echo esc_attr( $r['id'] ); ?>" data-rule="<?php echo esc_attr( wp_json_encode( $r ) ); ?>">
                                    <div class="aiforya-sm-rule-head">
                                        <span class="aiforya-sm-rule-priority">#<?php echo esc_html( $r['priority'] ); ?></span>
                                        <strong class="aiforya-sm-rule-name"><?php echo esc_html( $r['name'] ); ?></strong>
                                        <code class="aiforya-sm-rule-type"><?php echo esc_html( $r['schema_type'] ); ?></code>
                                        <span class="aiforya-sm-rule-op"><?php echo esc_html( $r['operator'] ); ?></span>
                                        <span class="aiforya-sm-rule-cond-count"><?php echo esc_html( sprintf( /* translators: %d : valeur insérée dynamiquement. */ _n( '%d condition', '%d condition', count( $r['conditions'] ?? array() ), 'aiforya-schema-markup' ), count( $r['conditions'] ?? array() ) ) ); ?></span>
                                        <span class="aiforya-sm-rule-status<?php echo empty( $r['enabled'] ) ? ' is-off' : ' is-on'; ?>"><?php echo empty( $r['enabled'] ) ? esc_html__( 'disabled', 'aiforya-schema-markup' ) : esc_html__( 'active', 'aiforya-schema-markup' ); ?></span>
                                    </div>
                                    <div class="aiforya-sm-rule-conds">
                                        <?php foreach ( ( $r['conditions'] ?? array() ) as $c ) : ?>
                                            <span class="aiforya-sm-rule-cond"><?php echo esc_html( $c['type'] . ' ' . $c['op'] . ' ' . ( $c['field'] ?: '' ) . ' ' . ( $c['value'] ?: '' ) ); ?></span>
                                        <?php endforeach; ?>
                                    </div>
                                    <div class="aiforya-sm-rule-actions">
                                        <button type="button" class="button button-small aiforya-sm-rule-edit"><?php esc_html_e( 'Edit', 'aiforya-schema-markup' ); ?></button>
                                        <button type="button" class="button button-small aiforya-sm-rule-delete aiforya-sm-button-danger"><?php esc_html_e( 'Delete', 'aiforya-schema-markup' ); ?></button>
                                    </div>
                                </div>
                            <?php endforeach; ?>
                        </div>
                    <?php endif; ?>

                    <!-- Modal édition règle -->
                    <div id="aiforya-sm-rule-modal" class="aiforya-sm-rule-modal" style="display:none;" role="dialog" aria-modal="true">
                        <div class="aiforya-sm-rule-modal-backdrop"></div>
                        <div class="aiforya-sm-rule-modal-panel">
                            <div class="aiforya-sm-rule-modal-head">
                                <h3 class="aiforya-sm-rule-modal-title"><?php esc_html_e( 'Edit Rule', 'aiforya-schema-markup' ); ?></h3>
                                <button type="button" class="button button-small aiforya-sm-rule-modal-close"><span class="dashicons dashicons-no-alt"></span></button>
                            </div>
                            <div class="aiforya-sm-rule-modal-body">
                                <table class="form-table" role="presentation">
                                    <tr>
                                        <th scope="row"><label><?php esc_html_e( 'Name', 'aiforya-schema-markup' ); ?></label></th>
                                        <td><input type="text" id="aiforya-sm-rule-name" placeholder="<?php esc_attr_e( 'Ex: Blog recipes', 'aiforya-schema-markup' ); ?>" style="width:100%;max-width:420px;"></td>
                                    </tr>
                                    <tr>
                                        <th scope="row"><label><?php esc_html_e( 'Target Schema.org type', 'aiforya-schema-markup' ); ?></label><?php $tip( __( 'The schema type forced on content that meets every condition in the rule.', 'aiforya-schema-markup' ) );?></th>
                                        <td>
                                            <select id="aiforya-sm-rule-schema-type" style="min-width:200px;">
                                                <?php foreach ( $valid_types as $t ) : ?>
                                                    <option value="<?php echo esc_attr( $t ); ?>"><?php echo esc_html( $t ); ?></option>
                                                <?php endforeach; ?>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th scope="row"><label><?php esc_html_e( 'Priority', 'aiforya-schema-markup' ); ?></label></th>
                                        <td>
                                            <input type="number" id="aiforya-sm-rule-priority" min="0" max="999" value="10" style="width:80px;">
                                            <span class="description" style="margin-left:8px;"><?php esc_html_e( 'Higher = evaluated first (range 0-999).', 'aiforya-schema-markup' ); ?></span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th scope="row"><label><?php esc_html_e( 'Operator', 'aiforya-schema-markup' ); ?></label></th>
                                        <td>
                                            <select id="aiforya-sm-rule-operator">
                                                <option value="AND"><?php esc_html_e( 'AND — all conditions must match', 'aiforya-schema-markup' ); ?></option>
                                                <option value="OR"><?php esc_html_e( 'OR — at least one condition must match', 'aiforya-schema-markup' ); ?></option>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th scope="row"><label><?php esc_html_e( 'Active', 'aiforya-schema-markup' ); ?></label></th>
                                        <td><label><input type="checkbox" id="aiforya-sm-rule-enabled" checked> <?php esc_html_e( 'Enable this rule', 'aiforya-schema-markup' ); ?></label></td>
                                    </tr>
                                </table>

                                <h4 class="aiforya-sm-h4"><?php esc_html_e( 'Conditions', 'aiforya-schema-markup' ); ?></h4>
                                <div id="aiforya-sm-rule-conditions"></div>
                                <button type="button" class="button aiforya-sm-rule-add-cond">
                                    <span class="dashicons dashicons-plus-alt2"></span>
                                    <?php esc_html_e( 'Add a condition', 'aiforya-schema-markup' ); ?>
                                </button>

                                <datalist id="aiforya-sm-meta-keys">
                                    <?php foreach ( $meta_keys as $k ) : ?>
                                        <option value="<?php echo esc_attr( $k ); ?>">
                                    <?php endforeach; ?>
                                </datalist>
                            </div>
                            <div class="aiforya-sm-rule-modal-foot">
                                <button type="button" class="button button-primary aiforya-sm-rule-save"><?php esc_html_e( 'Save Rule', 'aiforya-schema-markup' ); ?></button>
                                <button type="button" class="button aiforya-sm-rule-modal-close"><?php esc_html_e( 'Cancel', 'aiforya-schema-markup' ); ?></button>
                            </div>
                        </div>
                    </div>

                    <div id="aiforya-sm-rules-toast-host" class="aiforya-sm-toast-host" aria-live="polite"></div>
                </div>
            </div>

            <div class="aiforya-card">
                <div class="aiforya-card-header"><h3><?php esc_html_e( 'About Schema.org Types', 'aiforya-schema-markup' ); ?><?php $tip( __( 'A short glossary of the most common structured data types and the kind of content each one fits.', 'aiforya-schema-markup' ) );?></h3></div>
                <div class="aiforya-card-body">
                    <ul class="aiforya-grid-2" style="list-style:none;margin:0 0 8px;padding:0;line-height:1.8;">
                        <li><strong>Article :</strong> <?php esc_html_e( 'Generic editorial content (blog, news).', 'aiforya-schema-markup' ); ?></li>
                        <li><strong>Product :</strong> <?php esc_html_e( 'E-commerce products (WooCommerce, etc.).', 'aiforya-schema-markup' ); ?></li>
                        <li><strong>Recipe :</strong> <?php esc_html_e( 'Cooking recipes with ingredients and instructions.', 'aiforya-schema-markup' ); ?></li>
                        <li><strong>Event :</strong> <?php esc_html_e( 'Events with date, location, and details.', 'aiforya-schema-markup' ); ?></li>
                        <li><strong>FAQ :</strong> <?php esc_html_e( 'Question and answer pages.', 'aiforya-schema-markup' ); ?></li>
                        <li><strong>HowTo :</strong> <?php esc_html_e( 'Step-by-step guides and tutorials.', 'aiforya-schema-markup' ); ?></li>
                    </ul>
                    <p class="aiforya-description">
                        <?php esc_html_e( 'The detector analyses the content and can pick a more appropriate type than the default mapping.', 'aiforya-schema-markup' ); ?>
                    </p>
                </div>
            </div>

        </div>

        
        <?php
            }
}