<?php
// Exit if accessed directly
if ( ! defined( 'ABSPATH' ) ) exit;

define( 'USER_PROFILE_PICTURE_VERSION', '2.6.0' );
define( 'USER_PROFILE_PICTURE_PLUGIN_NAME', 'User Profile Picture' );
define( 'USER_PROFILE_PICTURE_DIR', plugin_dir_path( __FILE__ ) );
define( 'USER_PROFILE_PICTURE_URL', plugins_url( '/', __FILE__ ) );
define( 'USER_PROFILE_PICTURE_SLUG', plugin_basename( __FILE__ ) );
define( 'USER_PROFILE_PICTURE_FILE', __FILE__ );

/**
 * Main Class for User Profile Picture
 *
 * Main class for user profile picture.
 *
 * @category User Profile Picture
 * @package  User Profile Picture
 * @author   Ronald Huereca <ronald@mediaron.com>
 * @license  GPL-2.0+
 * @link     https://github.com/madalinungureanu/user-profile-picture
 *
 * @since 1.0.0
 */
class User_Profile_Picture {

    /**
     * Defines the plugin URL
     *
     * @since  1.0.0
     * @access private
     * @var    string $plugin_url
     */
    private $plugin_url = '';

    /**
     * Defines the plugin absolute directory
     *
     * @since  1.0.0
     * @access private
     * @var    string $plugin_dir
     */
    private $plugin_dir = '';

    /**
     * Defines the plugin path
     *
     * @since  1.0.0
     * @access private
     * @var    string $plugin_path
     */
    private $plugin_path = '';

    /**
     * __construct()
     *
     * Class constructor
     */
    public function __construct() {

//        load_plugin_textdomain( 'profile-builder', false, dirname( plugin_basename( __FILE__ ) ) . '/languages/' );

        $this->plugin_path = plugin_basename( __FILE__ );
        $this->plugin_url  = rtrim( plugin_dir_url( __FILE__ ), '/' );
        $this->plugin_dir  = rtrim( plugin_dir_path( __FILE__ ), '/' );

        add_action( 'init', array( $this, 'init' ) );
        add_action( 'personal_options', array( $this, 'insert_upload_form' ) );

        // Scripts.
        add_action( 'admin_print_scripts-user-edit.php', array( $this, 'print_media_scripts' ) );
        add_action( 'admin_print_scripts-profile.php', array( $this, 'print_media_scripts' ) );

        add_action( 'wp_enqueue_scripts', array( $this, 'profile_print_media_scripts' ), 9 );
        add_action( 'acf/input/admin_enqueue_scripts', array( $this, 'profile_print_media_scripts' ), 9 ); // Advanced Custom Field compatibility.

        // Styles.
        add_action( 'admin_print_styles-user-edit.php', array( $this, 'print_media_styles' ) );
        add_action( 'admin_print_styles-profile.php', array( $this, 'print_media_styles' ) );

        // Ajax.
        add_action( 'wp_ajax_metronet_add_thumbnail', array( $this, 'ajax_add_thumbnail' ) );
        add_action( 'wp_ajax_metronet_get_thumbnail', array( $this, 'ajax_get_thumbnail' ) );
        add_action( 'wp_ajax_metronet_remove_thumbnail', array( $this, 'ajax_remove_thumbnail' ) );

        // User update action.
        add_action( 'edit_user_profile_update', array( $this, 'save_user_profile' ) );
        add_action( 'personal_options_update', array( $this, 'save_user_profile' ) );

        // User Avatar override.
        add_filter( 'get_avatar', array( $this, 'avatar_override' ), 10, 6 );
        add_filter( 'pre_get_avatar_data', array( $this, 'pre_avatar_override' ), 10, 2 );

        // Rest API.
        add_action( 'rest_api_init', array( $this, 'rest_api_register' ) );

        // Avatar check overridden - Can be overridden using a higher priority.
        add_filter( 'mpp_hide_avatar_override', '__return_true', 5 );

        // Determine if to load Gutenberg or not.
        $options = $this->get_options();
        if ( 'on' === $options['load_gutenberg'] ) {
            // Include Gutenberg.
            global $wp_version;
            if ( version_compare ( $wp_version, '5.8', '>=' ) )  {
                add_filter( 'block_categories_all', array( $this, 'add_block_category' ), 10, 2 );
            } else {
                add_filter( 'block_categories', array( $this, 'add_block_category' ), 10, 2 );
            }
            include_once self::get_plugin_dir( '/gutenberg/class-gutenberg.php' );
            new User_Profile_Picture_Gutenberg();
        }

    } //end constructor

    /**
     * Add a User Profile Picture category for block creation.
     *
     * @since 2.3.0
     *
     * @param array  $categories Array of available categories.
     * @param object $post Post to attach it to.
     *
     * @return array New Categories
     */
    public function add_block_category( $categories, $post ) {
        return array_merge(
            $categories,
            array(
                array(
                    'slug'  => 'mpp',
                    'title' => __( 'User Profile Picture', 'profile-builder' ),
                    'icon'  => 'groups',
                ),
            )
        );
    }

    /**
     * Register the settings menu for User Profile Picture
     *
     * @since 2.3.0
     */

    public function register_settings_submenu_page() {
        add_submenu_page( 'profile-builder', __( 'User Profile Picture', 'profile-builder' ), __( 'User Profile Picture', 'profile-builder' ), apply_filters( 'wppb_user_profile_picture_page_capability', 'manage_options' ), 'profile-user-profile-picture', array( $this, 'admin_page' ) );
    }
    public function register_settings_menu_page() {
        if ( defined( 'USER_PROFILE_PICTURE_ENHANCED' ) ) {
            $hook = add_menu_page(
                __( 'User Profile Picture', 'profile-builder' ),
                __( 'User Profile Picture', 'profile-builder' ),
                'manage_options',
                'mpp',
                array( $this, 'upp_admin_page' ),
                'dashicons-groups',
                100
            );
        } else {
            $hook = add_options_page(
                __( 'User Profile Picture', 'profile-builder' ),
                __( 'User Profile Picture', 'profile-builder' ),
                'manage_options',
                'mpp',
                array( $this, 'upp_admin_page' )
            );
        }
    }
//    public function register_settings_menu() {
//
//        if ( defined( 'USER_PROFILE_PICTURE_ENHANCED' ) ) {
//            $hook = add_menu_page(
//                __( 'User Profile Picture', 'profile-builder' ),
//                __( 'User Profile Picture', 'profile-builder' ),
//                'manage_options',
//                'mpp',
//                array( $this, 'admin_page' ),
//                'dashicons-groups',
//                100
//            );
//        } else {
//            $hook = add_options_page(
//                __( 'User Profile Picture', 'profile-builder' ),
//                __( 'User Profile Picture', 'profile-builder' ),
//                'manage_options',
//                'mpp',
//                array( $this, 'admin_page' )
//            );
//        }
//    }

    /**
     * Old admin page redirect for User Profile Picture
     *
     * @since 2.3.0
     */
    public function upp_admin_page() {
//        $redirect = self_admin_url('admin.php?page=profile-user-profile-picture');
//        wp_safe_redirect($redirect);
        exit;
    }

    function admin_page_redirect() {
        global $pagenow;
        if ( $pagenow == 'options-general.php' && isset( $_GET['page'] ) && $_GET['page'] == 'mpp' ) {
            wp_redirect( self_admin_url('admin.php?page=profile-user-profile-picture') );
            exit;
        }
    }


    /**
     * Admin page for User Profile Picture
     *
     * @since 2.3.0
     */
    public function admin_page() {
        if ( isset( $_POST['submit'] ) && isset( $_POST['options'] ) ) {
            check_admin_referer( 'save_mpp_options' );
            $options = wp_unslash( $_POST['options'] ); // phpcs:ignore
            $this->update_options( $options );
            printf( '<div class="updated"><p><strong>%s</strong></p></div>', esc_html__( 'Your options have been saved.', 'profile-builder' ) );
        }
        // Get options and defaults.
        $options = $this->get_options();
        ?>

        <div class="wrap wppb-wrap cozmoslabs-wrap">

            <h1></h1>
            <!-- WordPress Notices are added after the first h1/h2 tag inside the .wrap div -->

            <form action="" method="POST">
                <?php wp_nonce_field( 'save_mpp_options' ); ?>

                <div class="cozmoslabs-page-header">
                    <div class="cozmoslabs-section-title">

                        <h3 class="cozmoslabs-page-title">
<!--                            <svg id="Layer_1" width="30" height="30" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 753.53 979.74"><title>upp</title><path d="M806.37,185.9c0,40.27-30.49,72.9-68.11,72.9s-68.17-32.63-68.17-72.9S700.62,113,738.26,113,806.37,145.64,806.37,185.9Z" transform="translate(-123.47 -11)" fill="#4063ad"/><path d="M330.36,183.8c0,40.27-30.49,72.9-68.12,72.9s-68.17-32.63-68.17-72.9,30.52-72.87,68.17-72.87S330.36,143.56,330.36,183.8Z" transform="translate(-123.47 -11)" fill="#a34d9c"/><path d="M331.3,888.13V698.21H329c-31.64,0-57.28-27.45-57.28-61.29V336.5a118.37,118.37,0,0,1,5.43-34.79H179.84c-31.94,0-56.37,31.57-56.37,56.34V601.46h48.32V888.13Z" transform="translate(-123.47 -11)" fill="#a34d9c"/><path d="M388.59,636.92V990.74H611.88V636.92H671.5V336.5c0-30.63-27.64-69.57-69.6-69.57H398.56c-39.44,0-69.61,38.94-69.61,69.57V636.92Z" transform="translate(-123.47 -11)" fill="#f4831f"/><path d="M584.3,101c0,49.69-37.63,90-84,90S416.12,150.67,416.12,101s37.66-90,84.14-90S584.3,51.27,584.3,101Z" transform="translate(-123.47 -11)" fill="#f4831f"/><path d="M820.61,303.79H724.08a121.69,121.69,0,0,1,4.7,32.71V636.92c0,33.84-25.64,61.29-57.28,61.29h-2.33v192H828.7V603.54H877V360.16C877,335.36,854.62,303.79,820.61,303.79Z" transform="translate(-123.47 -11)" fill="#4063ad"/></svg>-->
                            <?php esc_html_e( 'User Profile Picture', 'profile-builder' ); ?>
                            <a href="https://www.cozmoslabs.com/docs/profile-builder/add-ons/user-profile-picture/?utm_source=wpbackend&utm_medium=pb-documentation&utm_campaign=PBDocs" target="_blank" data-code="f223" class="wppb-docs-link dashicons dashicons-editor-help"></a>
                        </h3>

                    </div>
                </div>

                <div class="cozmoslabs-form-subsection-wrapper">
                    <h4 class="cozmoslabs-subsection-title"><?php esc_html_e( 'Profile Picture Settings', 'profile-builder' ); ?></h4>

                    <div class="cozmoslabs-form-field-wrapper cozmoslabs-toggle-switch">
                        <label class="cozmoslabs-form-field-label" for="mpp-load-gutenberg"><?php esc_html_e('Disable Gutenberg Blocks', 'profile-builder'); ?></label>

                        <div class="cozmoslabs-toggle-container">
                            <input type="hidden" name="options['load_gutenberg']" value="on" />
                            <input id="mpp-load-gutenberg" type="checkbox" value="off" name="options[load_gutenberg]" <?php checked( 'off', $options['load_gutenberg'] ); ?> />
                            <label class="cozmoslabs-toggle-track" for="mpp-load-gutenberg"></label>
                        </div>

                        <div class="cozmoslabs-toggle-description">
                            <label class="cozmoslabs-description" for="mpp-load-gutenberg"><?php esc_html_e( 'Select this option if you do not want User Profile Picture to show up in Gutenberg or do not plan on using the blocks.', 'profile-builder' ); ?></label>
                        </div>
                    </div>

                    <div class="cozmoslabs-form-field-wrapper cozmoslabs-toggle-switch">
                        <label class="cozmoslabs-form-field-label" for="mpp-display-image-sizes"><?php esc_html_e('Disable Image Sizes', 'profile-builder'); ?></label>

                        <div class="cozmoslabs-toggle-container">
                            <input type="hidden" name="options['disable_image_sizes']" value="off" />
                            <input id="mpp-display-image-sizes" type="checkbox" value="on" name="options[disable_image_sizes]" <?php checked( 'on', $options['disable_image_sizes'] ); ?> />
                            <label class="cozmoslabs-toggle-track" for="mpp-display-image-sizes"></label>
                        </div>

                        <div class="cozmoslabs-toggle-description">
                            <label class="cozmoslabs-description" for="mpp-display-image-sizes"><?php esc_html_e( 'Select this option to disable the four image sizes User Profile Picture Creates.', 'profile-builder' ); ?></label>
                        </div>
                    </div>

                    <?php
                    /**
                     * Allow other plugins to run code after the user profile admin "Profile Picture Settings" options.
                     *
                     * @since 2.3.0
                     *
                     * @param array $options Array of options.
                     */
                    do_action( 'mpp_user_profile_admin_settings_after_row', $options );
                    ?>

                </div>

                <?php
                /**
                 * Allow other plugins to run code after the user profile admin "Profile Picture Settings" section.
                 *
                 * @since 2.3.0
                 *
                 * @param array $options Array of options.
                 */
                do_action( 'mpp_user_profile_admin_settings_after_table', $options );
                ?>

                <?php submit_button( __( 'Save Options', 'profile-builder' ) ); ?>
            </form>

        </div>
        <?php
    }

