<?php

namespace ots;

/**
 * Enqueue scripts used in the plugin settings page.
 *
 * @param $hook
 * @since 4.0.0
 */
function enqueue_settings_scripts( $hook ) {

	wp_enqueue_style( 'ots-admin-css', asset( 'admin/css/admin.css' ), null, VERSION );

    if( strpos( $hook, 'ots' ) !== false ) {

        wp_enqueue_script( 'ots-settings-js', asset( 'admin/js/settings.js' ), array( 'jquery', 'wp-color-picker' ), VERSION );
	    wp_enqueue_script( 'ots-reorder-js', asset( 'admin/js/reorder.js' ), array( 'jquery', 'jquery-ui-sortable' ), VERSION );

        wp_enqueue_style( 'ots-settings-fonts', asset( 'fonts/fonts.css' ), null, VERSION );
        wp_enqueue_style( 'ots-settings-css', asset( 'admin/css/settings.css' ), null, VERSION );
        wp_enqueue_style( 'wp-color-picker' );

    }

}

add_action( 'admin_enqueue_scripts', 'ots\enqueue_settings_scripts' );


/**
 * Register admin menu pages.
 *
 * @since 4.0.0
 */
function add_menu_pages() {

    add_submenu_page( 'edit.php?post_type=team_member', __( 'Re-Order Members', 'ots' ), __( 'Re-Order Members', 'ots' ), 'manage_options', 'ots-reorder-members', 'ots\do_member_reorder_page' );
    add_submenu_page( 'edit.php?post_type=team_member', __( 'Our Team Settings', 'ots' ), __( 'Settings', 'ots' ), 'manage_options', 'ots-settings', 'ots\do_settings_page' );
    add_submenu_page( 'edit.php?post_type=team_member', __( 'Our Team Tools', 'ots' ), __( 'Import/Export', 'ots' ), 'manage_options', 'ots-import-export', 'ots\do_import_export_page' );

}

add_action( 'admin_menu', 'ots\add_menu_pages' );


/**
 * Register settings with the settings API.
 *
 * @since 4.0.0
 */
function register_settings() {

    register_setting( 'ots-team-view', Options::TEMPLATE, array(
        'type'              => 'string',
        'default'           => Defaults::TEMPLATE,
        'sanitize_callback' => 'ots\sanitize_template'
    ) );

    register_setting( 'ots-team-view', Options::GRID_COLUMNS, array(
        'type'              => 'integer',
        'default'           => Defaults::GRID_COLUMNS,
        'sanitize_callback' => 'intval'
    ) );

    register_setting( 'ots-team-view', Options::MARGIN, array(
        'type'              => 'integer',
        'default'           => Defaults::MARGIN,
        'sanitize_callback' => 'intval'
    ) );

    register_setting( 'ots-team-view', Options::SHOW_SOCIAL, array(
        'type'              => 'string',
        'default'           => Defaults::SHOW_SOCIAL,
        'sanitize_callback' => 'ots\sanitize_checkbox'
    ) );

    register_setting( 'ots-team-view', Options::SOCIAL_LINK_ACTION, array(
        'type'              => 'string',
        'default'           => Defaults::SOCIAL_LINK_ACTION,
        'sanitize_callback' => 'ots\sanitize_checkbox'
    ) );

    register_setting( 'ots-team-view', Options::DISPLAY_NAME, array(
        'type'              => 'string',
        'default'           => Defaults::DISPLAY_NAME,
        'sanitize_callback' => 'ots\sanitize_checkbox'
    ) );

    register_setting( 'ots-team-view', Options::DISPLAY_TITLE, array(
        'type'              => 'string',
        'default'           => Defaults::DISPLAY_TITLE,
        'sanitize_callback' => 'ots\sanitize_checkbox'
    ) );

    register_setting( 'ots-team-view', Options::DISPLAY_LIMIT, array(
        'default'           => Defaults::DISPLAY_LIMIT,
        'sanitize_callback' => 'ots\sanitize_display_limit'
    ) );

    register_setting( 'ots-team-view', Options::MAIN_COLOR, array(
        'type'              => 'string',
        'default'           => Defaults::MAIN_COLOR,
        'sanitize_callback' => 'sanitize_hex_color'
    ) );

    register_setting( 'ots-single-member-view', Options::SINGLE_TEMPLATE, array(
        'type'              => 'string',
        'default'           => Defaults::SINGLE_TEMPLATE,
        'sanitize_callback' => 'ots\sanitize_single_template'
    ) );

    register_setting( 'ots-single-member-view', Options::SHOW_SINGLE_SOCIAL, array(
        'type'              => 'string',
        'default'           => Defaults::SHOW_SINGLE_SOCIAL,
        'sanitize_callback' => 'ots\sanitize_checkbox'
    ) );

    register_setting( 'ots-single-member-view', Options::REWRITE_SLUG, array(
        'type'              => 'string',
        'default'           => Defaults::REWRITE_SLUG,
        'sanitize_callback' => 'sanitize_title'
    ) );

	register_setting( 'ots-advanced', Options::NUKE, array(
		'type'              => 'string',
		'default'           => '',
		'sanitize_callback' => 'ots\sanitize_checkbox'
	) );


}

