<?php
/**
 * Theme help page views file.
 * 
 * @package bootstrap-basic4
 */
?>
<div class="wrap">
    <h2><?php esc_html_e('Bootstrap Basic4 help', 'bootstrap-basic4'); ?></h2>

    <h3><?php esc_html_e('Menu', 'bootstrap-basic4'); ?></h3>
    <p><?php esc_html_e('To display menu correctly, please create at least 1 menu and set as primary and save.', 'bootstrap-basic4'); ?></p>

    <h3><?php esc_html_e('Bootstrap features', 'bootstrap-basic4'); ?></h3>
    <p><?php 
    /* translators: %1$s: Open link, %2$s: Close link */
    printf(esc_html__('This theme can use all Bootstrap 4 classes, elements and styles. Please read the %1$sBootstrap 4 document%2$s.', 'bootstrap-basic4'), '<a href="https://getbootstrap.com/docs/4.2/getting-started/introduction/" target="bootstrap4_doc">', '</a>'); 
    ?></p>

    <h3><?php esc_html_e('Responsive image', 'bootstrap-basic4'); ?></h3>
    <p><?php 
    /* translators: %s: Example code. */
    printf(esc_html__('For responsive image please add img-fluid class to img element. Example: %s', 'bootstrap-basic4'), '<code>&lt;img src=&quot;...&quot; alt=&quot;&quot; class=&quot;img-fluid&quot;&gt;</code>'); 
    ?></p>

    <h3><?php esc_html_e('Responsive video', 'bootstrap-basic4'); ?></h3>
    <p><?php 
    /* translators: %s: Example code. */
    printf(esc_html__('Cloak video element (video element or embeded video) with %s.', 'bootstrap-basic4'), '<code>&lt;div class=&quot;embed-responsive embed-responsive-16by9&quot;&gt;...&lt;/div&gt;</code>'); 
    ?></p>

    <h3><?php esc_html_e('Support older Internet Explorer (IE)', 'bootstrap-basic4'); ?></h3>
    <p><?php 
    /* translators: %1$s: Link to Bootstrap IE8, %2$s: @Coliff name */
    printf(esc_html__('To make Bootstrap 4 works in older Internet Explorer (IE) please create child theme and use this css (%1$s) created by %2$s.', 'bootstrap-basic4'), '<a href="https://github.com/coliff/bootstrap-ie8" target="bs4ie">https://github.com/coliff/bootstrap-ie8</a>', '@Coliff') 
    ?></p>

    <h3><?php esc_html_e('Font Awesome features', 'bootstrap-basic4'); ?></h3>
    <p><?php 
    /* translators: %1$s: Open link, %2$s: Close link */
    printf(esc_html__('This theme comes with Font Awesome 5, please read the %1$sFont Awesome documentation%2$s for icon classes and features.', 'bootstrap-basic4'), '<a href="https://fontawesome.com/" target="fontawesome5_doc">', '</a>'); 
    ?><br>
    <?php
    printf(
        /* translators: %1$s: official Font Awesome plugin link, %2$s: close link, %3$s Rundiz Font Awesome plugin link. */
        esc_html__('For most up to date Font Awesome, please use %1$sofficial Font Awesome%2$s plugin that is CDN supported or use %3$sRundiz Font Awesome%2$s plugin that is local install supported and can be selected Font Awesome version of your choice.', 'bootstrap-basic4'),
        '<a href="https://wordpress.org/plugins/font-awesome/" target="_blank">',
        '</a>',
        '<a href="https://wordpress.org/plugins/rd-fontawesome/" target="_blank">'
    );
    ?></p>

    <h3><?php esc_html_e('Bootstrap Basic4 Change log', 'bootstrap-basic4'); ?></h3>
    <p>
        <?php 
        /* translators: %1$s: Open link, %2$s: Close link */
        printf(esc_html__('You can see what was changed in each version or each commits on our %1$sGitHub page%2$s.', 'bootstrap-basic4'), '<a href="https://github.com/Rundiz-WP/bootstrap-basic4" target="bb4_commits">', '</a>'); 
        ?> 
        <?php esc_html_e('You can also see it on changelog.md file that come with the theme.', 'bootstrap-basic4'); ?> 
    </p>

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

    <footer style="margin-top: 30px;">
        <p><?php 
        printf(
            /* translators: %1$s Open link, %2$s Close link. */
            esc_html__('Thank you for using Bootstrap Basic4. Please %1$sdonate%2$s to support the developer.', 'bootstrap-basic4'),
            '<a href="https://rundiz.com/en/donate" target="donate">',
            '</a>'
        );
        ?></p>
    </footer>
</div>