    /**
     * Get the options for User Profile Picture
     *
     * @since 2.3.0
     *
     * @return array $options Array of admin options.
     */
    public function get_options() {
        $options = get_option( 'mpp_options', false );
        if ( false === $options ) {
            $options = $this->get_defaults();
        } elseif ( is_array( $options ) ) {
            $options = wp_parse_args( $options, $this->get_defaults() );
        } else {
            $options = $this->get_defaults();
        }
        return $options;
    }

    /**
     * Update options via sanitization
     *
     * @since 2.3.0
     * @access public
     * @param array $options array of options to save.
     * @return void
     */
    public function update_options( $options ) {
        foreach ( $options as $key => &$option ) {
            switch ( $key ) {
                default:
                    $option = sanitize_text_field( $options[ $key ] );
                    break;
            }
        }
        /**
         * Allow other plugins to perform their own sanitization functions.
         *
         * @since 2.3.0
         *
         * @param array $options An array of sanitized POST options
         */
        $options = apply_filters( 'mpp_options_sanitized', $options );
        update_option( 'mpp_options', $options );
    }

    /**
     * Get the default options for User Profile Picture
     *
     * @access private
     *
     * @since 2.3.0
     */
    private function get_defaults() {
        $defaults = array(
            'load_gutenberg'      => 'on',
            'disable_image_sizes' => 'off',
        );

        /**
         * Allow other plugins to add to the defaults.
         *
         * @since 2.3.1
         *
         * @param array $defaults An array of option defaults.
         */
        $defaults = apply_filters( 'mpp_options_defaults', $defaults );
        return $defaults;
    }

    /**
     * Add a thumbnail via Ajax.
     *
     * Adds a thumbnail to user meta and returns thumbnail html.
     */
    public function ajax_add_thumbnail() {
        if ( ! current_user_can( 'upload_files' ) ) {
            die( '' );
        }
        $post_id      = isset( $_POST['post_id'] ) ? absint( $_POST['post_id'] ) : 0;
        $user_id      = isset( $_POST['user_id'] ) ? absint( $_POST['user_id'] ) : 0;
        $thumbnail_id = isset( $_POST['thumbnail_id'] ) ? absint( $_POST['thumbnail_id'] ) : 0;
        if ( 0 === $post_id || 0 === $user_id || 0 === $thumbnail_id || 'mt_pp' !== get_post_type( $post_id ) ) {
            die( '' );
        }
        check_ajax_referer( "mt-update-post_$user_id" );

        // Save user meta.
        update_user_option( $user_id, 'metronet_post_id', $post_id );
        update_user_option( $user_id, 'metronet_image_id', $thumbnail_id ); // Added via this thread (Props Solinx) - https://wordpress.org/support/topic/storing-image-id-directly-as-user-meta-data.
        set_post_thumbnail( $post_id, $thumbnail_id );

        if ( has_post_thumbnail( $post_id ) ) {
            $thumb_src      = wp_get_attachment_image_src( get_post_thumbnail_id( $post_id ), 'thumbnail', false, '' );
            $post_thumbnail = sprintf( '<img src="%s" width="150" height="150" title="%s" />', esc_url( $thumb_src[0] ), esc_attr__( 'Upload or Change Profile Picture', 'profile-builder' ) );
            $crop_html      = $this->get_post_thumbnail_editor_link( $post_id );
            $thumb_html     = sprintf( '<a href="#" class="mpp_add_media">%s%s</a>', $post_thumbnail, sprintf( '<div id="metronet-click-edit">%s</div>', esc_html__( 'Click to Edit', 'profile-builder' ) ) );
            $thumb_html    .= sprintf( '<a id="metronet-remove" class="dashicons dashicons-trash" href="#" title="%s">%s</a>', esc_attr__( 'Remove profile image', 'profile-builder' ), esc_html__( 'Remove profile image', 'profile-builder' ) );
            wp_send_json(
                array(
                    'thumb_html'          => $thumb_html,
                    'crop_html'           => $crop_html,
                    'has_thumb'           => true,
                    'avatar'              => get_avatar( $user_id, 96 ),
                    'avatar_admin_small'  => get_avatar( $user_id, 26 ),
                    'avatar_admin_medium' => get_avatar( $user_id, 64 ),
                    'user_id'             => $user_id,
                    'logged_in_user_id'   => get_current_user_id(),
                )
            );
        }
        wp_send_json(
            array(
                'thumb_html'          => '',
                'crop_html'           => '',
                'has_thumb'           => false,
                'avatar'              => get_avatar( $user_id, 96 ),
                'avatar_admin_small'  => get_avatar( $user_id, 26 ),
                'avatar_admin_medium' => get_avatar( $user_id, 64 ),
                'user_id'             => $user_id,
                'logged_in_user_id'   => get_current_user_id(),
            )
        );
    } //end ajax_add_thumbnail

    /**
     * Retrieve a thumbnail via Ajax.
     *
     * Retrieves a thumbnail based on a passed post id ($_POST)
     */
    public function ajax_get_thumbnail() {
        if ( ! current_user_can( 'upload_files' ) ) {
            die( '' );
        }
        $user_id = isset( $_POST['user_id'] ) ? absint( $_POST['user_id'] ) : 0;
        $post_id = isset( $_POST['post_id'] ) ? absint( $_POST['post_id'] ) : 0;
        check_ajax_referer( "mt-update-post_$user_id" );
        $post    = get_post( $post_id );
        $user_id = 0;
        if ( $post ) {
            $user_id = $post->post_author;
        }

        if ( has_post_thumbnail( $post_id ) ) {
            $thumb_src      = wp_get_attachment_image_src( get_post_thumbnail_id( $post_id ), 'thumbnail', false, '' );
            $post_thumbnail = sprintf( '<img style="display:block" src="%s" width="150" height="150" title="%s" />', esc_url( $thumb_src[0] ), esc_attr__( 'Upload or Change Profile Picture', 'profile-builder' ) );
            $crop_html      = $this->get_post_thumbnail_editor_link( $post_id );
            $thumb_html     = sprintf( '<a href="#" class="mpp_add_media">%s%s</a>', $post_thumbnail, sprintf( '<div id="metronet-click-edit">%s</div>', esc_html__( 'Click to Edit', 'profile-builder' ) ) );
            $thumb_html    .= sprintf( '<a id="metronet-remove" class="dashicons dashicons-trash" href="#" title="%s">%s</a>', esc_attr__( 'Remove profile image', 'profile-builder' ), esc_html__( 'Remove profile image', 'profile-builder' ) );
            wp_send_json(
                array(
                    'thumb_html'          => $thumb_html,
                    'crop_html'           => $crop_html,
                    'has_thumb'           => true,
                    'avatar'              => get_avatar( $user_id, 96 ),
                    'avatar_admin_small'  => get_avatar( $user_id, 26 ),
                    'avatar_admin_medium' => get_avatar( $user_id, 64 ),
                    'user_id'             => $user_id,
                    'logged_in_user_id'   => get_current_user_id(),
                )
            );
        } else {
            $thumb_html  = '<a style="display:block" href="#" class="mpp_add_media default-image">';
            $thumb_html .= sprintf( '<img style="display:block" src="%s" width="150" height="150" title="%s" />', self::get_plugin_url( 'img/mystery.png' ), esc_attr__( 'Upload or Change Profile Picture', 'profile-builder' ) );
            $thumb_html .= sprintf( '<div id="metronet-click-edit">%s</div>', esc_html__( 'Click to Edit', 'profile-builder' ) );
            $thumb_html .= '</a>';
        }
        wp_send_json(
            array(
                'thumb_html'          => $thumb_html,
                'crop_html'           => '',
                'has_thumb'           => false,
                'avatar'              => get_avatar( $user_id, 96 ),
                'avatar_admin_small'  => get_avatar( $user_id, 26 ),
                'avatar_admin_medium' => get_avatar( $user_id, 64 ),
                'user_id'             => $user_id,
                'logged_in_user_id'   => get_current_user_id(),
            )
        );
    }

