<?php

/**
 * Tabs Nav Items
 * 
 * @package Dashboard
 */

if (!defined('ABSPATH')) {
	exit; // Exit if accessed directly.
}

?>

<div class="sydney-dashboard-row">
    <div class="sydney-dashboard-column sydney-dashboard-column-9">
        
        <!-- Customize Your Size -->
        <div class="sydney-dashboard-card sydney-dashboard-card-top-spacing sydney-dashboard-card-tabs-divider">
            <div class="sydney-dashboard-card-header bt-d-flex bt-justify-content-between bt-align-items-center">
                <h2><?php echo esc_html__( 'Customize your site', 'sydney' ); ?></h2>
                <a href="<?php echo esc_url( admin_url( 'customize.php' ) ); ?>" class="sydney-dashboard-external-link" target="_blank">
                    <?php echo esc_html__( 'Go To Customizer', 'sydney' ); ?>
                    <?php echo sydney_dashboard_icon( 'external', 16, 'sydney-svg-accent' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
                </a>
            </div>
            <div class="sydney-dashboard-card-body">
                <div class="sydney-dashboard-row">
                    <?php foreach ($this->settings[ 'features' ] as $feature) : // phpcs:ignore WPThemeReview.CoreFunctionality.PrefixAllGlobals.NonPrefixedVariableFound 
                        if( $feature[ 'type' ] !== 'free' ) {
                            continue;
                        }
                        
                        ?>

                        <div class="sydney-dashboard-column sydney-dashboard-column-4">
                            <div class="sydney-dashboard-feature-card">
                                <div class="sydney-dashboard-feature-card-title">
                                    <h3><?php echo esc_html( $feature[ 'title' ] ); ?></h3>
                                </div>
                                <div class="sydney-dashboard-feature-card-actions">
                                    <?php if( isset( $feature[ 'docs_link' ] ) ) : ?>
                                        <a href="<?php echo esc_url( $feature[ 'docs_link' ] ); ?>" class="sydney-dashboard-feature-card-link-icon" title="<?php echo esc_attr__( 'Documentation', 'sydney' ); ?>" target="_blank">
                                            <?php echo sydney_dashboard_icon( 'help', 22 ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
                                        </a>
                                    <?php endif; ?>                                 
                                    <?php if( ! isset( $feature[ 'module' ] ) ) : ?>
                                        <?php if( isset( $feature[ 'link_url' ] ) ) : ?>
                                            <a href="<?php echo esc_url( $feature['link_url'] ); ?>" class="sydney-dashboard-link sydney-dashboard-link-default sydney-dashboard-customize-link" target="_blank">
                                                <?php echo esc_html__( 'Customize', 'sydney' ); ?>
                                            </a>
                                        <?php endif; ?>
                                    <?php elseif ( Sydney_Modules::is_module_active( $feature['module'] ) ) : ?>
                                        <a href="#" class="sydney-dashboard-link sydney-dashboard-link-danger sydney-dashboard-module-activation" data-module-id="<?php echo esc_attr( $feature['module'] ); ?>" data-module-activate="false"<?php echo isset( $feature['redirect_url'] ) ? ' data-module-redirect="' . esc_url( $feature['redirect_url'] ) . '"' : ''; ?>>
                                            <?php echo esc_html__( 'Deactivate', 'sydney' ); ?>
                                        </a>
                                        <?php if( isset( $feature[ 'link_url' ] ) ) : ?>
                                            <a href="<?php echo esc_url( $feature['link_url'] ); ?>" class="sydney-dashboard-link sydney-dashboard-link-info sydney-dashboard-customize-link" target="_blank">
                                                <?php echo esc_html__( 'Customize', 'sydney' ); ?>
                                            </a>
                                        <?php endif; ?>
                                    <?php elseif ( Sydney_Modules::has_unmet_dependencies( $feature ) ) : ?>
                                        <span class="sydney-dashboard-link sydney-dashboard-link-disabled">
                                            <?php echo esc_html( Sydney_Modules::get_dependency_message( $feature ) ); ?>
                                        </span>                                        
                                    <?php else : ?>
                                        <a href="#" class="sydney-dashboard-link sydney-dashboard-link-success sydney-dashboard-module-activation" data-module-id="<?php echo esc_attr( $feature['module'] ); ?>" data-module-activate="true"<?php echo isset( $feature['redirect_url'] ) ? ' data-module-redirect="' . esc_url( $feature['redirect_url'] ) . '"' : ''; ?>>
                                            <?php echo esc_html__( 'Activate', 'sydney' ); ?>
                                        </a>
                                        <?php if( isset( $feature[ 'link_url' ] ) ) : ?>
                                            <a href="<?php echo esc_url( $feature['link_url'] ); ?>" class="sydney-dashboard-link sydney-dashboard-link-info sydney-dashboard-customize-link bt-d-none" target="_blank">
                                                <?php echo esc_html__( 'Customize', 'sydney' ); ?>
                                            </a>
                                        <?php endif; ?>
                                    <?php endif; ?>
                                </div>
                            </div>
                        </div>

                    <?php endforeach; ?>
                </div>
            </div>
        </div>

        <!-- Do more with Sydney Pro -->
        <div class="sydney-dashboard-card">
            <div class="sydney-dashboard-card-header bt-d-flex bt-justify-content-between bt-align-items-center">
                <h2><?php echo esc_html__( 'Do more with Sydney Pro', 'sydney' ); ?></h2>

                <?php if( ! $this->settings[ 'has_pro' ] ) : ?>
                    <a href="<?php echo esc_url( $this->settings['upgrade_pro_module'] ); ?>" class="sydney-dashboard-external-link" target="_blank">
                        <?php echo esc_html__( 'Upgrade To Pro', 'sydney' ); ?>
                        <?php echo sydney_dashboard_icon( 'external', 16, 'sydney-svg-accent' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
                    </a>
                <?php /*
                <?php else : ?>
                    <div class="sydney-dahsboard-modules-global-actions">
                        <a href="#" class="sydney-dashboard-module-activation-all sydney-dahsboard-modules-activate-all" data-module-activate="true">
                            <?php echo esc_html__( 'Activate All', 'sydney' ); ?>
                        </a>
                        <a href="#" class="sydney-dashboard-module-activation-all sydney-dahsboard-modules-deactivate-all" data-module-activate="false">
                            <?php echo esc_html__( 'Deactivate All', 'sydney' ); ?>
                        </a>
                    </div>
                */ ?>
                <?php endif; ?>
            </div>
            <div class="sydney-dashboard-card-body">
                <div class="sydney-dashboard-row">
                    <?php foreach ($this->settings[ 'features' ] as $feature) : // phpcs:ignore WPThemeReview.CoreFunctionality.PrefixAllGlobals.NonPrefixedVariableFound 
                        if( $feature[ 'type' ] !== 'pro' ) {
                            continue;
                        }
                        
                        ?>

                        <div class="sydney-dashboard-column sydney-dashboard-column-4">
                            <div class="sydney-dashboard-feature-card">
                                <div class="sydney-dashboard-feature-card-title">
                                    <h3><?php echo esc_html( $feature[ 'title' ] ); ?></h3>
                                </div>
                                <div class="sydney-dashboard-feature-card-actions">
                                    <?php if( ! $this->settings[ 'has_pro' ] ) : ?>

                                        <?php if( isset( $feature[ 'docs_link' ] ) ) : ?>
                                            <a href="<?php echo esc_url( $feature[ 'docs_link' ] ); ?>" class="sydney-dashboard-link" target="_blank">
                                                <?php echo esc_html__( 'Learn More', 'sydney' ); ?>
                                            </a>
                                        <?php endif; ?>
                                        <a href="<?php echo esc_url( $this->settings['upgrade_pro_module'] ); ?>" class="sydney-dashboard-feature-card-link-icon sydney-dashboard-feature-card-link-icon-always-visible sydney-dashboard-pro-tooltip" target="_blank" data-tooltip-message="<?php echo esc_attr__( 'This option is only available on Sydney Pro', 'sydney' ); ?>">
                                            <svg class="sydney-svg-accent" width="28" height="16" viewBox="0 0 28 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M7.41309 8.90723H5.58203V7.85254H7.41309C7.71257 7.85254 7.95508 7.80371 8.14062 7.70605C8.32943 7.60514 8.46777 7.46842 8.55566 7.2959C8.64355 7.12012 8.6875 6.91992 8.6875 6.69531C8.6875 6.47721 8.64355 6.27376 8.55566 6.08496C8.46777 5.89616 8.32943 5.74316 8.14062 5.62598C7.95508 5.50879 7.71257 5.4502 7.41309 5.4502H6.02148V11.5H4.67871V4.39062H7.41309C7.96647 4.39062 8.43848 4.48991 8.8291 4.68848C9.22298 4.88379 9.52246 5.1556 9.72754 5.50391C9.93587 5.84896 10.04 6.24284 10.04 6.68555C10.04 7.14453 9.93587 7.54004 9.72754 7.87207C9.52246 8.2041 9.22298 8.45964 8.8291 8.63867C8.43848 8.81771 7.96647 8.90723 7.41309 8.90723ZM11.0947 4.39062H13.6777C14.2181 4.39062 14.682 4.47201 15.0693 4.63477C15.4567 4.79753 15.7546 5.03841 15.9629 5.35742C16.1712 5.67643 16.2754 6.06868 16.2754 6.53418C16.2754 6.90202 16.2103 7.22103 16.0801 7.49121C15.9499 7.76139 15.766 7.98763 15.5283 8.16992C15.2939 8.35221 15.0173 8.49544 14.6982 8.59961L14.2783 8.81445H11.998L11.9883 7.75488H13.6924C13.9691 7.75488 14.1986 7.70605 14.3809 7.6084C14.5632 7.51074 14.6999 7.37565 14.791 7.20312C14.8854 7.0306 14.9326 6.83366 14.9326 6.6123C14.9326 6.37467 14.887 6.1696 14.7959 5.99707C14.7048 5.82129 14.5664 5.6862 14.3809 5.5918C14.1953 5.4974 13.9609 5.4502 13.6777 5.4502H12.4375V11.5H11.0947V4.39062ZM15.1084 11.5L13.4629 8.31641L14.8838 8.31152L16.5488 11.4316V11.5H15.1084ZM23.209 7.76465V8.13086C23.209 8.66797 23.1374 9.15137 22.9941 9.58105C22.8509 10.0075 22.6475 10.3704 22.3838 10.6699C22.1201 10.9694 21.806 11.1989 21.4414 11.3584C21.0768 11.5179 20.6715 11.5977 20.2256 11.5977C19.7861 11.5977 19.3825 11.5179 19.0146 11.3584C18.6501 11.1989 18.3343 10.9694 18.0674 10.6699C17.8005 10.3704 17.5938 10.0075 17.4473 9.58105C17.3008 9.15137 17.2275 8.66797 17.2275 8.13086V7.76465C17.2275 7.22428 17.3008 6.74089 17.4473 6.31445C17.5938 5.88802 17.7988 5.52507 18.0625 5.22559C18.3262 4.92285 18.6403 4.69173 19.0049 4.53223C19.3727 4.37272 19.7764 4.29297 20.2158 4.29297C20.6618 4.29297 21.0671 4.37272 21.4316 4.53223C21.7962 4.69173 22.1104 4.92285 22.374 5.22559C22.641 5.52507 22.846 5.88802 22.9893 6.31445C23.1357 6.74089 23.209 7.22428 23.209 7.76465ZM21.8516 8.13086V7.75488C21.8516 7.36751 21.8158 7.02734 21.7441 6.73438C21.6725 6.43815 21.5667 6.18913 21.4268 5.9873C21.2868 5.78548 21.1143 5.63411 20.9092 5.5332C20.7041 5.42904 20.473 5.37695 20.2158 5.37695C19.9554 5.37695 19.7243 5.42904 19.5225 5.5332C19.3239 5.63411 19.1546 5.78548 19.0146 5.9873C18.8747 6.18913 18.7673 6.43815 18.6924 6.73438C18.6208 7.02734 18.585 7.36751 18.585 7.75488V8.13086C18.585 8.51497 18.6208 8.85514 18.6924 9.15137C18.7673 9.44759 18.8747 9.69824 19.0146 9.90332C19.1579 10.1051 19.3304 10.2581 19.5322 10.3623C19.734 10.4665 19.9652 10.5186 20.2256 10.5186C20.486 10.5186 20.7171 10.4665 20.9189 10.3623C21.1208 10.2581 21.29 10.1051 21.4268 9.90332C21.5667 9.69824 21.6725 9.44759 21.7441 9.15137C21.8158 8.85514 21.8516 8.51497 21.8516 8.13086Z" fill="currentColor"/>
                                                <rect x="0.5" y="1" width="27" height="14" rx="1.5" stroke="currentColor"/>
                                            </svg>
                                        </a>

                                    <?php else : ?>
                                        <?php if( isset( $feature[ 'docs_link' ] ) ) : ?>
                                            <a href="<?php echo esc_url( $feature[ 'docs_link' ] ); ?>" class="sydney-dashboard-feature-card-link-icon" title="<?php echo esc_attr__( 'Documentation', 'sydney' ); ?>" target="_blank">
                                                <?php echo sydney_dashboard_icon( 'help', 22 ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
                                            </a>
                                        <?php endif; ?>
                                        <?php if( ! isset( $feature[ 'module' ] ) ) : ?>
                                            <?php if( isset( $feature[ 'link_url' ] ) ) : ?>
                                                <a href="<?php echo esc_url( $feature['link_url'] ); ?>" class="sydney-dashboard-link sydney-dashboard-link-default sydney-dashboard-customize-link" target="_blank">
                                                    <?php echo esc_html__( 'Customize', 'sydney' ); ?>
                                                </a>
                                            <?php endif; ?>
                                        <?php elseif ( Sydney_Modules::is_module_active( $feature['module'] ) ) : ?>
                                            <a href="#" class="sydney-dashboard-link sydney-dashboard-link-danger sydney-dashboard-module-activation" data-module-id="<?php echo esc_attr( $feature['module'] ); ?>" data-module-activate="false"<?php echo isset( $feature['redirect_url'] ) ? ' data-module-redirect="' . esc_url( $feature['redirect_url'] ) . '"' : ''; ?>>
                                                <?php echo esc_html__( 'Deactivate', 'sydney' ); ?>
                                            </a>
                                            <?php if( isset( $feature[ 'link_url' ] ) ) : ?>
                                                <a href="<?php echo esc_url( $feature['link_url'] ); ?>" class="sydney-dashboard-link sydney-dashboard-link-info sydney-dashboard-customize-link" target="_blank">
                                                    <?php echo esc_html__( 'Customize', 'sydney' ); ?>
                                                </a>
                                            <?php endif; ?>
                                        <?php elseif ( Sydney_Modules::has_unmet_dependencies( $feature ) ) : ?>
                                            <span class="sydney-dashboard-link sydney-dashboard-link-disabled">
                                                <?php echo esc_html( Sydney_Modules::get_dependency_message( $feature ) ); ?>
                                            </span>                                           
                                        <?php else : ?>
                                            <a href="#" class="sydney-dashboard-link sydney-dashboard-link-success sydney-dashboard-module-activation" data-module-id="<?php echo esc_attr( $feature['module'] ); ?>" data-module-activate="true"<?php echo isset( $feature['redirect_url'] ) ? ' data-module-redirect="' . esc_url( $feature['redirect_url'] ) . '"' : ''; ?>>
                                                <?php echo esc_html__( 'Activate', 'sydney' ); ?>
                                            </a>
                                            <?php if( isset( $feature[ 'link_url' ] ) ) : ?>
                                                <a href="<?php echo esc_url( $feature['link_url'] ); ?>" class="sydney-dashboard-link sydney-dashboard-link-info sydney-dashboard-customize-link bt-d-none" target="_blank">
                                                    <?php echo esc_html__( 'Customize', 'sydney' ); ?>
                                                </a>
                                            <?php endif; ?>
                                        <?php endif; ?>

                                    <?php endif; ?>
                                </div>
                            </div>
                        </div>

                    <?php endforeach; ?>
                </div>
            </div>
        </div>

        <!-- Useful plugins -->
        <div class="sydney-dashboard-card">
            <div class="sydney-dashboard-card-header">
                <h2><?php echo esc_html__( 'Useful plugins', 'sydney' ); ?></h2>
            </div>
            <div class="sydney-dashboard-card-body">
                <div class="sydney-dashboard-row">                
                    <?php foreach( $this->settings['useful-plugins'] as $sydney_plugin ) : ?>
                        <div class="sydney-dashboard-column sydney-dashboard-column-3">
                            <div class="sydney-dashboard-feature-card sydney-dashboard-feature-card-plugin">
                                <img src="<?php echo esc_url( $sydney_plugin['img_url'] ); ?>" width="40" height="40" alt="<?php echo esc_attr( $sydney_plugin['name'] ); ?>" />
                                <h3 class="bt-m-0"><?php echo esc_html( $sydney_plugin['name'] ); ?></h3>

                                <?php if ( in_array( $this->get_plugin_status( $sydney_plugin['path'] ), array( 'inactive' ), true ) ) : ?>
                                    <a href="#" class="sydney-dashboard-link sydney-dashboard-link-success sydney-dashboard-plugin-ajax-button" data-type="install" data-path="<?php echo esc_attr($sydney_plugin['path']); ?>" data-slug="<?php echo esc_attr($sydney_plugin['slug']); ?>">
                                        <?php echo esc_html__( 'Activate', 'sydney' ); ?>
                                    </a>
                                <?php elseif ( in_array( $this->get_plugin_status( $sydney_plugin['path'] ), array( 'not_installed' ), true ) ) : ?>
                                    <a href="#" class="sydney-dashboard-link sydney-dashboard-link-success sydney-dashboard-plugin-ajax-button" data-type="install" data-path="<?php echo esc_attr($sydney_plugin['path']); ?>" data-slug="<?php echo esc_attr($sydney_plugin['slug']); ?>">
                                        <?php echo esc_html__( 'Install', 'sydney' ); ?>
                                    </a>                                           
                                <?php else : ?>
                                    <a href="#" class="sydney-dashboard-link sydney-dashboard-link-danger sydney-dashboard-plugin-ajax-button" data-type="deactivate" data-path="<?php echo esc_attr($sydney_plugin['path']); ?>" data-slug="<?php echo esc_attr($sydney_plugin['slug']); ?>">
                                        <?php echo esc_html__( 'Deactivate', 'sydney' ); ?>
                                    </a>
                                <?php endif; ?>
                                
                            </div>
                        </div>
                    <?php endforeach; ?>
                </div>
            </div>
        </div>        

    </div>
    <div class="sydney-dashboard-column sydney-dashboard-column-3">
        
        <div class="sydney-dashboard-sticky-wrapper">
            
            <?php if( ! $this->settings[ 'has_pro' ] ) : ?>
                <!-- Priority Support -->
                <div class="sydney-dashboard-card bt-border-color-primary">
                    <div class="sydney-dashboard-card-header">
                        <h2><?php echo esc_html__( 'Premium support', 'sydney' ); ?></h2>
                    </div>
                    <div class="sydney-dashboard-card-body">
                        <p><?php echo esc_html__( 'Get support from our team of WordPress experts via email. We typically reply to requests within 8 business hours.', 'sydney' ); ?></p>
                        <a href="<?php echo esc_url( $this->settings['upgrade_pro_support'] ); ?>" class="sydney-dashboard-external-link" target="_blank">
                            <?php echo esc_html__( 'Get Premium Support With Sydney Pro', 'sydney' ); ?>
                            <?php echo sydney_dashboard_icon( 'external', 16, 'sydney-svg-accent' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
                        </a>
                    </div>
                </div>
            <?php endif; ?>

            <!-- Leave a Review -->
            <div class="sydney-dashboard-card">
                <div class="sydney-dashboard-card-header bt-d-flex bt-justify-content-between bt-align-items-center">
                    <h2><?php echo esc_html__( 'Leave a review', 'sydney' ); ?></h2>
                    <svg width="83" height="24" viewBox="0 0 83 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="url(#clip0_1_1797)">
                        <path d="M74.6355 2.87524H4.76826C2.13482 2.87524 0 5.0091 0 7.64133V18.5084C0 21.1407 2.13482 23.2745 4.76826 23.2745H74.6355C77.2689 23.2745 79.4037 21.1407 79.4037 18.5084V7.64133C79.4037 5.0091 77.2689 2.87524 74.6355 2.87524Z" fill="#F5F5F5"/>
                        <path d="M76.2002 0.728333H6.33295C3.69952 0.728333 1.5647 2.86218 1.5647 5.49442V16.3615C1.5647 18.9938 3.69952 21.1276 6.33295 21.1276H76.2002C78.8336 21.1276 80.9684 18.9938 80.9684 16.3615V5.49442C80.9684 2.86218 78.8336 0.728333 76.2002 0.728333Z" fill="white"/>
                        <path d="M13.8982 5.11517L15.6982 8.75802L19.7219 9.34525L16.8117 12.1824L17.4983 16.1871L13.8982 14.2957L10.2981 16.1871L10.9846 12.1824L8.07446 9.34525L12.0981 8.75802L13.8982 5.11517Z" fill="#FFB840"/>
                        <path d="M27.5817 5.11517L29.3818 8.75802L33.4089 9.34525L30.4953 12.1824L31.1819 16.1871L27.5817 14.2957L23.9851 16.1871L24.6716 12.1824L21.7581 9.34525L25.7851 8.75802L27.5817 5.11517Z" fill="#FFB840"/>
                        <path d="M41.268 5.11517L43.0681 8.75802L47.0917 9.34525L44.1782 12.1824L44.8681 16.1871L41.268 14.2957L37.6679 16.1871L38.3545 12.1824L35.4443 9.34525L39.468 8.75802L41.268 5.11517Z" fill="#FFB840"/>
                        <path d="M54.9509 5.11517L56.7509 8.75802L60.7746 9.34525L57.8644 12.1824L58.551 16.1871L54.9509 14.2957L51.3508 16.1871L52.0408 12.1824L49.1272 9.34525L53.1508 8.75802L54.9509 5.11517Z" fill="#FFB840"/>
                        <path d="M68.6378 5.11517L70.4378 8.75802L74.4615 9.34525L71.5479 12.1824L72.2379 16.1871L68.6378 14.2957L65.0377 16.1871L65.7242 12.1824L62.8107 9.34525L66.8377 8.75802L68.6378 5.11517Z" fill="#FFB840"/>
                        </g>
                        <path d="M82.85 4.15852C80.8962 4.56585 80.347 5.11249 79.9415 7.06475C79.8992 7.26526 79.612 7.26526 79.5697 7.06475C79.1621 5.11249 78.615 4.56374 76.6612 4.15852C76.4606 4.1163 76.4606 3.82927 76.6612 3.78706C78.615 3.37972 79.1621 2.83309 79.5697 0.87871C79.612 0.678207 79.8992 0.678207 79.9415 0.87871C80.3491 2.83098 80.8962 3.37972 82.85 3.78495C83.0507 3.82716 83.0507 4.11419 82.85 4.15641V4.15852Z" fill="#F5F5F5"/>
                        <defs>
                        <clipPath id="clip0_1_1797">
                        <rect width="80.9681" height="22.5433" fill="white" transform="translate(0 0.728333)"/>
                        </clipPath>
                        </defs>
                    </svg>
                </div>
                <div class="sydney-dashboard-card-body">
                    <p><?php echo esc_html__( 'It makes us happy to hear from our users. We would appreciate a review.', 'sydney' ); ?></p>
                    <a href="<?php echo esc_url( $this->settings['review_link'] ); ?>" class="button button-primary button-outline button-medium bt-font-weight-500" target="_blank">
                        <?php echo esc_html__( 'Submit a Review', 'sydney' ); ?>
                    </a>
                </div>
            </div>

            <!-- Knowledge Base -->
            <div class="sydney-dashboard-card">
                <div class="sydney-dashboard-card-header">
                    <h2><?php echo esc_html__( 'Documentation', 'sydney' ); ?></h2>
                </div>
                <div class="sydney-dashboard-card-body">
                    <p><?php echo esc_html__( 'Browse documentation and tutorials for the Sydney theme.', 'sydney' ); ?></p>
                    <a href="<?php echo esc_url( $this->settings['knowledge_base_link'] ); ?>" class="button button-primary button-outline button-medium bt-font-weight-500" target="_blank">
                        <?php echo esc_html__( 'Browse Docs', 'sydney' ); ?>
                    </a>
                </div>
            </div>

            <!-- Need Help? -->
            <div class="sydney-dashboard-card">
                <div class="sydney-dashboard-card-header">
                    <h2><?php echo esc_html__( 'Support', 'sydney' ); ?></h2>
                </div>
                <div class="sydney-dashboard-card-body">
                    <p><?php echo esc_html__( 'Have a question? Hit a bug? Find solutions or ask a member of our expert team for help.', 'sydney' ); ?></p>
                    <a href="<?php echo esc_url( $this->settings['support_link'] ); ?>" class="button button-primary button-outline button-medium bt-font-weight-500" target="_blank">
                        <?php echo esc_html__( 'Get Support', 'sydney' ); ?>
                    </a>
                </div>
            </div>

            <!-- Have and idea of feedback -->
            <div class="sydney-dashboard-card">
                <div class="sydney-dashboard-card-header">
                    <h2><?php echo esc_html__( 'Have an idea or feedback?', 'sydney' ); ?></h2>
                </div>
                <div class="sydney-dashboard-card-body">
                    <p><?php echo esc_html__( 'Got an idea for how to improve Sydney and Sydney Pro? Let us know.', 'sydney' ); ?></p>
                    <a href="<?php echo esc_url( $this->settings['suggest_idea_link'] ); ?>" class="sydney-dashboard-external-link" target="_blank">
                        <?php echo esc_html__( 'Suggest An Idea', 'sydney' ); ?>
                        <?php echo sydney_dashboard_icon( 'external', 16, 'sydney-svg-accent' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
                    </a>
                </div>
            </div>

            <!-- Join our facebook comunity -->
            <div class="sydney-dashboard-card">
                <div class="sydney-dashboard-card-header">
                    <h2><?php echo esc_html__( 'Join our Facebook community', 'sydney' ); ?></h2>
                </div>
                <div class="sydney-dashboard-card-body">
                    <p><?php echo esc_html__( 'Share your projects, ask questions, or connect with fellow Sydney users in our friendly community.', 'sydney' ); ?></p>
                    <a href="<?php echo esc_url( $this->settings['community_link'] ); ?>" class="button button-primary button-outline button-medium bt-font-weight-500" target="_blank">
                        <?php echo esc_html__( 'Join Now', 'sydney' ); ?>
                    </a>
                </div>
            </div>
        </div>

    </div>
</div>
