<?php defined('ALTUMCODE') || die() ?>

<div class="mb-4">
    <h1 class="h4"><?= l('help.faq.header') ?></h1>
    <p><?= l('help.faq.p') ?></p>
</div>

<div class="bg-gray-100 p-3 rounded mb-4">
    <h2 class="h5"><?= l('help.faq.q1.header') ?></h2>
    <p class="text-muted"><?= l('help.faq.q1.subheader') ?></p>

    <ul>
        <li class="mb-2"><?= l('help.faq.q1.r1') ?></li>
        <li class="mb-2"><?= l('help.faq.q1.r2') ?></li>
        <li class="mb-2"><?= l('help.faq.q1.r3') ?></li>
    </ul>
</div>

<div class="bg-gray-100 p-3 rounded mb-4">
    <h2 class="h5"><?= l('help.faq.q2.header') ?></h2>
    <p class="text-muted"><?= l('help.faq.q2.subheader') ?></p>

    <ul>
        <li class="mb-2"><?= l('help.faq.q2.r1') ?></li>
        <li class="mb-2"><?= l('help.faq.q2.r2') ?></li>
        <li class="mb-2"><?= l('help.faq.q2.r3') ?></li>
        <li class="mb-2"><?= l('help.faq.q2.r4') ?></li>
        <li class="mb-2"><?= l('help.faq.q2.r5') ?></li>
    </ul>

    <p class="text-muted"><?= l('help.faq.q2.subheader2') ?></p>

    <ul>
        <li class="mb-2"><?= l('help.faq.q2.r6') ?></li>
        <li class="mb-2"><?= l('help.faq.q2.r7') ?></li>
    </ul>
</div>

<div class="bg-gray-100 p-3 rounded">
    <h2 class="h5"><?= l('help.faq.q3.header') ?></h2>
    <p class="text-muted"><?= l('help.faq.q3.subheader') ?></p>

    <ul>
        <li class="mb-2"><?= l('help.faq.q3.r1') ?></li>
        <li class="mb-2"><?= l('help.faq.q3.r2') ?></li>
        <li class="mb-2"><?= l('help.faq.q3.r3') ?></li>
        <li class="mb-2"><?= l('help.faq.q3.r4') ?></li>
    </ul>
</div>
