<article>
  <h3>{'Permissions'|t}</h3>
  {if="count($permissions) > 0"}
    <p>
      <svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation" class="icon error">
        <use href="{$asset_path}/sprites/default.svg#ui-cancel"></use>
      </svg>
      {'There are permissions that need to be fixed.'|t}
    </p>
    <ul>
      {loop="$permissions"}
        <li>{$value}</li>
      {/loop}
    </ul>
  {else}
    <p>
      <svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation" class="icon success">
        <use href="{$asset_path}/sprites/default.svg#ui-check"></use>
      </svg>
      {'All read/write permissions are properly set.'|t}
    </p>
  {/if}
</article>

<article>
  <h3>PHP</h3>
  <p>
    {'Running PHP'|t} <b>{$php_version}</b>
    {if="$php_has_reached_eol"}
    <svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation" class="icon warning">
      <use href="{$asset_path}/sprites/default.svg#ui-cancel"></use>
    </svg>

    {'End of life: '|t} {$php_eol}
    {else}
    <svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation" class="icon success">
      <use href="{$asset_path}/sprites/default.svg#ui-check"></use>
    </svg>
    {/if}
  </p>
  <table>
    <thead>
      <tr>
        <th>{'Extension'|t}</th>
        <th>{'Usage'|t}</th>
        <th>{'Status'|t}</th>
        <th>{'Loaded'|t}</th>
      </tr>
    </thead>
    <tbody>
      {loop="$php_extensions"}
        <tr>
          <td>{$value.name}</td>
          <td>{$value.desc}</td>
          <td>{$value.required ? t('Required') : t('Optional')}</td>
          <td class="text-center">
            {if="$value.loaded"}
              {$classLoaded="success"}
              {$strLoaded=t('Loaded')}
              {$uiIcon="check"}
            {else}
              {$strLoaded=t('Not loaded')}
              {if="$value.required"}
                {$classLoaded="error"}
                {$uiIcon="cancel"}
              {else}
                {$classLoaded="warning"}
                {$uiIcon="check"}
              {/if}
            {/if}
            <svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation" class="icon {$classLoaded}">
              <title>{$strLoaded}</title>
              <use href="{$asset_path}/sprites/default.svg#ui-{$uiIcon}"></use>
            </svg>
          </td>
        </tr>
      {/loop}
    </tbody>
  </table>
</article>