<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}
?>
<div class="cf-need-help-panel">
    <div class="cf-need-help-panel__inner">
        <div class="cf-need-help-panel__inner-left">
            <h3><?php esc_html_e( 'How to Get Started', 'commenting-feature' ); ?></h3>
            <h2><?php esc_html_e( 'Welcome to Multicollab', 'commenting-feature' ); ?></h2>
            <p>
                <?php esc_html_e( 'Multicollab is a WordPress plugin designed to enhance editorial workflows by introducing Google Docs-style collaboration features directly into the Gutenberg editor.', 'commenting-feature' ); ?>
            </p>
            <p>
                <?php esc_html_e( 'It streamlines the content creation process by enabling real-time collaboration, inline commenting, and suggestion modes within WordPress, eliminating the need to switch between external tools.', 'commenting-feature' ); ?>
            </p>
            <div class="cf-need-help-panel__inner-btnwrap">
                <a href="<?php echo esc_url( site_url() ); ?>/wp-admin/admin.php?page=editorial-comments&view=settings" class="button button-primary">
                    <?php esc_html_e( 'Manage Settings', 'commenting-feature' ); ?>
                </a>
                <a href="https://docs.multicollab.com/article/20-requirements?utm_source=plugin+&utm_medium=setting+page&utm_campaign=help+doc+from+plugin+setting+section" class="cf-plugin-button-link" target="_blank">
                <svg fill="#000000" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
                    width="13px" height="13px" viewBox="0 0 459.319 459.319"
                    xml:space="preserve">
                <g>
                    <path d="M94.924,366.674h312.874c0.958,0,1.886-0.136,2.778-0.349c0.071,0,0.13,0.012,0.201,0.012
                        c6.679,0,12.105-5.42,12.105-12.104V12.105C422.883,5.423,417.456,0,410.777,0h-2.955H114.284H94.941
                        c-32.22,0-58.428,26.214-58.428,58.425c0,0.432,0.085,0.842,0.127,1.259c-0.042,29.755-0.411,303.166-0.042,339.109
                        c-0.023,0.703-0.109,1.389-0.109,2.099c0,30.973,24.252,56.329,54.757,58.245c0.612,0.094,1.212,0.183,1.847,0.183h317.683
                        c6.679,0,12.105-5.42,12.105-12.105v-45.565c0-6.68-5.427-12.105-12.105-12.105s-12.105,5.426-12.105,12.105v33.461H94.924
                        c-18.395,0-33.411-14.605-34.149-32.817c0.018-0.325,0.077-0.632,0.071-0.963c-0.012-0.532-0.03-1.359-0.042-2.459
                        C61.862,380.948,76.739,366.674,94.924,366.674z M103.178,58.425c0-6.682,5.423-12.105,12.105-12.105s12.105,5.423,12.105,12.105
                        V304.31c0,6.679-5.423,12.105-12.105,12.105s-12.105-5.427-12.105-12.105V58.425z"/>
                </g>
                </svg>
                    <?php esc_html_e( 'Read the setup guide', 'commenting-feature' ); ?>
                </a>
            </div>
        </div>
        <div class="cf-need-help-panel__inner-right">
            <div class="cf-need-help-panel__video-fallback">
                <img src="<?php echo esc_url( COMMENTING_BLOCK_URL . 'admin/assets/images/Video.svg' ); ?>" alt="" width="120" height="120" loading="lazy" decoding="async" />
                <p class="cf-need-help-panel__video-link">
                    <a href="<?php echo esc_url( 'https://docs.multicollab.com/article/20-requirements?utm_source=plugin&utm_medium=need-help&utm_campaign=dashboard' ); ?>" target="_blank" rel="noopener noreferrer">
                        <?php esc_html_e( 'Watch the overview video on our documentation site', 'commenting-feature' ); ?>
                    </a>
                </p>
            </div>
        </div>
    </div>
</div>