<?php
/**
 * Gridpane instructions view.
 *
 * @since 2.0.0
 */
?>
<h1><?php _e('Instructions', 'wp-ultimo'); ?></h1>

<p class="wu-text-lg wu-text-gray-600 wu-my-4 wu-mb-6"><?php _e('Setting up GridPane with WP Ultimo is as easy as toggling a switch', 'wp-ultimo'); ?>!</p>

<p class="wu-text-sm">
  <?php _e('On the GridPane panel, go to', 'wp-ultimo'); ?> <a class="wu-no-underline" href="https://my.gridpane.com/sites" target="_blank"><?php _e('Sites', 'wp-ultimo'); ?></a>. <?php _e('Click on your network site to bring up the options modal', 'wp-ultimo'); ?>.
</p>

<div class="">
  <img class="wu-w-full" src="<?php echo wu_get_asset('gridpane-1.png', 'img/hosts'); ?>">
</div>

<p class="wu-text-sm">

  <?php _e('Go to the', 'wp-ultimo'); ?> <strong><?php _e('Multisite', 'wp-ultimo'); ?></strong> <?php _e('tab and toggle the', 'wp-ultimo'); ?> <strong><?php _e('WP Ultimo Integration', 'wp-ultimo'); ?></strong> <?php _e('switch', 'wp-ultimo'); ?>.

</p>

<div class="">
  <img class="wu-w-full" src="<?php echo wu_get_asset('gridpane-2.png', 'img/hosts'); ?>">
</div>

<p class="wu-text-sm">
  <?php _e("You're all set", 'wp-ultimo'); ?>!
</p>