add_action( 'init', 'ots\register_settings' );


/**
 * Add settings sections for admin settings pages.
 *
 * @since 4.0.0
 */
function add_settings_sections() {

    add_settings_section( 'layout', __( 'Layout', 'ots' ), '', 'ots-team-view' );
    add_settings_section( 'display', __( 'Display', 'ots' ), '', 'ots-team-view' );
    add_settings_section( 'single-general', __( 'General', 'ots' ), '', 'ots-single-member-view' );
    add_settings_section( 'single-layout', __( 'Layout', 'ots' ), '', 'ots-single-member-view' );
    add_settings_section( 'single-display', __( 'Display', 'ots' ), '', 'ots-single-member-view' );
    add_settings_section( 'advanced', __( 'Advanced', 'ots' ), '', 'ots-advanced' );

}

add_action( 'admin_init', 'ots\add_settings_sections' );


/**
 * Add settings fields to pages and settings sections.
 *
 * @since 4.0.0
 */
function add_settings_fields() {

    $display_field_previews = apply_filters( 'ots_enable_pro_preview', true );

    $templates = array( '' => __( 'Select a template', 'ots' ) ) + get_templates();

    $preview_templates = !$display_field_previews ? array() : array(
        'grid2'    => __( 'Grid - Boxes 2 (Pro)', 'ots' ),
        'grid3'    => __( 'Grid - Boxes 3 (Pro)', 'ots' ),
        'list-stacked'    => __( 'List - Stacked (Pro)', 'ots' ),
        'honey-comb'      => __( 'Honey Comb (Pro)', 'ots' ),
        'carousel'        => __( 'Carousel (Pro)', 'ots' ),
        'staff-directory' => __( 'Staff Directory (Pro)' )
    );


    /**
     * Team View settings
     *
     * @since 4.0.0
     */
    add_settings_field(
        Options::TEMPLATE,
        __( 'Template', 'ots' ),
        'ots\settings_select_box',
        'ots-team-view',
        'layout',
        array(
            'name'             => Options::TEMPLATE,
            'selected'         => get_option( Options::TEMPLATE ),
            'attrs'            => array( 'class' => 'regular-text' ),
            'options'          => $templates + $preview_templates,
            'disabled_options' => array_keys( $preview_templates ),
            'description'      => __( 'Template that displays team members where the short-code is output', 'ots' )
        )
    );

    add_settings_field(
        Options::GRID_COLUMNS,
        __( 'Grid Columns', 'ots' ),
        'ots\settings_select_box',
        'ots-team-view',
        'layout',
        array(
            'name'     => Options::GRID_COLUMNS,
            'attrs'    => array( 'class' => 'regular-text' ),
            'selected' => get_option( Options::GRID_COLUMNS ),
            'options'  => array(
                2  => 2,
                3  => 3,
                4  => 4,
                5  => 5,
                10 => 10
            ),
            'description' => __( 'The maximum number of members to display per row', 'ots' )
        )
    );

    add_settings_field(
        Options::MARGIN,
        __( 'Margin', 'ots' ),
        'ots\settings_select_box',
        'ots-team-view',
        'layout',
        array(
            'name'     => Options::MARGIN,
            'attrs'    => array( 'class' => 'regular-text' ),
            'selected' => get_option( Options::MARGIN ),
            'options'  => array(
                0  => __( 'No Margin', 'ots' ),
                5  => 5,
                10 => 10,
                15 => 15
            ),
            'description' => __( 'The spacing between each team member', 'ots' )
        )
    );

    add_settings_field(
        Options::DISPLAY_LIMIT,
        __( 'Display Limit', 'ots' ),
        'ots\display_limit_field',
        'ots-team-view',
        'layout'
    );

    add_settings_field(
        Options::MAIN_COLOR,
        __( 'Main Color', 'ots' ),
        'ots\settings_text_box',
        'ots-team-view',
        'display',
        array(
            'name'    => Options::MAIN_COLOR,
            'value'   => get_option( Options::MAIN_COLOR ),
            'attrs'   => array(
                'class' => 'wp-color-picker'
            )
        )
    );

    add_settings_field(
        Options::SHOW_SOCIAL,
        __( 'Show Social Icons', 'ots' ),
        'ots\settings_check_box',
        'ots-team-view',
        'display',
        array(
            'name'        => Options::SHOW_SOCIAL,
            'checked'     => get_option( Options::SHOW_SOCIAL ),
            'label'       => __( 'Show social icons', 'ots' )
        )
    );

    add_settings_field(
        Options::SOCIAL_LINK_ACTION,
        __( 'Social Links', 'ots' ),
        'ots\settings_check_box',
        'ots-team-view',
        'display',
        array(
            'name'    => Options::SOCIAL_LINK_ACTION,
            'checked' => get_option( Options::SOCIAL_LINK_ACTION ),
            'label'   => __( 'Open social links in a new tab', 'ots' )
        )
    );

    add_settings_field(
        Options::DISPLAY_NAME,
        __( 'Display Name', 'ots' ),
        'ots\settings_check_box',
        'ots-team-view',
        'display',
        array(
            'name'    => Options::DISPLAY_NAME,
            'checked' => get_option( Options::DISPLAY_NAME ),
            'label'   => __( 'Display team member\'s name' , 'ots' )
        )
    );

    add_settings_field(
        Options::DISPLAY_TITLE,
        __( 'Display Title', 'ots' ),
        'ots\settings_check_box',
        'ots-team-view',
        'display',
        array(
            'name'    => Options::DISPLAY_TITLE,
            'checked' => get_option( Options::DISPLAY_TITLE ),
            'label'   => __( 'Display team member\'s job title', 'ots' )
        )
    );

    if( $display_field_previews ) {

        add_settings_field( 'pro-max-word-count', __( 'Max Word Count', 'ots' ), 'ots\do_pro_only_field', 'ots-team-view', 'display' );
        add_settings_field( 'pro-name-font-size', __( 'Name Font Size', 'ots' ), 'ots\do_pro_only_field', 'ots-team-view', 'display' );
        add_settings_field( 'pro-title-font-size', __( 'Title Font Size', 'ots' ), 'ots\do_pro_only_field', 'ots-team-view', 'display' );
        add_settings_field( 'pro-icon-style', __( 'Icon Style', 'ots' ),'ots\do_pro_only_field', 'ots-team-view', 'display' );

    }

    $templates = array( '' => __( 'Select a template', 'ots' ) ) + get_single_templates();

    $preview_templates = !$display_field_previews ? array() : array(
        'custom'     => __( 'Custom Template (Pro)', 'ots' ),
        'sidebar'    => __( 'Single with a Sidebar (Pro)', 'ots' ),
        'card-popup' => __( 'Popup Card (Pro)', 'ots' ),
        'side-panel' => __( 'Side Panel (Pro)', 'ots' )
    );


    /**
     * Single Member View settings
     *
     * @since 4.0.0
     */
    add_settings_field(
        Options::REWRITE_SLUG,
        __( 'Team Member URL Slug', 'ots' ),
        'ots\settings_text_box',
        'ots-single-member-view',
        'single-general',
        array(
            'name'        => Options::REWRITE_SLUG,
            'value'       => get_option( Options::REWRITE_SLUG  ),
            'attrs'       => array( 'class' => 'regular-text' ),
            'description' => __( 'The URL slug for all single team members: ', 'ots' ) . home_url( '/{slug}/member-name' )
        )
    );

    add_settings_field(
        Options::SINGLE_TEMPLATE,
        __( 'Template', 'ots' ),
        'ots\settings_select_box',
        'ots-single-member-view',
        'single-layout',
        array(
            'name'             => Options::SINGLE_TEMPLATE,
            'selected'         => get_option( Options::SINGLE_TEMPLATE ),
            'attrs'            => array( 'class' => 'regular-text' ),
            'options'          => $templates + $preview_templates,
            'disabled_options' => array_keys( $preview_templates ),
            'description' => __( 'Can be either a custom template (redirect) or an inline template (no redirect)', 'ots' )
        )
    );

    add_settings_field(
        Options::SHOW_SINGLE_SOCIAL,
        __( 'Show Single Social', 'ots' ),
        'ots\settings_check_box',
        'ots-single-member-view',
        'single-display',
        array(
            'name'    => Options::SHOW_SINGLE_SOCIAL,
            'checked' => get_option( Options::SHOW_SINGLE_SOCIAL ),
            'label'   => __( 'Show social icons for single members', 'ots' )
        )
    );

    if( $display_field_previews ) {

        add_settings_field( 'pro-card-popup-margin-top', __( 'Card Popup Top Margin', 'ots' ), 'ots\do_pro_only_field', 'ots-single-member-view', 'single-layout' );
        add_settings_field( 'pro-display-skills-bar', __( 'Display Skills Bar', 'ots' ), 'ots\do_pro_only_field', 'ots-single-member-view', 'single-display' );
        add_settings_field( 'pro-skills-title', __( 'Skills Title', 'ots' ), 'ots\do_pro_only_field', 'ots-single-member-view', 'single-display' );
        add_settings_field( 'pro-image-style', __( 'Image Style', 'ots' ),'ots\do_pro_only_field', 'ots-single-member-view', 'single-display' );

    }

    /**
     * Advanced settings
     */
	add_settings_field(
		Options::NUKE,
		__( 'Erase Data', 'ots' ),
		'ots\settings_check_box',
		'ots-advanced',
		'advanced',
		array(
			'name'    => Options::NUKE,
			'checked' => get_option( Options::NUKE ),
			'label'   => __( 'Erase all data on uninstall', 'ots' )
		)
	);

}

