{{-- resources/views/admin/components/math-help.blade.php --}}
<div class="card mt-3">
  <div class="card-body p-3">
    <h6 class="mb-2"><strong>Math Input Guide</strong></h6>

    <ul class="mb-0 small">
      <li>
        Inline:
        <code>$x^2$</code>
        <span class="text-muted ms-1">→</span>
        <span class="math-render">\(x^2\)</span>
      </li>

      <li class="mt-1">
        Display:
        <code>$$\frac{a}{b}$$</code>
        <span class="text-muted ms-1">→</span>
        <div class="math-render">$$\frac{a}{b}$$</div>
      </li>

      <li class="mt-1">
        Square root:
        <code>\(\sqrt{a^2+b^2}\)</code>
        <span class="text-muted ms-1">→</span>
        <span class="math-render">\(\sqrt{a^2+b^2}\)</span>
      </li>

      <li class="mt-1">
        Fractions inline:
        <code>\(\dfrac{1}{n}\)</code>
        <span class="text-muted ms-1">→</span>
        <span class="math-render">\(\dfrac{1}{n}\)</span>
      </li>
    </ul>
    <h6 class="mb-2"><strong>Type 1 Input Guide</strong></h6>

    <ul class="mb-0 small">
      <li>
        Input box: <code>{{'Answer : <input type="text" class="fill-blank-input">'}}</code>
      </li>
    </ul>
  </div>
</div>