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

<h2><?php _e('Setup Gutenberg Block', 'post-snippets'); ?></h2>

<ul>
  <li><?php _e('Go to Post/Pages', 'post-snippets'); ?></li>
  <li><?php _e('Add New or edit existing Post/Pages', 'post-snippets'); ?></li>
  <li><?php _e('Click on the + icon and insert Post Snippets block', 'post-snippets'); ?>
    <ul >
        <li style="list-style-type: none;"><img src="<?php echo plugins_url('assets/img/help/gutenberg-block1.png', \PostSnippets::FILE); ?>" /></li>
    </ul>
  </li>
  <li><?php _e('You can find the created snippet from the drop-down menu', 'post-snippets'); ?>
    <ul>
        <li style="list-style-type: none;"><img src="<?php echo plugins_url('assets/img/help/gutenberg-block2.png', \PostSnippets::FILE); ?>" /></li>
    </ul>
  </li>
  <li><?php _e('Select any snippet', 'post-snippets'); ?></li>
  <li><?php _e('Click on the Publish button', 'post-snippets'); ?></li>
  <li><?php _e('Click on the view page link', 'post-snippets'); ?></li>
  <li><?php _e('See the snippet result on the frontend', 'post-snippets'); ?></li>
</ul>