    /**
     * Remove a thumbnail via Ajax.
     *
     * Removes a featured thumbnail.
     */
    public function ajax_remove_thumbnail() {
        if ( ! current_user_can( 'upload_files' ) ) {
            die( '' );
        }
        $post_id = isset( $_POST['post_id'] ) ? absint( $_POST['post_id'] ) : 0;
        $user_id = isset( $_POST['user_id'] ) ? absint( $_POST['user_id'] ) : 0;
        if ( 0 === $post_id || 0 === $user_id ) {
            die( '' );
        }
        check_ajax_referer( "mt-update-post_$user_id" );

        $thumb_html  = '<a style="display:block" href="#" class="mpp_add_media default-image">';
        $thumb_html .= sprintf( '<img style="display:block" src="%s" width="150" height="150" title="%s" />', self::get_plugin_url( 'img/mystery.png' ), esc_attr__( 'Upload or Change Profile Picture', 'profile-builder' ) );
        $thumb_html .= sprintf( '<div id="metronet-click-edit">%s</div>', esc_html__( 'Click to Edit', 'profile-builder' ) );
        $thumb_html .= '</a>';

        // Save user meta and update thumbnail.
        $metronet_post_id = get_user_option( 'metronet_post_id', $user_id );

        if( !empty( $metronet_post_id ) && absint( $metronet_post_id ) == $post_id ){
            update_user_option( $user_id, 'metronet_image_id', 0 );
            delete_post_meta( $post_id, '_thumbnail_id' );
        }

        wp_send_json(
            array(
                'thumb_html'          => $thumb_html,
                'crop_html'           => '',
                'has_thumb'           => false,
                'avatar'              => get_avatar( $user_id, 96 ),
                'avatar_admin_small'  => get_avatar( $user_id, 26 ),
                'avatar_admin_medium' => get_avatar( $user_id, 64 ),
                'user_id'             => $user_id,
                'logged_in_user_id'   => get_current_user_id(),
            )
        );
    }

    /**
     * Override an Avatar with a User Profile Picture.
     *
     * Overrides an avatar with a profile image
     *
     * @param string $avatar SRC to the avatar.
     * @param mixed  $id_or_email The ID or email address.
     * @param int    $size Size of the image.
     * @param string $default URL to the default image.
     * @param string $alt Alternative text.
     * @param array  $args Misc. args for the avatar.
     *
     * @return string Avatar.
     */
    public function avatar_override( $avatar, $id_or_email, $size, $default, $alt, $args = array() ) {
        global $pagenow;
        if ( 'options-discussion.php' === $pagenow ) {
            return $avatar; // Stop overriding gravatars on options-discussion page.
        }

        // Get user data.
        if ( is_numeric( $id_or_email ) ) {
            $user = get_user_by( 'id', (int) $id_or_email );
        } elseif ( is_object( $id_or_email ) ) {
            $comment = $id_or_email;
            if ( empty( $comment->user_id ) ) {
                $user = get_user_by( 'id', $comment->user_id );
            } else {
                $user = get_user_by( 'email', $comment->comment_author_email );
            }
            if ( ! $user ) {
                return $avatar;
            }
        } elseif ( is_string( $id_or_email ) ) {
            $user = get_user_by( 'email', $id_or_email );
        } else {
            return $avatar;
        }
        if ( ! $user ) {
            return $avatar;
        }
        $user_id = $user->ID;

        // Determine if user has an avatar override.
        $avatar_override = get_user_option( 'metronet_avatar_override', $user_id );
        if ( ! $avatar_override || 'on' !== $avatar_override ) {
            return $avatar;
        }

        // Build classes array based on passed in args, else set defaults - see get_avatar in /wp-includes/pluggable.php.
        $classes = array(
            'avatar',
            sprintf( 'avatar-%s', esc_attr( $size ) ),
            'photo',
        );
        if ( isset( $args['class'] ) ) {
            if ( is_array( $args['class'] ) ) {
                $classes = array_merge( $classes, $args['class'] );
            } else {
                $args['class'] = explode( ' ', $args['class'] );
                $classes       = array_merge( $classes, $args['class'] );
            }
        }

        // Get custom filter classes.
        $classes = (array) apply_filters( 'mpp_avatar_classes', $classes );

        // Determine if the user has a profile image.
        $custom_avatar = upp_profile_img(
            $user_id,
            array(
                'size' => array( $size, $size ),
                'attr' => array(
                    'alt'   => $alt,
                    'class' => implode( ' ', $classes ),
                ),
                'echo' => false,
            )
        );

        if ( ! $custom_avatar ) {
            return $avatar;
        }
        return $custom_avatar;
    }

    /**
     * Overrides an avatar with a profile image
     *
     * @param array $args Arguments to determine the avatar dimensions.
     * @param mixed $id_or_email The ID or email address.
     *
     * @return array $args Overridden URL or default if none can be found
     **/
    public function pre_avatar_override( $args, $id_or_email ) {

        // Get user data.
        if ( is_numeric( $id_or_email ) ) {
            $user = get_user_by( 'id', (int) $id_or_email );
        } elseif ( is_object( $id_or_email ) ) {
            $comment = $id_or_email;
            if ( empty( $comment->user_id ) ) {
                $user = get_user_by( 'id', $comment->user_id );
            } else {
                $user = get_user_by( 'email', $comment->comment_author_email );
            }
            if ( ! $user ) {
                return $args;
            }
        } elseif ( is_string( $id_or_email ) ) {
            $user = get_user_by( 'email', $id_or_email );
        } else {
            return $args;
        }
        if ( ! $user ) {
            return $args;
        }
        $user_id = $user->ID;

        // Get the post the user is attached to.
        $size = apply_filters( 'wppb_user_profile_picture_avatar_size', $args['size'], $user_id );

        $profile_post_id = absint( get_user_option( 'metronet_post_id', $user_id ) );
        if ( 0 === $profile_post_id ) {
            return $args;
        }
        $post_thumbnail_id = get_post_thumbnail_id( $profile_post_id );

        // Attempt to get the image in the right size.
        $avatar_image = get_the_post_thumbnail_url( $profile_post_id, array( $size, $size ) );
        if ( empty( $avatar_image ) ) {
            return $args;
        }
        $args['url'] = $avatar_image;
        return $args;
    }

    /**
     * Returns an absolute path to a plugin item
     *
     * @param string $path Relative path to make absolute (e.g., /css/image.png).
     *
     * @return string An absolute path (e.g., /htdocs/ithemes/wp-content/.../css/image.png)
     */
    public static function get_plugin_dir( $path = '' ) {
        $dir = rtrim( plugin_dir_path( __FILE__ ), '/' );
        if ( ! empty( $path ) && is_string( $path ) ) {
            $dir .= '/' . ltrim( $path, '/' );
        }

        return $dir;
    }


    /**
     * Returns an absolute url to a plugin item
     *
     * @param  string $path  Relative path to plugin (e.g., /css/image.png).
     * @return string An absolute url (e.g., http://www.domain.com/plugin_url/.../css/image.png)
     */
    public static function get_plugin_url( $path = '' ) {
        $dir = rtrim( plugin_dir_url( __FILE__ ), '/' );
        if ( ! empty( $path ) && is_string( $path ) ) {
            $dir .= '/' . ltrim( $path, '/' );
        }
        return $dir;
    }

    /**
     * Gets a post id for the user - Creates a post if a post doesn't exist
     *
     * @param int $user_id User ID of the user.
     * @return int post_id
     */
    private function get_post_id( $user_id = 0 ) {

        $user = get_user_by( 'id', $user_id );

        // Get/Create Profile Picture Post.
        $post_args = array(
            'post_type'   => 'mt_pp',
            'author'      => $user_id,
            'post_status' => 'publish',
        );
        $posts     = get_posts( $post_args );
        if ( ! $posts ) {
            $post_id = wp_insert_post(
                array(
                    'post_author' => $user_id,
                    'post_type'   => 'mt_pp',
                    'post_status' => 'publish',
                    'post_title'  => $user->data->display_name,
                )
            );
        } else {
            $post    = end( $posts );
            $post_id = $post->ID;
        }
        return $post_id;
    }

    /**
     * Retrieve a crop-image link (HTML) based on the passed post_id
     *
     * @param int $post_id Post ID to find the featured image for.
     * @return string html
     */
    private function get_post_thumbnail_editor_link( $post_id ) {
        ob_start();
        if ( has_post_thumbnail( $post_id ) && defined( 'PTE_VERSION' ) ) {
            // Post Thumbnail Editor compatibility - http://wordpress.org/extend/plugins/post-thumbnail-editor/.
            $post_thumbnail_id = get_post_meta( $post_id, '_thumbnail_id', true );
            $pte_url           = add_query_arg(
                array(
                    'page'   => 'pte-edit',
                    'pte-id' => $post_thumbnail_id,
                ),
                admin_url( 'upload.php' )
            );
            printf( ' - <a href="%s">%s</a>', esc_url( $pte_url ), esc_html__( 'Crop Thumbnail', 'profile-builder' ) );
        }
        return ob_get_clean();
    }

    /**
     * Gets a user ID for the user.
     *
     * @return int user_id
     */
    public function get_user_id() {
        // Get user ID.
        $user_id = isset( $_GET['user_id'] ) ? absint( $_GET['user_id'] ) : 0; // phpcs:ignore
        if ( 0 === $user_id && IS_PROFILE_PAGE ) {
            $current_user = wp_get_current_user();
            $user_id      = $current_user->ID;
        }
        return $user_id;
    }

    /**
     * Initializes plugin localization, post types, updaters, plugin info, and adds actions/filters
     */
    public function init() {

        // For the admin interface.
        add_action( 'admin_menu', array( $this, 'register_settings_menu_page' ) );
        add_action( 'admin_menu', array( $this, 'register_settings_submenu_page' ) );
        add_action( 'admin_menu', array( $this, 'admin_page_redirect' ) );
        add_action( 'plugin_action_links_' . USER_PROFILE_PICTURE_SLUG, array( $this, 'plugin_settings_link' ) );

        add_theme_support( 'post-thumbnails' ); // This should be part of the theme, but the plugin registers it just in case.
        // Register post types.
        $post_type_args = array(
            'public'             => false,
            'publicly_queryable' => false,
            'show_ui'            => false,
            'show_in_menu'       => false,
            'query_var'          => true,
            'rewrite'            => false,
            'has_archive'        => false,
            'hierarchical'       => false,
            'supports'           => array( 'thumbnail' ),
        );

        /**
         * Allow other plugins to modify the post type creation arguments.
         *
         * @since 2.3.0
         *
         * @param array Post type arguments prior to registering the post type.
         */
        $post_type_args = apply_filters( 'mpp_post_type_args', $post_type_args );
        register_post_type( 'mt_pp', $post_type_args );

        // Determine if to load image sizes or not.
        $options             = $this->get_options();
        $display_image_sizes = true;
        if ( 'on' === $options['disable_image_sizes'] ) {
            $display_image_sizes = false;
        }
        /**
         * Filter the the creation of image sizes.
         *
         * @since 2.2.5
         *
         * @param bool Whether to allow image size creation or not
         */
        if ( apply_filters( 'mpp_add_image_sizes', $display_image_sizes ) ) {
            add_image_size( 'profile_24', 24, 24, true );
            add_image_size( 'profile_48', 48, 48, true );
            add_image_size( 'profile_96', 96, 96, true );
            add_image_size( 'profile_150', 150, 150, true );
            add_image_size( 'profile_300', 300, 300, true );
        }
    }