add_action( 'admin_init', 'ots\add_settings_fields' );


/**
 * Flush rewrite rules when the team member post type slug is changed.
 *
 * @param $option
 * @since 4.0.0
 */
function team_member_slug_changed( $option ) {

    if ( $option === Options::REWRITE_SLUG ) {
        register_team_member_post_type();
        flush_rewrite_rules();
    }

}

add_action( 'updated_option', 'ots\team_member_slug_changed' );


/**
 * Output the settings page.
 *
 * @since 4.0.0
 */
function do_settings_page() {

    $tabs = apply_filters( 'ots_settings_page_tabs',  array(
        'ots-team-view'          => __( 'Team View', 'ots' ),
        'ots-single-member-view' => __( 'Single Member View', 'ots' ),
        'ots-advanced'           => __( 'Advanced', 'ots' ),
    ) );

    reset( $tabs );

    $active = isset( $_GET['tab'] ) && array_key_exists( $_GET['tab'], $tabs ) ? $_GET['tab'] : key( $tabs );

    ?>

    <div class="wrap ots-admin-page">

        <div class="ots-admin-header">

            <div class="title-bar">

                <div class="inner">

                    <div class="branding">
                        <img src="<?php echo esc_url( asset( 'images/branding/smartcat-medium.png' ) ); ?>" />
                    </div>

                    <p class="page-title"><?php _e( 'Our Team Showcase', 'ots' ); ?></p>

                </div>

                <?php if( apply_filters( 'ots_enable_pro_preview', true ) ) : ?>

                    <div class="inner">

                        <a href="http://wordpressteamplugin.com/templates/"
                           class="cta cta-secondary"
                           target="_blank">
                            <?php _e( 'View Demo', 'ots' ); ?>
                        </a>

                        <a href="https://smartcatdesign.net/downloads/our-team-showcase/"
                           class="cta cta-primary"
                           target="_blank">
                            <?php _e( 'Go Pro', 'ots' ); ?>
                        </a>

                    </div>

                <?php endif; ?>

            </div>

            <div class="clear"></div>

        </div>

        <h2 style="display: none"></h2>

        <?php settings_errors(); ?>

        <h2 class="nav-tab-wrapper">

            <?php foreach( $tabs as $tab => $title ) : ?>

                <a href="<?php echo add_query_arg( 'tab', $tab ); ?>"
                   class="nav-tab <?php echo $active == $tab ? 'nav-tab-active' : ''; ?>"><?php esc_html_e( $title ); ?></a>

            <?php endforeach; ?>

        </h2>

        <div class="inner">

            <div class="tabs-content">

                <form method="post" action="options.php">

                    <?php do_settings_sections( $active ); ?>

                    <?php settings_fields( $active ); ?>

                    <?php submit_button(); ?>

                </form>

            </div>

            <div class="sidebar">

                <div class="widget">
                    <h2>
                        <?php _e( 'Try Buildr Theme!', 'ots' ); ?>
                        <a style="float: right" class="button button-primary" href="<?php echo esc_url( admin_url( 'theme-install.php?search=buildr' ) ); ?>"><?php _e( 'Free Download', 'ots' ); ?></a>
                    </h2>
                    <div class="content">

                        <p>
                            <?php _e( 'Buildr is a unique free theme, with features you would only find in a Pro version. It is the most customizable free theme, that looks amazing out of the box. Also, it is well integrated with Our Team Showcase. Try it out!', 'ots' ) ?>
                        </p>

                        <img src="https://i.imgur.com/nJHSD5W.jpg" style="width: 100%"/>
                    </div>
                </div>
                
                <div class="widget">
                    <h2><?php _e( 'Quick Reference', 'ots' ); ?></h2>
                    <div class="content">
                        <ul>
                            <li><?php _e( 'Image recommended size is 400x400 px. To achieve the best appearance, please ensure all team member images are the same size.', 'ots' ); ?></li>
                            <li><?php _e( 'To display the team members, add <code>[our-team]</code> short-code in a widget, post or page', 'ots' ); ?></li>
                            <li><?php _e( 'To display members from a specific group, add <code>[our-team group="name of your group"]</code>', 'ots' ); ?></li>
                            <li><?php _e( 'To display members from a multiple groups, add <code>[our-team group="group1,group2"]</code>', 'ots' ); ?></li>
                            <li><?php _e( 'To override the template choice from the short-code, add <code>[our-team template="grid"]</code>. <i>Template options include: grid, grid_circles, grid_circles2, carousel, hc and stacked.</i>', 'ots' ); ?></li>
                            <li><?php _e( 'To override the single template choice from the short-code add <code>[our-team single_template="vcard"]</code>. Alternatively you can set it to panel', 'ots' ); ?></li>
                            <li><?php _e( 'To override the number of columns from the short-code add <code>[our-team columns="4"]</code>.', 'ots' ); ?></li>
                            <li><?php _e( 'Need more help? Check out the full plugin documentation manual', 'ots' ); ?>
                                <a href="<?php echo admin_url( 'edit.php?post_type=team_member&page=ots-docs' ); ?>">
                                    <?php _e( 'Go to documentation', 'ots' ); ?>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

                <?php do_action( 'ots_admin_sidebar_widgets' ); ?>

            </div>

            <div class="clear"></div>

        </div>

    </div>

<?php }


