<?php
/* panel for advanced tutorials */
?>
<div class="container">
  <div class="row">
    <div class="columns one-third">
      <div class="iframe">
        <iframe src="https://www.youtube.com/embed/vPc3M5Emro4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </div>
      <h3>
        Construct large forms with sub-forms.
      </h3>
      <ul>
        <li>A short tutorial on advanced concepts, it demonstrates the plugin's modular form construct functionality allowing complex forms to be assembled from other child forms.</li>
      </ul>
    </div>
    <div class="columns one-third">
      <div class="iframe">
        <iframe src="https://www.youtube.com/embed/BsMXVzroEBk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </div>
      <h3>
        Customising the admin dashboard.
      </h3>
      <ul>
        <li>Tracking form submissions with an additional column in the form table. (Get the code from the <a href="https://github.com/aurovrata/smart-grid-sample-codes/blob/main/admin/custom-submission-count-column.php">GitHub repo</a>.)</li>
      </ul>
    </div>
    <div class="columns one-third">
      <div class="iframe">
        <iframe src="https://www.youtube.com/embed/zPPD5VBF78w" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </div>
      <h3>
        Preview & Pre-fill forms.
      </h3>
      <ul>
        <li>The plugin preview functionality leverages the pre-fill of fields functionalty to ease the design and development process. </li>
      </ul>
    </div>
  </div>
</div>