    /**
     * Adds a plugin settings link.
     *
     * Adds a plugin settings link.
     *
     * @param array $settings The settings array for the plugin.
     *
     * @return array Settings array.
     */
    public function plugin_settings_link( $settings ) {
//        if ( defined( 'USER_PROFILE_PICTURE_ENHANCED' ) ) {
//            $admin_anchor = sprintf(
//                '<a href="%s">%s</a>',
//                esc_url( admin_url( 'admin.php?page=mpp' ) ),
//                esc_html__( 'Settings', 'profile-builder' )
//            );
//        } else {
//            $admin_anchor = sprintf(
//                '<a href="%s">%s</a>',
//                esc_url( admin_url( 'options-general.php?page=mpp' ) ),
//                esc_html__( 'Settings', 'profile-builder' )
//            );
//        }

        $admin_anchor = sprintf(
            '<a href="%s">%s</a>',
            esc_url( admin_url( 'admin.php?page=profile-user-profile-picture' ) ),
            esc_html__( 'Settings', 'profile-builder' )
        );

        if ( ! is_array( $settings ) ) {
            return array( $admin_anchor );
        } else {
            return array_merge( $settings, array( $admin_anchor ) );
        }
    }

    /**
     * Adds an upload form to the user profile page and outputs profile image if there is one
     */
    public function insert_upload_form() {
        if ( ! ( current_user_can( 'upload_files' ) && current_user_can( 'edit_published_posts' ) ) ) {
            return; // Users must be author or greater.
        }

        $user_id = $this->get_user_id();
        $post_id = $this->get_post_id( $user_id );

        ?>
        <tr valign="top">
            <th scope="row"><?php esc_html_e( 'Profile Image', 'profile-builder' ); ?></th>
            <td id="mpp">
                <input type="hidden" name="metronet_profile_id" id="metronet_profile_id" value="<?php echo esc_attr( $user_id ); ?>" />
                <input type="hidden" name="metronet_post_id" id="metronet_post_id" value="<?php echo esc_attr( $post_id ); ?>" />
                <div id="metronet-profile-image">
                    <?php
                    $has_profile_image = false;
                    if ( has_post_thumbnail( $post_id ) ) {
                        $has_profile_image = true;
                        echo '<a style="display:block" href="#" class="mpp_add_media">';
                        $thumb_src      = wp_get_attachment_image_src( get_post_thumbnail_id( $post_id ), 'thumbnail', false, '' );
                        $post_thumbnail = sprintf( '<img style="display:block" src="%s" width="150" height="150" title="%s" />', esc_url( $thumb_src[0] ), esc_attr__( 'Upload or Change Profile Picture', 'profile-builder' ) );
                        echo wp_kses_post( $post_thumbnail );
                        echo sprintf( '<div id="metronet-click-edit">%s</div>', esc_html__( 'Click to Edit', 'profile-builder' ) );
                        echo '</a>';
                    } else {
                        echo '<a style="display:block" href="#" class="mpp_add_media default-image">';
                        $post_thumbnail = sprintf( '<img style="display:block" src="%s" width="150" height="150" title="%s" />', self::get_plugin_url( 'img/mystery.png' ), esc_attr__( 'Upload or Change Profile Picture', 'profile-builder' ) );
                        echo wp_kses_post( $post_thumbnail );
                        echo sprintf( '<div id="metronet-click-edit">%s</div>', esc_html__( 'Click to Edit', 'profile-builder' ) );
                        echo '</a>';
                    }
                    $remove_classes = array( 'dashicons', 'dashicons-trash' );
                    if ( ! $has_profile_image ) {
                        $remove_classes[] = 'mpp-no-profile-image';
                    }
                    ?>
                    <a id="metronet-remove" class="<?php echo implode( ' ', $remove_classes ); // phpcs:ignore ?>" href="#" title="<?php esc_attr_e( 'Remove profile image', 'profile-builder' ); ?>"><?php esc_html_e( 'Remove profile image', 'profile-builder' ); ?></a>
                    <div style="display: none">
                        <?php printf( '<img class="mpp-loading" width="150" height="150" alt="Loading" src="%s" />', esc_url( self::get_plugin_url( '/img/loading.gif' ) ) ); ?>
                    </div>
                </div><!-- #metronet-profile-image -->
                <div id="metronet-override-avatar">
                    <input type="hidden" name="metronet-user-avatar" value="off" />
                    <?php
                    // Get the user avatar override option - If not set, see if there's a filter override.
                    $user_avatar_override = get_user_option( 'metronet_avatar_override', $user_id );
                    $checked              = '';
                    if ( $user_avatar_override ) {
                        $checked = checked( 'on', $user_avatar_override, false );
                    } else {
                        $checked = checked( true, apply_filters( 'mpp_avatar_override', false ), false );
                    }

                    // Filter for hiding the override interface.  If this option is set to true, the mpp_avatar_override filter is ignored and override is enabled by default.
                    $hide_override = apply_filters( 'mpp_hide_avatar_override', false );
                    if ( $hide_override ) :
                        ?>
                        <input type="hidden" name="metronet-user-avatar" id="metronet-user-avatar" value="on"  />
                    <?php
                    else :
                        ?>
                        <br /><input type="checkbox" name="metronet-user-avatar" id="metronet-user-avatar" value="on" <?php echo $checked; // phpcs:ignore ?> /> <label for="metronet-user-avatar"><?php esc_html_e( 'Override Avatar?', 'profile-builder' ); ?></label>
                    <?php endif; ?>
                </div><!-- #metronet-override-avatar -->
            </td>
        </tr>
        <?php
        /**
         * Allow other plugins to run code after the user profile picture UI.
         *
         * @since 2.3.0
         */
        do_action( 'mpp_user_profile_form', $user_id );
    } //end insert_upload_form

    /**
     * Output media scripts for thickbox and media uploader
     **/
    public function profile_print_media_scripts() {
        if ( defined( 'IS_PROFILE_PAGE' ) && IS_PROFILE_PAGE === true ) {
            $this->print_media_scripts();
        }
    }