/**
 * Output a select box for a settings field.
 *
 * @param array $args {
 *  string $name             The name of the setting as registered with the settings API.
 *  array  $attrs            An array of HTML attributes for the field.
 *  array  $options          An array of key value pairs that are used for the options.
 *  string $selected         The current value of the select box.
 *  string $description      A description for the field.
 *  array  $disabled_options An array of options that are disabled by default.
 * }
 *
 * @since 4.0.0
 */
function settings_select_box( array $args ) {

    $defaults = array(
        'attrs'            => array(),
        'disabled_options' => array(),
        'selected'         => '',
        'description'      => ''
    );

    $args = wp_parse_args( $args, $defaults );

    echo '<select name="' . esc_attr( $args['name'] ) . '" ' . print_attrs( $args['attrs'], false ) . '>';

    foreach( $args['options'] as $value => $label ) {

        echo '<option value="' . esc_attr( $value ) . '" ';

            selected( $value, $args['selected'] );
            disabled( true, in_array( $value, $args['disabled_options']  ) );

        echo ' >' . esc_html( $label ) . '</option>';

    }

    echo '</select>';

    if( !empty( $args['description'] ) ) {
        echo '<p class="description">' . esc_html( $args['description'] ) . '</p>';
    }

}

/**
 * Output a radio group for a settings field.
 *
 * @param array $args {
 *  string $name             The name of the setting as registered with the settings API.
 *  array  $attrs            An array of HTML attributes for the field.
 *  array  $options          An array of key value pairs that are used for the options.
 *  string $selected         The current value of the select box.
 *  string $before           Html to output before the opening <label> tag.
 *  string $after            Html to output after the closing </label> tag.
 *  array  $disabled_options An array of options to be disabled by default.
 * }
 *
 * @since 4.0.0
 */
