<?php if (!defined('ABSPATH')) die();?>

<div id="AGS_TESTIFY-settings-container">
    <div id="AGS_TESTIFY-settings">

        <div id="AGS_TESTIFY-settings-header">
            <div class="AGS_TESTIFY-settings-logo">
                <img src="<?php echo(esc_url(plugins_url('img/testify-icon.svg', dirname(__FILE__) . '/../testify.php'))); ?>"
                     alt="<?php esc_html_e('Testify', 'testify-testify'); ?>"/>
                <h1><?php esc_html_e('Testify', 'testify-testify'); ?></h1>
            </div>
            <div id="AGS_TESTIFY-settings-header-links">
                <a id="AGS_TESTIFY-settings-header-link-support"
                   href="https://support.aspengrovestudios.com/article/417-testify"
                   target="_blank"><?php esc_html_e('Support', 'testify-testify'); ?></a>
            </div>
        </div>

        <ul id="AGS_TESTIFY-settings-tabs">
            <li class="AGS_TESTIFY-settings-active"><a href="#general"><?php esc_html_e('General Instructions', 'testify-testify'); ?></a></li>
            <li><a href="#shortcode"><?php esc_html_e('Shortcode Parameters', 'testify-testify'); ?></a></li>
            
            <li><a href="#license"><?php esc_html_e('License Key', 'testify-testify'); ?></a></li>
            
        </ul>

        <div id="AGS_TESTIFY-settings-tabs-content">

            <div id="AGS_TESTIFY-settings-general" class="AGS_TESTIFY-settings-active">
                <h3 id="testify-about-general"><?php esc_html_e('General Instructions', 'testify-testify'); ?></h3>
                <p>
                    <?php
                    echo sprintf(
                        esc_html__('Add your testimonials under %sTestify %s All Testimonials%s, along with optional %scategories%s and %stags%s. To display testimonials on a page, use the %s shortcode or the shortcode inserter located above the WYSIWYG page and post editor.', 'testify-testify'),
                        '<a href="edit.php?post_type=testify-testimonial">',
                        '&gt;',
                        '</a>',
                        '<a href="edit-tags.php?taxonomy=testify-cat&amp;post_type=testify-testimonial">',
                        '</a>',
                        '<a href="edit-tags.php?taxonomy=testify-tag&amp;post_type=testify-testimonial">',
                        '</a>',
                        '<code>[testify]</code>'
                    ); ?>
                </p>
                <p>
                    <?php
					if ( isset($_SERVER['REQUEST_URI'][0]) && $_SERVER['REQUEST_URI'][0] == '/' ) {
						$returnUrl = wp_sanitize_redirect($_SERVER['REQUEST_URI']);
					}
					
                    echo sprintf(
                        esc_html__('You can set default display options in the %scustomizer%s.', 'testify-testify'),
                        '<a href="customize.php?autofocus[panel]=testify_panel'.(isset($returnUrl) ? '&amp;return=' . rawurlencode($returnUrl) : '') . '">',
                        '</a>'
                    ); ?>
                </p>
                <br>
                <h3 id="testify-about-general"><?php esc_html_e('Full documentation is available on our website', 'testify-testify'); ?></h3>
                <p>
                    <?php
                    echo sprintf(
                        esc_html__('View full online documentation %shere%s.', 'testify-testify'),
                        '<a href="http://aspengrovestudios.com/documentation/testify" target="_blank">',
                        '</a>'
                    ); ?>
                </p>
            </div>

            <div id="AGS_TESTIFY-settings-shortcode">
                <h3 id="testify-about-shortcode"><?php esc_html_e('Shortcode Parameters', 'testify-testify'); ?></h3>
                <p><?php esc_html_e('By default you should use the shortcode inserter located above the WYSIWYG editor to add Testify
                    shortcodes to your page or post. If for any reason you need to add shortcodes manually, please
                    refer to the parameters below:', 'testify-testify');?></p>
                <p>
                    <?php
                    echo sprintf(
                        esc_html__('The following parameters can be added to the %s shortcode to customize the
                    behavior and appearance of the testimonials. For example: %s.', 'testify-testify'),
                        '<code>[testify]</code>',
                        '<code>[testify category=&quot;my-category&quot;count=&quot;6&quot;]</code>'
                    ); ?>
                </p>
                <dl>
                    <dt><code>align</code></dt>
                    <dd><?php esc_html_e(' The alignment of the testimonials. Permitted values are left, right, and center.', 'testify-testify'); ?>
                    <dt><code>autoplay_duration</code></dt>
                    <dd><?php esc_html_e(' The amount of time in milliseconds to show each testimonial before automatically advancing
                            to the next testimonial. Set to 0 to disable autoplay.
                        ', 'testify-testify'); ?>
                    <dt><code>bgcolor</code></dt>
                    <dd><?php esc_html_e(' The background color of the testimonials area in hex or rgba() format, e.g. #ffffff.', 'testify-testify'); ?>
                    <dt><code>count</code></dt>
                    <dd><?php esc_html_e(' The number of testimonials to display.', 'testify-testify'); ?>
                    <dt><code>category</code></dt>
                    <dd><?php esc_html_e(' Only show testimonials from the specified categories. Categories can be specified using
                            their slugs or IDs (numeric values are assumed to be IDs). You can specify multiple
                            categories separated with commas (all values must be the same type - slug or ID).
                        ', 'testify-testify'); ?>
                    <dt><code>font_family_author</code></dt>
                    <dd><?php esc_html_e(' The font family of the testimonial author text, e.g. Arial, sans-serif.', 'testify-testify'); ?>
                    <dt><code>font_family</code></dt>
                    <dd><?php esc_html_e(' The font family of the testimonial body, e.g. Arial, sans-serif.', 'testify-testify'); ?>
                    <dt><code>font_italic_author</code></dt>
                    <dd><?php esc_html_e(' Whether or not to use the italic font for the testimonial author text (0 or 1).', 'testify-testify'); ?>
                    <dt><code>font_italic</code></dt>
                    <dd><?php esc_html_e(' Whether or not to use the italic font for the testimonial body (0 or 1).', 'testify-testify'); ?>
                    <dt><code>font_size_author</code></dt>
                    <dd><?php esc_html_e(' The testimonial author text font size (in pixels). Do not include px.', 'testify-testify'); ?>
                    <dt><code>font_size</code></dt>
                    <dd><?php esc_html_e(' The testimonial body font size (in pixels). Do not include px.', 'testify-testify'); ?>
                    <dt><code>font_weight_author</code></dt>
                    <dd><?php esc_html_e(' The font weight of the testimonial author text, e.g. 400 for normal or 700 for bold.', 'testify-testify'); ?>
                    <dt><code>font_weight</code></dt>
                    <dd><?php esc_html_e(' The font weight of the testimonial body, e.g. 400 for normal or 700 for bold.', 'testify-testify'); ?>
                    <dt><code>image_border_color</code></dt>
                    <dd><?php esc_html_e(' The color of the testimonial image in hex or rgba() format, e.g. #666666.', 'testify-testify'); ?>
                    <dt><code>image_border_width</code></dt>
                    <dd><?php esc_html_e(' The width of the testimonial image in px. Do not include px.', 'testify-testify'); ?>
                    <dt><code>image_shadow</code></dt>
                    <dd><?php esc_html_e(' The shadow of the testimonial image (0 or 1).', 'testify-testify'); ?>
                    <dt><code>image_shape</code></dt>
                    <dd><?php esc_html_e(' The shape of the testimonial image (circle or square)', 'testify-testify'); ?>
                    <dt><code>image_size</code></dt>
                    <dd><?php esc_html_e(' Pixel resolution of the testimonial image to request from WordPress (example: enter 150 for
                            150x150). Does not affect the display size of the image. Do not include px. Enter 0 to use
                            the original (non-resized) image.
                        ', 'testify-testify'); ?>
                    <dt><code>image_width_400</code></dt>
                    <dd><?php esc_html_e(' Maximum Image Width (for the screens <= 400px) Do not include px. Specify 0 to hide.', 'testify-testify'); ?>
                    <dt><code>image_width_600</code></dt>
                    <dd><?php esc_html_e(' Maximum Image Width (for the screens <= 600px) Do not include px. Specify 0 to hide.', 'testify-testify'); ?>
                    <dt><code>image_width_900</code></dt>
                    <dd><?php esc_html_e(' Maximum Image Width (for the screens <= 900px) Do not include px. Specify 0 to hide.', 'testify-testify'); ?>
                    <dt><code>image_width</code></dt>
                    <dd><?php esc_html_e(' Maximum Image Width. Specify 0 to hide.', 'testify-testify'); ?>
                    <dt><code>nav_arrows</code></dt>
                    <dd><?php esc_html_e(' Whether or not to show next/previous navigation arrows.Arrows will not be visible on
                            devices with small screens. (0 or 1).
                        ', 'testify-testify'); ?>
                    <dt><code>nav_type</code></dt>
                    <dd><?php esc_html_e(' The type of navigation to use. Permitted values are thumbnails, dots, and none.', 'testify-testify'); ?>
                    <dt><code>order</code></dt>
                    <dd><?php esc_html_e(' The order in which to retrieve and display testimonials. Permitted values are date_desc
                            (order by date, newest first), date_asc (order by date, oldest first), and random.
                        ', 'testify-testify'); ?>
                    <dt><code>qmark_color</code></dt>
                    <dd><?php esc_html_e(' The color of the quotation mark image in hex or rgba() format, e.g. #666666.', 'testify-testify'); ?>
                    <dt><code>qmark_width</code></dt>
                    <dd><?php esc_html_e(' The width of the quotation mark image in pixels. The height will be scaled proportionally.
                            Do not include px
                        ', 'testify-testify'); ?>
                    <dt><code>qmark</code></dt>
                    <dd><?php esc_html_e(' Which quotation mark image to display (a number based on the order of quotation mark images
                            in the customizer, e.g. 2 for the second image). A value of 0 disables the quotation mark
                            image.
                        ', 'testify-testify'); ?>
                    <dt><code>readmore_color</code></dt>
                    <dd><?php esc_html_e(' The color of the read more button in hex or rgba() format, e.g. #666666.', 'testify-testify'); ?>
                    <dt><code>readmore_font_size</code></dt>
                    <dd><?php esc_html_e(' The read more font size (in pixels). Do not include px.', 'testify-testify'); ?>
                    <dt><code>readmore_font</code></dt>
                    <dd><?php esc_html_e(' The font family of the read more button, e.g. Arial, sans-serif.', 'testify-testify'); ?>
                    <dt><code>readmore_icon_color</code></dt>
                    <dd><?php esc_html_e(' The read more button icon color in hex or rgba() format, e.g. #666666.', 'testify-testify'); ?>
                    <dt><code>readmore_icon_placement</code></dt>
                    <dd><?php esc_html_e(' The position of the read more button icon (right of left)', 'testify-testify'); ?>
                    <dt><code>readmore_icon</code></dt>
                    <dd><?php esc_html_e(' The code of the icon from the FontAwesome library.', 'testify-testify'); ?>
                    <dt><code>readmore_less_icon_color</code></dt>
                    <dd><?php esc_html_e(' The read less button icon color in hex or rgba() format, e.g. #666666.', 'testify-testify'); ?>
                    <dt><code>readmore_less_icon_placement</code></dt>
                    <dd><?php esc_html_e(' The position of the read less button icon (right of left)', 'testify-testify'); ?>
                    <dt><code>readmore_less_icon</code></dt>
                    <dd><?php esc_html_e(' The code of the icon from the FontAwesome library.', 'testify-testify'); ?>
                    <dt><code>readmore_lesslink</code></dt>
                    <dd><?php esc_html_e(' text of the Read Less Button (by default "Read Less")', 'testify-testify'); ?>
                    <dt><code>readmore_letter_spacing</code></dt>
                    <dd><?php esc_html_e(' Read More Button Spacing between the characters in px (don’t include px)', 'testify-testify'); ?>
                    <dt><code>readmore_limit</code></dt>
                    <dd><?php esc_html_e(' The number of the characters to show Read More button (number value, by default 150)', 'testify-testify'); ?>
                    <dt><code>readmore_morelink</code></dt>
                    <dd><?php esc_html_e(' Text of the Read More Button (by default ‘"Read More")', 'testify-testify'); ?>
                    <dt><code>readmore_use_icon</code></dt>
                    <dd><?php esc_html_e(' Display or hide the icon of the read more button. ( 0, 1)', 'testify-testify'); ?>
                    <dt><code>readmore</code></dt>
                    <dd><?php esc_html_e(' Enable functionality to collapse and expand long text with "Read more" and "Read less"
                            links.
                        ', 'testify-testify'); ?>
                    <dt><code>sep_color</code></dt>
                    <dd><?php esc_html_e(' The color of the separator between the testimonial body and author text in hex or rgba()
                            format, e.g. #666666.
                        ', 'testify-testify'); ?>
                    <dt><code>sep_height</code></dt>
                    <dd><?php esc_html_e(' The thickness of the separator in pixels. Do not include px.', 'testify-testify'); ?>
                    <dt><code>sep_show</code></dt>
                    <dd><?php esc_html_e(' Whether or not to show the separator between the testimonial body and author text (0 or
                            1).
                        ', 'testify-testify'); ?>
                    <dt><code>tag</code></dt>
                    <dd><?php esc_html_e(' Only show testimonials with the specified tags. Tags can be specified using their slugs or
                            IDs (numeric values are assumed to be IDs). You can specify multiple tags separated with
                            commas (all values must be the same type - slug or ID).
                        ', 'testify-testify'); ?>
                    <dt><code>text_color_author</code></dt>
                    <dd><?php esc_html_e(' The color of the testimonial author text in hex or rgba() format, e.g. #ffffff.', 'testify-testify'); ?>
                    <dt><code>text_color</code></dt>
                    <dd><?php esc_html_e(' The text color of the testimonial body in hex or rgba() format, e.g. #ffffff.', 'testify-testify'); ?>
                    <dt><code>text_uppercase_author</code></dt>
                    <dd><?php esc_html_e(' Whether or not the testimonial author text should be displayed in uppercase text (0 or
                            1).
                        ', 'testify-testify'); ?>
                    <dt><code>text_uppercase</code></dt>
                    <dd><?php esc_html_e(' Whether or not the testimonial body should be displayed in uppercase text (0 or 1).', 'testify-testify'); ?>
                    <dt><code>thumb_inactive_color</code></dt>
                    <dd><?php esc_html_e(' The "overlay" color of inactive testimonial thumbnails in hex or rgba() format, e.g.
                            #ffffff.
                        ', 'testify-testify'); ?>
                    <dt><code>thumb_per_row_400</code></dt>
                    <dd><?php esc_html_e(' The number of testimonial thumbnails displayed per row at 400px page width', 'testify-testify'); ?>
                    <dt><code>thumb_per_row_600</code></dt>
                    <dd><?php esc_html_e(' The number of testimonial thumbnails displayed per row at 600px page width', 'testify-testify'); ?>
                    <dt><code>thumb_per_row_900</code></dt>
                    <dd><?php esc_html_e(' The number of testimonial thumbnails displayed per row at 9400px page width', 'testify-testify'); ?>
                    <dt><code>thumb_per_row</code></dt>
                    <dd><?php esc_html_e(' The number of testimonial thumbnails displayed per row.', 'testify-testify'); ?>
                    <dt><code>thumb_row_bgcolor</code></dt>
                    <dd><?php esc_html_e(' The background color of the testimonial thumbnails area in hex or rgba() format, e.g.
                            #ffffff.
                        ', 'testify-testify'); ?>
                    <dt><code>thumb_spacing</code></dt>
                    <dd><?php esc_html_e(' The amount of space between testimonial thumbnails (in pixels). Do not include px.', 'testify-testify'); ?>
                    <dt><code>thumb_width</code></dt>
                    <dd><?php esc_html_e(' Pixel resolution of the thumbnail image to request from WordPress (example: 150 for
                            150x150). Does not affect the display size of the thumbnails. Do not include px. Enter 0 to
                            use the original (non-resized) images.
                        ', 'testify-testify'); ?>
                    <dt><code>transition_duration</code></dt>
                    <dd><?php esc_html_e(' The length of the transition between testimonials in milliseconds. Has no effect if the
                            transition type is none.
                        ', 'testify-testify'); ?>
                    <dt><code>transition_type</code></dt>
                    <dd><?php esc_html_e(' The type of transition used between testimonials. Permitted values are fade, slide, and
                            none.
                        ', 'testify-testify'); ?>
                </dl>
            </div>
            
            <div id="AGS_TESTIFY-settings-license">
                <?php AGS_TESTIFY_license_key_box(); ?>
            </div>
            
        </div>

        <script>
            var ags_testify_tabs_navigate = function () {
                jQuery('#AGS_TESTIFY-settings-tabs-content > div, #AGS_TESTIFY-settings-tabs > li').removeClass('AGS_TESTIFY-settings-active');
                jQuery('#AGS_TESTIFY-settings-' + location.hash.substr(1)).addClass('AGS_TESTIFY-settings-active');
                jQuery('#AGS_TESTIFY-settings-tabs > li:has(a[href="' + location.hash + '"])').addClass('AGS_TESTIFY-settings-active');
            };

            if (location.hash) {
                ags_testify_tabs_navigate();
            }

            jQuery(window).on('hashchange', ags_testify_tabs_navigate);
        </script>
    </div>
</div>