    /**
     * Output media scripts for thickbox and media uploader
     **/
    public function print_media_scripts() {
        $post_id = $this->get_post_id( $this->get_user_id() );
        $user_id = $this->get_user_id();
        wp_enqueue_media( array( 'post' => $post_id ) );
        $script_deps = array( 'media-editor' );
        wp_enqueue_script( 'mt-pp', self::get_plugin_url( '/js/mpp.js' ), $script_deps, USER_PROFILE_PICTURE_VERSION, true );
        wp_localize_script(
            'mt-pp',
            'metronet_profile_image',
            array(
                'set_profile_text'    => __( 'Set Profile Image', 'profile-builder' ),
                'remove_profile_text' => __( 'Remove Profile Image', 'profile-builder' ),
                'crop'                => __( 'Crop Thumbnail', 'profile-builder' ),
                'ajax_url'            => esc_url( admin_url( 'admin-ajax.php' ) ),
                'user_post_id'        => absint( $post_id ),
                'nonce'               => wp_create_nonce( 'mt-update-post_' . absint( $user_id ) ),
                'loading_gif'         => esc_url( self::get_plugin_url( '/img/loading.gif' ) ),
            )
        );
        ?>
        <style>
            /* Metronet Profile Picture */
            #metronet-profile-image {
                position: relative;
                float: left;
            }
            #metronet-profile-image a.mpp_add_media #metronet-click-edit,
            #metronet-profile-image a.mpp_add_media:hover #metronet-click-edit,
            #metronet-profile-image a.mpp_add_media:visited #metronet-click-edit {
                color: #FFF;
            }
            #metronet-profile-image a.mpp_add_media:hover #metronet-click-edit {
                background: #000;
                background: rgba(51,51,51,1);
                font-weight: normal;
            }
            #metronet-click-edit {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                background: #333;
                background: rgba(51,51,51,0.5);
                font-size: 14px;
                line-height: 14px;
                text-align: center;
                padding: 8px 0;
            }
            #metronet-remove {
                position: absolute;
                background: #424242;
                top: 0;
                right: 0;
                display: block;
                padding: 3px;
                width: 20px;
                height: 20px;
                overflow: hidden;
            }
            #metronet-remove:before {
                content: "\f182";
                color: #fd6a6a;
                font-size: 20px;
                margin-right:20px;
            }
            #metronet-remove:hover:before {
                color: #ff3e3e;
            }
            #metronet-remove.mpp-no-profile-image {
                display: none;
            }
            #metronet-override-avatar {
                clear: left;
            }
        </style>
        <?php
    } //end print_media_scripts

    /**
     * Output stylesheet for media page.
     */
    public function print_media_styles() {
    } //end print_media_styles

    /**
     * Gets permissions for the get users rest api endpoint.
     *
     * @return bool true if the user has permission, false if not
     **/
    public function rest_get_users_permissions_callback() {
        return current_user_can( 'edit_posts' );
    }

    /**
     * Registers REST API endpoints
     */
    public function rest_api_register() {
        register_rest_field(
            'user',
            'mpp_avatar',
            array(
                'get_callback' => array( $this, 'rest_api_get_profile_for_user' ),
            )
        );
        register_rest_route(
            'mpp/v2',
            '/profile-image/me',
            array(
                'methods'             => 'POST',
                'callback'            => array( $this, 'rest_api_put_profile' ),
                'permission_callback' => function( $request ){
                    return current_user_can( 'manage_options' );
                }
            )
        );
        register_rest_route(
            'mpp/v2',
            '/profile-image/change',
            array(
                'methods'             => 'POST',
                'callback'            => array( $this, 'rest_api_change_profile_image' ),
                'permission_callback' => function( $request ){
                    return current_user_can( 'manage_options' );
                }
            )
        );
        register_rest_route(
            'mpp/v2',
            '/get_users',
            array(
                'methods'             => 'POST',
                'callback'            => array( $this, 'rest_api_get_users' ),
                'permission_callback' => array( $this, 'rest_get_users_permissions_callback' ),
            )
        );
        register_rest_route(
            'mpp/v2',
            '/get_posts',
            array(
                'methods'             => 'POST',
                'callback'            => array( $this, 'rest_api_get_posts_for_user' ),
                'permission_callback' => array( $this, 'rest_get_users_permissions_callback' ),
            )
        );
        // keep it for backward compatibility.
        register_rest_route(
            'mpp/v1',
            '/user/(?P<id>\d+)',
            array(
                'methods'             => 'GET',
                'callback'            => array( $this, 'rest_api_get_profile' ),
                'permission_callback' => '__return_true',
                'args'                => array(
                    'id' => array(
                        'validate_callback' => array( $this, 'rest_api_validate' ),
                        'sanitize_callback' => array( $this, 'rest_api_sanitize' ),
                    ),
                ),
            )
        );
    }

    /**
     * Gets users for the Gutenberg block
     *
     * @param array $request WP REST API array.
     *
     * @return array A list of users.
     **/
    public function rest_api_get_users( $request ) {

        /**
         * Filter the capability types of users.
         *
         * @since 2.1.3
         *
         * @param string User role for users
         */
        $capabilities = apply_filters( 'mpp_gutenberg_capabilities', array( 'upload_files', 'edit_published_posts' ) );
        $user_query   = new WP_User_Query(
            array(
                'capability__in' => is_array( $capabilities ) ? $capabilities : array(),
                'orderby'        => 'display_name',
            )
        );
        $user_results = $user_query->get_results();
        $return       = array();
        foreach ( $user_results as $result ) {
            // Get attachment ID.
            $profile_post_id   = absint( get_user_option( 'metronet_post_id', $result->data->ID ) );
            $post_thumbnail_id = get_post_thumbnail_id( $profile_post_id );
            if ( ! $post_thumbnail_id ) {
                $user_data                      = new stdClass();
                $user_data->ID                  = $result->data->ID;
                $user_data->display_name        = $result->data->display_name;
                $user_data->has_profile_picture = false;
                $user_data->profile_picture_id  = 0;
                $user_data->default_image       = self::get_plugin_url( 'img/mystery.png' );
                $user_data->profile_pictures    = array(
                    'avatar' => get_avatar( $result->data->ID ),
                );
                $user_data->is_user_logged_in   = ( get_current_user_id() == $result->data->ID ) ? true : false; // phpcs:ignore
                $return[ $result->data->ID ]    = $user_data;
                continue;
            }
            $user_data                      = new stdClass();
            $user_data->ID                  = $result->data->ID;
            $user_data->description         = get_user_meta( $result->data->ID, 'description', true );
            $user_data->display_name        = $result->data->display_name;
            $user_data->has_profile_picture = true;
            $user_data->is_user_logged_in   = ( get_current_user_id() == $result->data->ID ) ? true : false; // phpcs:ignore
            $user_data->description         = get_user_meta( $result->data->ID, 'description', true );

            // Get attachment URL.
            $attachment_url = wp_get_attachment_url( $post_thumbnail_id );

            $user_data->profile_picture_id = $post_thumbnail_id;
            $user_data->default_image      = self::get_plugin_url( 'img/mystery.png' );
            $user_data->profile_pictures   = array(
                '24'        => wp_get_attachment_image_url( $post_thumbnail_id, 'profile_24', false, '' ),
                '48'        => wp_get_attachment_image_url( $post_thumbnail_id, 'profile_48', false, '' ),
                '96'        => wp_get_attachment_image_url( $post_thumbnail_id, 'profile_96', false, '' ),
                '150'       => wp_get_attachment_image_url( $post_thumbnail_id, 'profile_150', false, '' ),
                '300'       => wp_get_attachment_image_url( $post_thumbnail_id, 'profile_300', false, '' ),
                'thumbnail' => wp_get_attachment_image_url( $post_thumbnail_id, 'thumbnail', false, '' ),
                'avatar'    => get_avatar( $result->data->ID ),
                'full'      => $attachment_url,
            );
            $user_data->permalink          = get_author_posts_url( $result->data->ID );
            $return[ $result->data->ID ]   = $user_data;
        }
        return $return;
    }

    /**
     * Changes a profile image for a user.
     *
     * @param array $request WP REST API array.
     *
     * @return array image URLs matched to sizes
     **/
    public function rest_api_change_profile_image( $request ) {

        $user_id  = (int) $request['user_id'];
        $media_id = (int) $request['media_id'];

        if ( ! $user_id ) {
            return new WP_Error( 'mpp_no_user', __( 'User not found.', 'profile-builder' ), array( 'status' => 403 ) );
        }

        if ( ! current_user_can( 'upload_files', $user_id ) ) {
            return new WP_Error( 'mpp_insufficient_privs', __( 'You must be able to upload files.', 'profile-builder' ), array( 'status' => 403 ) );
        }

        $post_id = $this->get_post_id( $user_id );

        // Save user meta.
        update_user_option( $user_id, 'metronet_post_id', $post_id );
        update_user_option( $user_id, 'metronet_image_id', $media_id ); // Added via this thread (Props Solinx) - https://wordpress.org/support/topic/storing-image-id-directly-as-user-meta-data.

        set_post_thumbnail( $post_id, $media_id );

        $attachment_url = wp_get_attachment_url( $media_id );

        return array(
            '24'        => wp_get_attachment_image_url( $media_id, 'profile_24', false, '' ),
            '48'        => wp_get_attachment_image_url( $media_id, 'profile_48', false, '' ),
            '96'        => wp_get_attachment_image_url( $media_id, 'profile_96', false, '' ),
            '150'       => wp_get_attachment_image_url( $media_id, 'profile_150', false, '' ),
            '300'       => wp_get_attachment_image_url( $media_id, 'profile_300', false, '' ),
            'thumbnail' => wp_get_attachment_image_url( $media_id, 'thumbnail', false, '' ),
            'full'      => $attachment_url,
        );
    }

    /**
     * Adds a profile picture to a user
     *
     * @param array $request WP REST API array.
     *
     * @return array image URLs matched to sizes
     **/
    public function rest_api_put_profile( $request ) {

        $user_id  = get_current_user_id();
        $media_id = (int) $request['media_id'];
        if ( ! current_user_can( 'upload_files' ) ) {
            return new WP_Error( 'mpp_insufficient_privs', __( 'You must be able to upload files.', 'profile-builder' ), array( 'status' => 403 ) );
        }

        if ( ! $user_id ) {
            return new WP_Error( 'mpp_no_user', __( 'User not found.', 'profile-builder' ), array( 'status' => 403 ) );
        }
        if ( ! current_user_can( 'edit_others_posts', $user_id ) ) {
            return new WP_Error( 'mpp_not_privs', __( 'You must have a role of editor or above to set a new profile image.', 'profile-builder' ), array( 'status' => 403 ) );
        }
        $is_post_owner = ( get_post( $media_id )->post_author === $user_id ) ? true : false;
        if ( ! $is_post_owner && ! current_user_can( 'edit_others_posts', $user_id ) ) {
            return new WP_Error( 'mpp_not_owner', __( 'User not owner.', 'profile-builder' ), array( 'status' => 403 ) );
        }

        $post_id = $this->get_post_id( $user_id );
        // Save user meta.
        update_user_option( $user_id, 'metronet_post_id', $post_id );
        update_user_option( $user_id, 'metronet_image_id', $media_id ); // Added via this thread (Props Solinx) - https://wordpress.org/support/topic/storing-image-id-directly-as-user-meta-data.

        set_post_thumbnail( $post_id, $media_id );

        $attachment_url = wp_get_attachment_url( $media_id );

        return array(
            '24'        => wp_get_attachment_image_url( $media_id, 'profile_24', false, '' ),
            '48'        => wp_get_attachment_image_url( $media_id, 'profile_48', false, '' ),
            '96'        => wp_get_attachment_image_url( $media_id, 'profile_96', false, '' ),
            '150'       => wp_get_attachment_image_url( $media_id, 'profile_150', false, '' ),
            '300'       => wp_get_attachment_image_url( $media_id, 'profile_300', false, '' ),
            'thumbnail' => wp_get_attachment_image_url( $media_id, 'thumbnail', false, '' ),
            'full'      => $attachment_url,
        );
    }

    /**
     * Returns the 5 most recent posts for the user
     *
     * @param array $request The REST Request data.
     **/
    public function rest_api_get_posts_for_user( $request ) {
        $user_id = absint( $request['user_id'] );
        $user    = get_user_by( 'id', $user_id );
        if ( ! $user ) {
            return new WP_Error( 'mpp_no_user', __( 'User not found.', 'profile-builder' ), array( 'status' => 404 ) );
        }

        $args = array(
            'post_type'      => 'post',
            'post_status'    => 'publish',
            'author'         => $user_id,
            'orderby'        => 'date',
            'order'          => 'DESC',
            'posts_per_page' => 5,
        );

        $posts = get_posts( $args );
        foreach ( $posts as &$post ) {
            $post->permalink = get_permalink( $post->ID );
        }
        wp_send_json( $posts );
    }
    /**
     * Returns an attachment image ID and profile image if available
     *
     * @param array  $object REST object.
     * @param string $field_name The field to update.
     * @param array  $request The request made.
     **/
    public function rest_api_get_profile_for_user( $object, $field_name, $request ) {
        $user_id = $object['id'];
        $user    = get_user_by( 'id', $user_id );
        if ( ! $user ) {
            return new WP_Error( 'mpp_no_user', __( 'User not found.', 'profile-builder' ), array( 'status' => 404 ) );
        }

        // No capability check here because we're just returning user profile data.

        // Get attachment ID.
        $profile_post_id   = absint( get_user_option( 'metronet_post_id', $user_id ) );
        $post_thumbnail_id = get_post_thumbnail_id( $profile_post_id );
        if ( ! $post_thumbnail_id ) {
            return new WP_Error( 'mpp_no_profile_picture', __( 'Profile picture not found.', 'profile-builder' ), array( 'status' => 404 ) );
        }

        // Get attachment URL.
        $attachment_url = wp_get_attachment_url( $post_thumbnail_id );

        return array(
            '24'   => wp_get_attachment_image_url( $post_thumbnail_id, 'profile_24', false, '' ),
            '48'   => wp_get_attachment_image_url( $post_thumbnail_id, 'profile_48', false, '' ),
            '96'   => wp_get_attachment_image_url( $post_thumbnail_id, 'profile_96', false, '' ),
            '150'  => wp_get_attachment_image_url( $post_thumbnail_id, 'profile_150', false, '' ),
            '300'  => wp_get_attachment_image_url( $post_thumbnail_id, 'profile_300', false, '' ),
            'full' => $attachment_url,
        );
    }

    /**
     * Returns a profile for the user
     *
     * @param array $data WP REST API array.
     *
     * @return json image URLs matched to sizes
     **/
    public function rest_api_get_profile( $data ) {
        $user_id = $data['id'];
        $user    = get_user_by( 'id', $user_id );
        if ( ! $user ) {
            return new WP_Error( 'mpp_no_user', __( 'User not found.', 'profile-builder' ), array( 'status' => 404 ) );
        }

        // Get attachment ID.
        $profile_post_id   = absint( get_user_option( 'metronet_post_id', $user_id ) );
        $post_thumbnail_id = get_post_thumbnail_id( $profile_post_id );
        if ( ! $post_thumbnail_id ) {
            return new WP_Error( 'mpp_no_profile_picture', __( 'Profile picture not found.', 'profile-builder' ), array( 'status' => 404 ) );
        }

        // Get attachment URL.
        $attachment_url = wp_get_attachment_url( $post_thumbnail_id );

        return array(
            'attachment_id'  => $post_thumbnail_id,
            'attachment_url' => $attachment_url,
        );
    }

    /**
     * Makes sure the ID we are passed is numeric
     *
     * @param mixed $param   The paramater to validate.
     * @param array $request The REST request.
     * @param mixed $key     The key to check.
     *
     * @return bool Whether to the parameter is numeric or not.
     **/
    public function rest_api_validate( $param, $request, $key ) {
        return is_numeric( $param );
    }

    /**
     * Sanitizes user ID
     *
     * @param mixed $param   The paramater to validate.
     * @param array $request The REST request.
     * @param mixed $key     The key to check.
     *
     * @return int Sanitized user ID.
     **/
    public function rest_api_sanitize( $param, $request, $key ) {
        return absint( $param );
    }

    /**
     * Saves user profile fields
     *
     * @param int $user_id The User ID to save.
     **/
    public function save_user_profile( $user_id ) {
        if ( ! isset( $_POST['metronet-user-avatar'] ) ) {
            return;
        }
        check_admin_referer( 'update-user_' . $user_id );

        flush_rewrite_rules( true );

        $user_avatar = filter_input( INPUT_POST, 'metronet-user-avatar', FILTER_SANITIZE_STRING );
        if ( 'on' === $user_avatar ) {
            update_user_option( $user_id, 'metronet_avatar_override', 'on' );
        } else {
            update_user_option( $user_id, 'metronet_avatar_override', 'off' );
        }
    } //end save_user_profile

}