function settings_radio_buttons( array $args ) {

    $defaults = array(
        'attrs'            => array(),
        'before'           => '',
        'after'            => '',
        'selected'         => '',
        'disabled_options' => array()
    );

    $args = wp_parse_args( $args, $defaults );

    foreach( $args['options'] as $value => $label ) {

        echo $args['before'] .

                '<label><input type="radio" name="' . esc_attr( $args['name'] ) . '" value="' . $value . '" ';

                print_attrs( $args['attrs'] );

                checked( $value, $args['selected'] );
                disabled( true, in_array( $value, $args['disabled_options'] ) );

        echo '/>' . $label . '</label>' . $args['after'];

    }

}


/**
 * Output a check box for a settings field.
 *
 * @param array $args {
 *  string $name     The name of the setting as registered with the settings API.
 *  array  $attrs    An array of HTML attributes for the field.
 *  array  $checked  Whether or not the checkbox is currently checked.
 *  string $label    The label for the checkbox.
 * }
 *
 * @since 4.0.0
 */
function settings_check_box( array $args ) {

    $defaults = array(
        'attrs'   => array(),
        'checked' => false,
        'label'   => ''
    );

    $args = wp_parse_args( $args, $defaults );

    echo '<input type="hidden" name="' . esc_attr( $args['name'] ) . '" value="off" />';

    echo '<label>
              <input type="checkbox"
                     value="on"
                     name="' . esc_attr( $args['name'] ) . '" ';

        print_attrs( $args['attrs'] );

        checked( 'on', $args['checked'] );

    echo ' />' . esc_html( $args['label'] ) . '</label>';

}


