<div class="page-header">
    <h2><?= t('Keyboard shortcuts') ?></h2>
</div>
<div class="panel">
    <h3><?= t('Board/Calendar/List view') ?></h3>
    <ul>
        <li><?= t('Switch to the project overview') ?> = <strong>v o</strong></li>
        <li><?= t('Switch to the board view') ?> = <strong>v b</strong></li>
        <li><?= t('Switch to the list view') ?> = <strong>v l</strong></li>
    </ul>
    <h3><?= t('Board view') ?></h3>
    <ul>
        <li><?= t('New task') ?> = <strong>n</strong></li>
        <li><?= t('Expand/collapse tasks') ?> = <strong>s</strong></li>
        <li><?= t('Compact/wide view') ?> = <strong>c</strong></li>
    </ul>
    <h3><?= t('Task view') ?></h3>
    <ul>
        <li><?= t('Edit task') ?> = <strong>e</strong></li>
        <li><?= t('New subtask') ?> = <strong>s</strong></li>
        <li><?= t('New comment') ?> = <strong>c</strong></li>
        <li><?= t('New internal link') ?> = <strong>l</strong></li>
    </ul>
    <h3><?= t('Application') ?></h3>
    <ul>
        <li><?= t('Display list of keyboard shortcuts') ?> = <strong>?</strong></li>
        <li><?= t('Open board switcher') ?> = <strong>b</strong></li>
        <li><?= t('Go to the search/filter box') ?> = <strong>f</strong></li>
        <li><?= t('Reset the search/filter box') ?> = <strong>r</strong></li>
        <li><?= t('Close dialog box') ?> = <strong>ESC</strong></li>
        <li><?= t('Submit a form') ?> = <strong>CTRL+ENTER</strong> <?= t('or') ?> <strong>⌘+ENTER</strong></li>
    </ul>
</div>