<?php
/**
 * Free vs Pro
 *
 * @package Sublime_Blog 
*/

$free_vs_pro = [
    [   
        'feature' => __( 'Site Logo', 'sublime-blog' ),
        'free'    => 'check',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Responsive Design', 'sublime-blog' ),
        'free'    => 'check',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Custom CSS', 'sublime-blog' ),
        'free'    => 'check',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Cross Browser Compatible', 'sublime-blog' ),
        'free'    => 'check',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Translation Ready', 'sublime-blog' ),
        'free'    => 'check',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Search Engine Optimized', 'sublime-blog' ),
        'free'    => 'check',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Speed Optimized', 'sublime-blog' ),
        'free'    => 'check',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Back to Top', 'sublime-blog' ),
        'free'    => 'check',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Preloader', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Social Media Integration', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Schema Integration', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Google Fonts', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Font Size Options', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Theme Color Options', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Footer Copyrights Options', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Banner with Static', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Banner with Static/Video Call-to-Action (CTA)', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Pages Banner Slider', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Custom Banner Slider', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Slider Banner Options', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Featured Blog Section', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'AD section', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'AD & News Section', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Instagram Section', 'sublime-blog' ),
        'free'    => 'check',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Breadcrumb', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Dark Mode', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Sticky Header', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Dynamic Footer Year', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Sticky Widget', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Custom Sidebar', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Drop Cap', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Social Sharing Options', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Performance Settings', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Admin Bar', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Lightbox', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Image Lazy Loading', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Related Post Taxonomy', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'RTL Compatible (Right to Left Scripts)', 'sublime-blog' ),
        'free'    => 'check',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'WooCommerce Plugin Compatible', 'sublime-blog' ),
        'free'    => 'check',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'WPML Plugin Compatible (Multilingual)', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Polylang Plugin Compatible (Multilingual)', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Sorting of Post Meta in Blog and Archive', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Sorting of comments, pagination, related and recommennded post in single post', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'One Click Demo Import', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    [   
        'feature' => __( 'Typograpy/Host Google Font Locally', 'sublime-blog' ),
        'free'    => 'cross',
        'pro'     => 'check',
    ],
    
    
    
];
?>

<div id="gs-free-vs-pro" class="st-gs-tab-content fade">
    <div class="st-gs-tab-header">
        <h2 class="st-gs-tab-title"><?php esc_html_e( 'Free vs Pro', 'sublime-blog' ); ?></h2>
        <div class="st-gs-tab-desc"><?php esc_html_e( 'Here is the list of features that are available in pro theme.', 'sublime-blog' ); ?></div>
    </div>
    <div class="st-gs-table">
        <table>
            <thead>
                <tr>
                    <th>
                        <strong><?php esc_html_e( 'Features', 'sublime-blog' ); ?></strong>
                    </th>
                    <th class="gs-free">
                        <strong><?php esc_html_e( 'Free', 'sublime-blog' ); ?></strong>
                        <button class="st-gs-free-btn"><span class="icon-st-check"></span><?php esc_html_e( 'Active', 'sublime-blog' ); ?></button>
                    </th>
                    <th class="gs-pro">
                        <strong><?php esc_html_e( 'Pro', 'sublime-blog' ); ?></strong>
                        <a href="https://sublimetheme.com/theme/sublime-blog-pro/" target="_blank" class="st-gs-pro-btn"><?php esc_html_e( 'View Pro', 'sublime-blog' ); ?></a>
                    </th>
                </tr>
            </thead>
            <tbody>
                <?php
                    foreach( $free_vs_pro as $feature ){
                        echo '<tr><td>' . esc_html( $feature['feature'] ) . '</td><td class="gs-free">';
                        if( $feature['free'] == 'check' || $feature['free'] == 'cross' ){
                            echo '<span class="icon-st-' . esc_attr( $feature['free'] ) . '"></span>';
                        }else{
                            echo '<span>' . esc_html( $feature['free'] ) . '</span>';
                        }
                        echo '</td><td class="gs-pro">';
                        if( $feature['pro'] == 'check' || $feature['pro'] == 'cross' ){
                            echo '<span class="icon-st-' . esc_attr( $feature['pro'] ) . '"></span>';
                        }else{
                            echo '<span>' . esc_html( $feature['pro'] ) . '</span>';
                        }
                        echo '</td></tr>';
                    }
                ?>
            </tbody>
            <tfoot>
                <tr>
                    <td>&nbsp;</td>
                    <td class="gs-free">
                        <button class="st-gs-free-btn"><span class="icon-st-check"></span><?php esc_html_e( 'Active', 'sublime-blog' ); ?></button>
                    </td>
                    <td class="gs-pro">
                        <a href="https://sublimetheme.com/theme/sublime-blog-pro/" target="_blank" class="st-gs-pro-btn"><?php esc_html_e( 'View Pro', 'sublime-blog' ); ?></a>
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>
</div><!-- #gs-free-vs-pro -->