/**
 * Output a text box for a settings field.
 *
 * @param array $args {
 *  string $name        The name of the setting as registered with the settings API.
 *  array  $attrs       An array of HTML attributes for the field.
 *  array  $value       The current value of the text box.
 *  string $description The description to display below the field.
 * }
 *
 * @since 4.0.0
 */
function settings_text_box( array $args ) {

    $defaults = array(
        'attrs'       => array(),
        'value'       => '',
        'description' => ''
    );

    $args = wp_parse_args( $args, $defaults );

    echo '<input name="' . esc_attr( $args['name'] ) . '" 
                 value="' . $args['value'] . '" ';

        print_attrs( $args['attrs'] );

    echo ' />';

    if( !empty( $args['description'] ) ) {
        echo '<p class="description">' . esc_html( $args['description'] ) . '</p>';
    }

}


/**
 * Outputs disabled placeholder fields.
 *
 * @since 4.0.0
 */
function do_pro_only_field() {

    echo '<p class="description">' . __( 'Pro version only', 'ots' ) . '</p>';

}


/**
 * Output a number input and checkbox for the display limit field.
 *
 * @since 4.0.0
 */
function display_limit_field() {

    $value = get_option( Options::DISPLAY_LIMIT ); ?>

    <input type="number"
           min="1"
           id="ots-display-limit-number"
           placeholder="<?php esc_attr_e( '# of members', 'ots' ); ?>"
           name="<?php esc_attr_e( Options::DISPLAY_LIMIT ); ?>"
           value="<?php $value !== 'on' ? esc_attr_e( $value ) : ''; ?>"

           <?php disabled( $value, 'all' ); ?> >

    <?php _e( ' - or - ', 'ots' ); ?>

    <label>

        <input type="checkbox"
               id="ots-display-limit-all"
               value="all"
               name="<?php esc_attr_e( Options::DISPLAY_LIMIT ); ?>"

                <?php checked( $value, 'all' ); ?> >

        <?php _e( 'Display all', 'ots' ); ?>

    </label>

    <p class="description"><?php _e( 'The maximum number of members to display', 'ots' ); ?></p>

<?php }


function settings_toggle( array $args ) {

    $defaults = array(
        'attrs'   => array(),
        'checked' => false,
        'label'   => '',
        'slider'  => ''
    );

    $args = wp_parse_args( $args, $defaults );

    echo '<input type="hidden" name="' . esc_attr( $args['name'] ) . '" value="off" />';

    echo '<label class="switch">
              <input type="checkbox"
                     value="on"
                     name="' . esc_attr( $args['name'] ) . '" ';

    print_attrs( $args['attrs'] );

    checked( 'on', $args['checked'] );

    echo ' /><span class="slider ' . esc_attr( $args['slider'] ) . '"></label> ';
    echo '<span class="label">' . esc_html( $args['label'] ) . '</span>';

}