نحوه تزریق کد سفارشی style و script به پنل CRM

// includes/helpers/la24-core-functions.php
do_action( 'la24_head' );

do_action( 'la24_footer' );

add_action( 'la24_head', function () {
    ?>
    <style>
        .la24-widget-header {
            border-radius: 8px;
        }
        .my-crm-ext-banner {
            background: #1e293b;
            color: #fff;
            padding: 8px 16px;
        }
    </style>
    <?php
} );

add_action( 'la24_head', function () {
    echo '<link rel="stylesheet" href="' . esc_url( MY_CRM_EXT_URL . 'assets/css/panel.css' ) . '">';
} );

add_action( 'la24_footer', function () {
    ?>
    <script>
        (function () {
            console.log( 'My CRM Extension loaded' );
        })();
    </script>
    <?php
} );

add_action( 'la24_footer', function () {
    echo '<script src="' . esc_url( MY_CRM_EXT_URL . 'assets/js/panel.js' ) . '"></script>';
} );

add_action( 'la24_footer', array( $this, 'print_footer_script' ), 30 ); // پس از اسکریپت‌های فوتر صف‌بندی‌شده

<?php

namespace MyPlugin;

defined( 'ABSPATH' ) || exit;

class My_CRM_Panel_Assets {

    public function __construct() {
        add_action( 'la24_head', array( $this, 'print_styles' ) );
        add_action( 'la24_footer', array( $this, 'print_scripts' ) );
    }

    public function print_styles() {
        ?>
        <style>
            .my-crm-ext-banner {
                background: #1e293b;
                color: #fff;
                padding: 8px 16px;
            }
        </style>
        <?php
    }

    public function print_scripts() {
        ?>
        <script>
            document.addEventListener( 'DOMContentLoaded', function () {
                var banner = document.createElement( 'div' );
                banner.className = 'my-crm-ext-banner';
                banner.textContent = 'My CRM Extension active';
                document.body.prepend( banner );
            } );
        </script>
        <?php
    }
}

new My_CRM_Panel_Assets();