// instantiate the class.
global $mt_pp;
if ( class_exists( 'User_Profile_Picture' ) ) {
    if ( get_bloginfo( 'version' ) >= '3.5' ) {

        $plugin_names = array(
            'metronet-profile-picture/metronet-profile-picture.php',
            'user-profile-picture-dev/metronet-profile-picture.php',
            'user-profile-picture/metronet-profile-picture.php'
        );
        if (!function_exists('is_plugin_active_for_network'))
            require_once( ABSPATH . '/wp-admin/includes/plugin.php' );

        foreach ( $plugin_names as $plugin_name ) {

            $deactivated_plugin = false;
            $network_deactivated_plugin = false;

            if ( ( in_array( $plugin_name, apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) ) {
                deactivate_plugins( $plugin_name );

                $deactivated_plugin = true;
            }
            else if ( ( is_plugin_active_for_network( $plugin_name ) ) ) {
                deactivate_plugins( $plugin_name, false, true );

                $network_deactivated_plugin = true;
            }

            if ( $deactivated_plugin || $network_deactivated_plugin ) {
                $wppb_free_add_ons_settings['user-profile-picture'] = true;


                $wppb_deactivated_upp = get_option( 'wppb_deactivated_upp', array() );
                $wppb_deactivated_upp [time()] = array(
                    'upp_type'    => $plugin_name,
                    'pb_version'  => PROFILE_BUILDER_VERSION,
                    'upp_version' => METRONET_PROFILE_PICTURE_VERSION,
                );

                update_option( 'wppb_deactivated_upp', $wppb_deactivated_upp );
                return;
            }

            add_action( 'activate_' . $plugin_name, 'wppb_user_profile_picture_prevent_activation' );

        }

        upp_instantiate();
//        add_action( 'plugins_loaded', 'upp_instantiate', 10 );
    }
}

function wppb_user_profile_picture_prevent_activation()
{
    $wppb_free_add_ons_settings = get_option( 'wppb_free_add_ons_settings', array() );

    if ( array_key_exists( 'user-profile-picture', $wppb_free_add_ons_settings ) ) {
        if ( $wppb_free_add_ons_settings['user-profile-picture'] == true ) {
            $redirect = self_admin_url('plugins.php?user-profile-picture-error=1');
        } else {
            $redirect = self_admin_url('plugins.php?user-profile-picture-error=2');
        }

        wp_redirect($redirect);
        exit;
    }
}

/**
 * Instantiate User Profile Picture.
 */
function upp_instantiate() {
    global $mt_pp;
    if ( !$mt_pp ) {
        $mt_pp = new User_Profile_Picture();
        do_action( 'user_profile_picture_loaded' );
    }
}

add_action( 'admin_notices', 'wppb_user_profile_picture_prevent_activation_admin_notice' );

function wppb_user_profile_picture_prevent_activation_admin_notice() {
    if ( isset( $_GET['user-profile-picture-error'] ) ) {
        switch ( $_GET['user-profile-picture-error'] ) {
            case '1':
                echo '<div class="error"><p>The User Profile Picture plugin cannot be activated while the User Profile Picture add-on for Profile Builder is enabled.</p></div>';
                break;
            case '2':
                echo '<div class="error"><p>The User Profile Picture plugin cannot be activated while Profile Builder is activated. Its functionality has been moved within Profile Builder via the free User Profile Picture add-on which has been enabled.</p></div>';
                break;
            default:
                echo '<div class="error"><p>The User Profile Picture plugin cannot be activated.</p></div>';
        }
    }
}

/**
 * Template tag for outputting a profile image.
 *
 * @param int   $user_id The user ID for the user to retrieve the image for.
 * @param mixed $args    Arguments for custom output.
 *   size - string || array (see get_the_post_thumbnail).
 *   attr - string || array (see get_the_post_thumbnail).
 *   echo - bool (true or false) - whether to echo the image or return it.
 */
function upp_profile_img( $user_id, $args = array() ) {
    $profile_post_id = absint( get_user_option( 'metronet_post_id', $user_id ) );

    if ( 0 === $profile_post_id || 'mt_pp' !== get_post_type( $profile_post_id ) ) {
        return false;
    }

    $defaults = array(
        'size' => 'thumbnail',
        'attr' => '',
        'echo' => true,
    );
    $args = wp_parse_args( $args, $defaults );

    $size = $args['size'];
    $attr = $args['attr'];
    $echo = $args['echo'];

    $post_thumbnail_id = get_post_thumbnail_id( $profile_post_id );

    // Return false or echo nothing if there is no post thumbnail.
    if ( ! $post_thumbnail_id ) {
        if ( $echo ) {
            echo '';
        } else {
            return false;
        }
        return;
    }

    // Implode Classes if set and array - dev note: edge case.
    if ( is_array( $attr ) && isset( $attr['class'] ) ) {
        if ( is_array( $attr['class'] ) ) {
            $attr['class'] = implode( ' ', $attr['class'] );
        }
    }

    $post_thumbnail = wp_get_attachment_image( $post_thumbnail_id, $size, false, $attr );

    /**
     * Filter outputted HTML.
     *
     * Filter outputted HTML.
     *
     * @param string $post_thumbnail       img tag with formed HTML.
     * @param int    $profile_post_id      The profile in which the image is attached.
     * @param int    $profile_thumbnail_id The thumbnail ID for the attached image.
     * @param int    $user_id              The user id for which the image is attached.
     */
    $post_thumbnail = apply_filters( 'mpp_thumbnail_html', $post_thumbnail, $profile_post_id, $post_thumbnail_id, $user_id );
    if ( $echo ) {
        echo wp_kses_post( $post_thumbnail );
    } else {
        return $post_thumbnail;
    }
} //end upp_profile_img

/**
 * Adds a profile author box
 *
 * @since 2.2.0
 *
 * @param int   $user_id    The user ID for the user to retrieve the profile for.
 * @param array $attributes See defaults in function for all attributes.
 *
 * @return string User profile box if user exists
 */
function upp_author_box( $user_id = 0, $attributes = array() ) {
    $user = get_user_by( 'id', $user_id );
    if ( false === $user ) {
        return '';
    }
    $defaults = array(
        'theme'                           => 'regular', /* Can be regular, compact, profile, or tabbed */
        'profileAvatarShape'              => 'square', /* Can be 'square' or 'rounded' */
        'padding'                         => 10,
        'border'                          => 1,
        'borderRounded'                   => 5,
        'borderColor'                     => '#000000',
        'profileBackgroundColor'          => '#FFFFFF',
        'profileTextColor'                => '#000000',
        'showName'                        => true,
        'showTitle'                       => false,
        'fontSize'                        => 18,
        'profileName'                     => $user->data->display_name,
        'profileTitle'                    => '',
        'avatarSize'                      => 150,
        'profileImgURL'                   => get_avatar_url( $user_id, isset( $attributes['avatarSize'] ) ? $attributes['avatarSize'] : 150 ),
        'headerFontSize'                  => 24,
        'showDescription'                 => true,
        'showSocialMedia'                 => true,
        'profileContent'                  => get_user_meta( $user_id, 'description', true ),
        'profileFontSize'                 => 18,
        'showViewPosts'                   => true,
        'profileURL'                      => get_author_posts_url( $user_id ),
        'website'                         => '', /* Needs to be a URl */
        'showWebsite'                     => false,
        'showPostsWidth'                  => '100%', /* ignored if website is not empty and true */
        'profileViewPostsBackgroundColor' => '#cf6d38',
        'profileViewPostsTextColor'       => '#FFFFFF',
        'buttonFontSize'                  => 16,
        'profileWebsiteBackgroundColor'   => '#333333',
        'profileWebsiteTextColor'         => '#FFFFFF',
        'profileLinkColor'                => '#000000',
        'showSocialMedia'                 => false,
        'socialWordPress'                 => '',
        'socialFacebook'                  => '',
        'socialTwitter'                   => '',
        'socialInstagram'                 => '',
        'socialPinterest'                 => '',
        'socialLinkedIn'                  => '',
        'socialYouTube'                   => '',
        'socialGitHub'                    => '',
        'socialMediaOptions'              => 'brand', /* can be brand or custom */
        'socialMediaColors'               => '#000000', /* Only applicable if socialMediaOptions is custom */
        'profileCompactAlignment'         => 'center', // Can be left, center, or right.
        /* Tabbed Attributes */
        'tabbedAuthorProfileTitle'        => '',
        'tabbedAuthorSubHeading'          => '',
        'tabbedAuthorProfile'             => __( 'Author', 'profile-builder' ),
        'tabbedAuthorLatestPosts'         => __( 'Latest Posts', 'profile-builder' ),
        'tabbedAuthorProfileHeading'      => __( 'Author Information', 'profile-builder' ),
        'profileLatestPostsOptionsValue'  => 'white', /* can be none, white, light, black, magenta, blue, green */
        'profileTabColor'                 => '#333333',
        'profileTabPostsColor'            => '#333333',
        'profileTabHeadlineColor'         => '#333333',
        'profileTabHeadlineTextColor'     => '#FFFFFF',
        'profileTabTextColor'             => '#FFFFFF',
        'profileTabPostsTextColor'        => '#FFFFFF',

    );
    $attributes = wp_parse_args( $attributes, $defaults );
    $min_or_not = ( defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ) ? '' : '.min';
    if ( 'regular' === $attributes['theme'] || 'compact' === $attributes['theme'] || 'profile' === $attributes['theme'] ) :
        ?>
        <div class="mpp-enhanced-profile-wrap mpp-block-profile <?php echo 'compact' === $attributes['theme'] ? esc_attr( $attributes['profileCompactAlignment'] ) : ''; ?> <?php echo esc_attr( $attributes['theme'] ); ?> <?php echo esc_attr( $attributes['profileAvatarShape'] ); ?>" style="<?php echo $attributes['padding'] > 0 ? 'padding: ' . esc_attr( $attributes['padding'] ) . 'px;' : ''; ?><?php echo $attributes['border'] > 0 ? 'border:' . esc_attr( $attributes['border'] ) . 'px solid ' . esc_attr( $attributes['borderColor'] ) . ';' : ''; ?><?php echo $attributes['borderRounded'] > 0 ? 'border-radius:' . esc_attr( $attributes['borderRounded'] ) . 'px;' : ''; ?>background-color: <?php echo esc_attr( $attributes['profileBackgroundColor'] ) . ';'; ?> color: <?php echo esc_attr( $attributes['profileTextColor'] ) . ';'; ?>">
            <div class="mpp-profile-gutenberg-wrap mt-font-size-<?php echo esc_attr( $attributes['profileFontSize'] ); ?>">
                <?php if ( 'regular' === $attributes['theme'] ) : ?>
                    <div class="mpp-profile-image-wrapper">
                        <div class="mpp-profile-image-square">
                            <img class="profile-avatar" alt="avatar" src="<?php echo esc_url( $attributes['profileImgURL'] ); ?>" />
                        </div>
                    </div>
                    <div class="mpp-content-wrap">
                        <?php if ( $attributes['showName'] ) : ?>
                            <h2 style="color:<?php echo esc_attr( $attributes['profileTextColor'] ); ?>; font-size: <?php echo esc_attr( $attributes['headerFontSize'] ) . 'px;'; ?>"><?php echo wp_kses_post( $attributes['profileName'] ); ?></h2>
                        <?php endif; ?>
                        <?php if ( $attributes['showTitle'] ) : ?>
                            <p style="color:<?php echo esc_attr( $attributes['profileTextColor'] ); ?>"><?php echo wp_kses_post( $attributes['profileTitle'] ); ?></p>
                        <?php endif; ?>
                        <?php if ( $attributes['showDescription'] ) : ?>
                            <div><?php echo wp_kses_post( $attributes['profileContent'] ); ?></div>
                        <?php endif; ?>
                        <?php if ( isset( $attributes['profileURL'] ) && strlen( $attributes['profileURL'] ) > 0 ) : ?>
                            <div class="mpp-gutenberg-view-posts">
                                <?php if ( $attributes['showViewPosts'] ) : ?>
                                    <div class="mpp-profile-view-posts" style="background-color: <?php echo esc_attr( $attributes['profileViewPostsBackgroundColor'] ); ?>; color: <?php echo esc_attr( $attributes['profileViewPostsTextColor'] ); ?>; <?php ( '' !== $attributes['website'] && $attributes['showWebsite'] ) ? '' : 'width:' . esc_attr( $attributes['showPostsWidth'] ) . ';'; ?> font-size: <?php echo esc_attr( $attributes['buttonFontSize'] ); ?>px;">
                                        <a href="<?php echo esc_url( $attributes['profileURL'] ); ?>" style="background: <?php echo esc_attr( $attributes['profileViewPostsBackgroundColor'] ); ?>; color: <?php echo esc_attr( $attributes['profileViewPostsTextColor'] ); ?>">
                                            <?php esc_html_e( 'View Posts', 'profile-builder' ); ?></a>
                                    </div><!-- .mpp-profile-view-posts -->
                                <?php endif; ?>
                                <?php if ( '' !== $attributes['website'] && $attributes['showWebsite'] ) : ?>
                                    <div class="mpp-profile-view-website" style="background: <?php echo esc_attr( $attributes['profileWebsiteBackgroundColor'] ); ?>;color: <?php echo esc_attr( $attributes['profileWebsiteTextColor'] ); ?>; font-size: <?php echo esc_attr( $attributes['buttonFontSize'] ); ?>px;">
                                        <a href="<?php echo esc_url( $attributes['website'] ); ?>" style="background: <?php echo esc_attr( $attributes['profileWebsiteBackgroundColor'] ); ?>; color: <?php echo esc_attr( $attributes['profileWebsiteTextColor'] ); ?>;"><?php esc_html_e( 'View Website', 'profile-builder' ); ?></a>
                                    </div><!-- .mpp-profile-view-website -->
                                <?php endif; ?>
                            </div><!-- .mpp-gutenberg-view-posts -->
                        <?php endif; ?>
                    </div><!-- .mpp-content-wrap -->
                <?php endif; /* End Regular Theme */ ?>
                <?php if ( 'profile' === $attributes['theme'] ) : ?>
                    <?php if ( $attributes['showName'] ) : ?>
                        <h2 style="color: <?php echo esc_attr( $attributes['profileTextColor'] ); ?>; font-size: <?php echo esc_attr( $attributes['headerFontSize'] ) . 'px'; ?>"><?php echo wp_kses_post( $attributes['profileName'] ); ?></h2>
                    <?php endif; ?>
                    <div class="mpp-profile-image-wrapper">
                        <div class="mpp-profile-image-square">
                            <img src="<?php echo esc_url( $attributes['profileImgURL'] ); ?>" alt="avatar" class="profile-avatar" />
                        </div>
                    </div><!-- .mpp-profile-image-wrapper -->
                    <?php if ( $attributes['showDescription'] ) : ?>
                        <div class="mpp-profile-text">
                            <?php echo wp_kses_post( $attributes['profileContent'] ); ?>
                        </div><!-- .mpp-profile-text -->
                    <?php endif; ?>
                    <div class="mpp-profile-meta" style="font-size: <?php echo esc_attr( $attributes['fontSize'] ); ?>px;">
                        <?php if ( $attributes['showViewPosts'] ) : ?>
                            <div class="mpp-profile-link alignleft">
                                <a href="<?php echo esc_url( $attributes['profileURL'] ); ?>" style="color: <?php echo esc_attr( $attributes['profileLinkColor'] ); ?>;"><?php esc_html_e( 'View all posts by', 'profile-builder' ); ?> <?php echo esc_html( $attributes['profileName'] ); ?></a>
                            </div><!-- .mpp-profile-link -->
                            <div class="mpp-profile-link alignright">
                                <a href="<?php echo esc_url( $attributes['website'] ); ?>" style="color: <?php echo esc_attr( $attributes['profileLinkColor'] ); ?>">
                                    <?php esc_html_e( 'Website', 'profile-builder' ); ?>
                                </a>
                            </div><!-- .mpp-profile-link -->
                        <?php endif; ?>
                    </div><!-- .mpp-profile-meta -->
                <?php endif; /* End of profile theme */ ?>
                <?php if ( 'compact' === $attributes['theme'] ) : ?>
                    <?php if ( $attributes['showName'] ) : ?>
                        <h2 style="color: <?php echo esc_attr( $attributes['profileTextColor'] ); ?>; font-size: <?php echo esc_attr( $attributes['headerFontSize'] ) . 'px'; ?>"><?php echo wp_kses_post( $attributes['profileName'] ); ?></h2>
                    <?php endif; ?>
                    <div class="mpp-profile-image-wrapper">
                        <div class="mpp-profile-image-square">
                            <img src="<?php echo esc_url( $attributes['profileImgURL'] ); ?>" alt="avatar" class="profile-avatar" />
                        </div>
                    </div><!-- .mpp-profile-image-wrapper -->
                    <?php if ( $attributes['showDescription'] ) : ?>
                        <div class="mpp-profile-text">
                            <?php echo wp_kses_post( $attributes['profileContent'] ); ?>
                        </div><!-- .mpp-profile-text -->
                    <?php endif; ?>
                    <div class="mpp-compact-meta">
                        <?php if ( $attributes['showViewPosts'] ) : ?>
                            <div class="mpp-profile-view-posts" style="background: <?php echo esc_attr( $attributes['profileViewPostsBackgroundColor'] ); ?>; color: <?php echo esc_attr( $attributes['profileViewPostsTextColor'] ); ?>; width: 90%; margin: 0 auto 10px auto; font-size: <?php echo esc_attr( $attributes['buttonFontSize'] ); ?>px;">
                                <a href="<?php echo esc_url( $attributes['profileURL'] ); ?>" style="color: <?php echo esc_attr( $attributes['profileViewPostsTextColor'] ); ?>; background: <?php echo esc_attr( $attributes['profileViewPostsBackgroundColor'] ); ?>;"><?php esc_html_e( 'View Posts', 'profile-builder' ); ?></a>
                            </div><!-- .mpp-profile-view-posts -->
                        <?php endif; ?>
                        <?php if ( '' !== $attributes['website'] && $attributes['showWebsite'] ) : ?>
                            <div class="mpp-profile-view-website" style="background: <?php echo esc_attr( $attributes['profileWebsiteBackgroundColor'] ); ?>; color: <?php echo esc_attr( $attributes['profileWebsiteTextColor'] ); ?>; width: 90%; margin: 0 auto 0 auto; font-size: <?php echo esc_attr( $attributes['buttonFontSize'] ); ?>px;">
                                <a href="<?php echo esc_url( $attributes['website'] ); ?>" style="color: <?php echo esc_attr( $attributes['profileWebsiteTextColor'] ); ?>; background: <?php echo esc_attr( $attributes['profileWebsiteBackgroundColor'] ); ?>;"><?php esc_html_e( 'View Website', 'profile-builder' ); ?></a>
                            </div><!-- .mpp-profile-view-posts -->
                        <?php endif; ?>

                    </div>
                <?php endif; /* Compact theme end */ ?>
                <?php if ( true === $attributes['showSocialMedia'] && ( 'regular' === $attributes['theme'] || 'compact' === $attributes['theme'] || 'profile' === $attributes['theme'] ) ) : ?>
                    <?php echo upp_get_social_icons( $attributes ); // phpcs:ignore ?>
                <?php endif; ?>
            </div><!-- .mpp-profile-gutenberg-wrap -->
        </div><!-- .mpp-profile-wrap -->
    <?php endif; ?>
    <?php if ( 'tabbed' === $attributes['theme'] ) : ?>
        <style>
            .mpp-author-tabbed ul.mpp-author-tabs li.active:after {
                border-top: 10px solid <?php echo esc_attr( $attributes['profileTabColor'] ); ?>;
                border-top-color: <?php echo esc_attr( $attributes['profileTabColor'] ); ?>;
            }
            .mpp-author-tabbed ul.mpp-author-tabs li.mpp-tab-posts.active:after {
                border-top: 10px solid <?php echo esc_attr( $attributes['profileTabPostsColor'] ); ?>;
                border-top-color: <?php echo esc_attr( $attributes['profileTabPostsColor'] ); ?>;
            }
        </style>
        <div class="mpp-author-tabbed tabbed <?php echo esc_attr( $attributes['profileAvatarShape'] ); ?> mpp-block-profile">
            <ul class="mpp-author-tabs">
                <li class="mpp-tab-profile active mpp-gutenberg-tab" data-tab="mpp-profile-tab" style="background: <?php echo esc_attr( $attributes['profileTabColor'] ); ?>; color: <?php echo esc_attr( $attributes['profileTabTextColor'] ); ?>;">
                    <?php echo wp_kses_post( $attributes['tabbedAuthorProfile'] ); ?>
                </li>
                <li class="mpp-tab-posts mpp-gutenberg-tab" data-tab="mpp-latestposts-tab" style="background: <?php echo esc_attr( $attributes['profileTabPostsColor'] ); ?>; color: <?php echo esc_attr( $attributes['profileTabPostsTextColor'] ); ?>;">
                    <?php echo wp_kses_post( $attributes['tabbedAuthorLatestPosts'] ); ?>
                </li>
            </ul>
            <div class="mpp-tab-wrapper" style="<?php echo $attributes['padding'] > 0 ? 'padding: ' . esc_attr( $attributes['padding'] ) . 'px;' : ''; ?><?php echo $attributes['border'] > 0 ? 'border:' . esc_attr( $attributes['border'] ) . 'px solid ' . esc_attr( $attributes['borderColor'] ) . ';' : ''; ?><?php echo $attributes['borderRounded'] > 0 ? 'border-radius:' . esc_attr( $attributes['borderRounded'] ) . 'px;' : ''; ?>background-color: <?php echo esc_attr( $attributes['profileBackgroundColor'] ) . ';'; ?> color: <?php echo esc_attr( $attributes['profileTextColor'] ) . ';'; ?>">
                <div class="mpp-tab-active mpp-profile-tab mpp-tab">
                    <div class="mpp-author-social-wrapper">
                        <div class="mpp-author-heading">
                            <div class="mpp-author-profile-heading" style="background: <?php echo esc_attr( $attributes['profileTabHeadlineColor'] ); ?>; color: <?php echo esc_attr( $attributes['profileTabHeadlineTextColor'] ); ?>;">
                                <?php echo wp_kses_post( $attributes['tabbedAuthorProfileHeading'] ); ?>
                            </div><!-- .mpp-author-heading -->
                        </div><!-- .mpp-author-social-wrapper -->
                        <?php if ( $attributes['showSocialMedia'] ) : ?>
                            <div class="mpp-author-social">
                                <?php echo upp_get_social_icons( $attributes ); // phpcs:ignore ?>
                            </div>
                        <?php endif; ?>
                    </div><!-- .mpp-author-social-wrapper -->
                    <div class="mpp-profile-image-wrapper">
                        <div class="mpp-profile-image-square">
                            <img class="profile-avatar" alt="avatar" src="<?php echo esc_url( $attributes['profileImgURL'] ); ?>">
                            <div class="mpp-author-profile-sub-heading">
                                <?php echo wp_kses_post( $attributes['tabbedAuthorSubHeading'] ); ?>
                            </div>
                        </div><!-- .mpp-profile-image-square -->
                    </div><!-- .mpp-profile-image-wrapper -->
                    <div class="mpp-tabbed-profile-information">
                        <?php if ( $attributes['showTitle'] || '' !== $attributes['tabbedAuthorProfileTitle'] ) : ?>
                            <?php echo '<div>' . wp_kses_post( $attributes['tabbedAuthorProfileTitle'] ) . '</div>'; ?>
                        <?php endif; ?>
                        <?php if ( $attributes['showName'] ) : ?>
                            <h2 style="color: <?php echo esc_attr( $attributes['profileTextColor'] ); ?>; font-size: <?php echo esc_attr( $attributes['headerFontSize'] ) . 'px;'; ?>"><?php echo wp_kses_post( $attributes['profileName'] ); ?></h2>
                        <?php endif; ?>
                        <?php if ( $attributes['showDescription'] ) : ?>
                            <div class="mpp-profile-text mt-font-size-<?php echo esc_attr( $attributes['profileFontSize'] ); ?>">
                                <?php echo wp_kses_post( $attributes['profileContent'] ); ?>
                            </div>
                        <?php endif; ?>
                    </div><!-- .mpp-tabbed-profile-information -->
                </div><!-- first profile tab -->
                <div class="mpp-tabbed-latest-posts mpp-latestposts-tab mpp-tab">
                    <?php
                    $args  = array(
                        'post_type'      => 'post',
                        'post_status'    => 'publish',
                        'author'         => $user_id,
                        'orderby'        => 'date',
                        'order'          => 'DESC',
                        'posts_per_page' => 5,
                    );
                    $posts = get_posts( $args );
                    ?>
                    <ul class="mpp-author-tab-content <?php echo esc_attr( $attributes['profileLatestPostsOptionsValue'] ); ?>">
                        <?php
                        foreach ( $posts as $post ) {
                            printf( "<li><a href='%s'>%s</a></li>", esc_url( get_permalink( $post->ID ) ), esc_html( $post->post_title ) );
                        }
                        ?>
                    </ul>
                </div><!-- .mpp-tabbed-latest-posts -->
            </div><!-- mpp-tab-wrapper -->
        </div><!-- .mpp-author-tabbed -->

    <?php endif; ?>
    <?php
    wp_enqueue_style( 'mpp_gutenberg', User_Profile_Picture::get_plugin_url( '/css/front-end-gutenberg.css' ), array(), USER_PROFILE_PICTURE_VERSION, 'all' );
    wp_enqueue_script( 'mpp_gutenberg_tabs', User_Profile_Picture::get_plugin_url( 'js/mpp-frontend' . $min_or_not . '.js' ), array( 'jquery' ), USER_PROFILE_PICTURE_VERSION, true );
    add_action( 'wp_footer', 'upp_load_gutenblock_svgs' );
    echo ob_get_clean(); // phpcs:ignore
}
/**
 * Get social icons based on passed attributes
 *
 * @see upp_author_box for attribute valies
 *
 * @since 2.2.0
 *
 * @param array $attributes See defaults in function upp_author_box for all attributes.
 *
 * @return string User social icons
 */
function upp_get_social_icons( $attributes ) {
    ob_start();
    ?>
    <div class="mpp-social">
        <?php if ( ! empty( $attributes['socialFacebook'] ) ) : ?>
            <a href="<?php echo esc_url( $attributes['socialFacebook'] ); ?>">
                <svg class="icon icon-facebook" role="img" style="<?php echo 'custom' === $attributes['socialMediaOptions'] ? 'fill:' . esc_attr( $attributes['socialMediaColors'] ) . ';' : ''; ?>">
                    <use href="#facebook"></use>
                </svg>
            </a>
        <?php endif; ?>
        <?php if ( ! empty( $attributes['socialTwitter'] ) ) : ?>
            <a href="<?php echo esc_url( $attributes['socialTwitter'] ); ?>">
                <svg class="icon icon-twitter" role="img" style="<?php echo 'custom' === $attributes['socialMediaOptions'] ? 'fill:' . esc_attr( $attributes['socialMediaColors'] ) . ';' : ''; ?>">
                    <use href="#twitter"></use>
                </svg>
            </a>
        <?php endif; ?>
        <?php if ( ! empty( $attributes['socialInstagram'] ) ) : ?>
            <a href="<?php echo esc_url( $attributes['socialInstagram'] ); ?>">
                <svg class="icon icon-instagram" role="img" style="<?php echo 'custom' === $attributes['socialMediaOptions'] ? 'fill:' . esc_attr( $attributes['socialMediaColors'] ) . ';' : ''; ?>">
                    <use href="#instagram"></use>
                </svg>
            </a>
        <?php endif; ?>
        <?php if ( ! empty( $attributes['socialPinterest'] ) ) : ?>
            <a href="<?php echo esc_url( $attributes['socialPinterest'] ); ?>">
                <svg class="icon icon-pinterest" role="img" style="<?php echo 'custom' === $attributes['socialMediaOptions'] ? 'fill:' . esc_attr( $attributes['socialMediaColors'] ) . ';' : ''; ?>">
                    <use href="#pinterest"></use>
                </svg>
            </a>
        <?php endif; ?>
        <?php if ( ! empty( $attributes['socialLinkedIn'] ) ) : ?>
            <a href="<?php echo esc_url( $attributes['socialLinkedIn'] ); ?>">
                <svg class="icon icon-linkedin" role="img" style="<?php echo 'custom' === $attributes['socialMediaOptions'] ? 'fill:' . esc_attr( $attributes['socialMediaColors'] ) . ';' : ''; ?>">
                    <use href="#linkedin"></use>
                </svg>
            </a>
        <?php endif; ?>
        <?php if ( ! empty( $attributes['socialYouTube'] ) ) : ?>
            <a href="<?php echo esc_url( $attributes['socialYouTube'] ); ?>">
                <svg class="icon icon-youtube" role="img" style="<?php echo 'custom' === $attributes['socialMediaOptions'] ? 'fill:' . esc_attr( $attributes['socialMediaColors'] ) . ';' : ''; ?>">
                    <use href="#youtube"></use>
                </svg>
            </a>
        <?php endif; ?>
        <?php if ( ! empty( $attributes['socialGitHub'] ) ) : ?>
            <a href="<?php echo esc_url( $attributes['socialGitHub'] ); ?>">
                <svg class="icon icon-github" role="img" style="<?php echo 'custom' === $attributes['socialMediaOptions'] ? 'fill:' . esc_attr( $attributes['socialMediaColors'] ) . ';' : ''; ?>">
                    <use href="#github"></use>
                </svg>
            </a>
        <?php endif; ?>
        <?php if ( ! empty( $attributes['socialWordPress'] ) ) : ?>
            <a href="<?php echo esc_url( $attributes['socialWordPress'] ); ?>">
                <svg class="icon icon-wordpress" role="img" style="<?php echo 'custom' === $attributes['socialMediaOptions'] ? 'fill:' . esc_attr( $attributes['socialMediaColors'] ) . ';' : ''; ?>">
                    <use href="#wordpress"></use><?php // phpcs:ignore ?>
                </svg>
            </a>
        <?php endif; ?>
    </div><!-- .mpp-social -->
    <?php
    return ob_get_clean();
}
/**
 * Load social icons in footer of theme
 *
 * @since 2.2.0
 */
function upp_load_gutenblock_svgs() {
    /**
     * Allow other plugins to run code from inside this SVG block.
     *
     * @since 2.3.0
     */
    do_action( 'mpp_svg_start' );
    if ( '' !== get_post_type() ) {
        // Define SVG sprite file.
        $path      = '/img/social-logos.svg';
        $svg_icons = rtrim( dirname( plugin_dir_path( __FILE__ ) ), '/' );
        if ( ! empty( $path ) && is_string( $path ) ) {
            $svg_icons .= '/' . ltrim( $path, '/' );
        }

        /**
         * Filter Social Icons Sprite.
         *
         * @since 2.1.0
         *
         * @param string Absolute directory path to SVG sprite
         */
        $svg_icons = apply_filters( 'mpp_icons_sprite', $svg_icons );
        // If it exists, include it.
        if ( file_exists( $svg_icons ) ) {
            echo '<div style="position: absolute; height: 0; width: 0; overflow: hidden;">';
            require $svg_icons;
            echo '</div>';
        }
    }
    /**
     * Allow other plugins to run code from inside this SVG block at the end.
     *
     * @since 2.3.0
     */
    do_action( 'mpp_svg_end' );
}
