{% extends "/layouts/main.twig" %}

{% set active_menu = 'status' %}

{% set xdata %}
{% endset %}

{% block title p__('title', 'Status')|title %}

{% block template %}
<h1>{{ p__('heading', 'Status') }}</h1>

<div class="grid gap-4 md:gap-5 sm:grid-cols-2 md:grid-cols-3">
  <div class="flex items-center gap-4 box">
    <span
      class="avatar {{ debug ? 'text-alert bg-alert/25' : 'text-success bg-success/25' }}">
      <i
        class="ti ti-{{ debug ? 'alert-square-rounded' : 'square-rounded-check' }}"></i>
    </span>

    <div>
      <h3>{{ p__('heading', 'Debug Mode') }}</h3>

      <p class="mt-1 text-sm text-content-dimmed">
        {{ debug ? __('On') : __('Off') }}
      </p>
    </div>
  </div>

  <div class="flex items-center gap-4 box">
    <span
      class="avatar {{ environment == 'prod' ? 'text-success bg-success/25' : 'text-failure bg-failure/25' }}">
      <i
        class="ti ti-{{ environment == 'prod' ? 'square-rounded-check' : 'square-rounded-x' }}"></i>
    </span>

    <div>
      <h3>{{ p__('heading', 'Environment') }}</h3>
      <p class="mt-1 text-sm text-content-dimmed">
        {{ environment }}
      </p>
    </div>
  </div>

  <div class="flex items-center gap-4 box">
    <span
      class="avatar {{ database ? 'text-success bg-success/25' : 'text-failure bg-failure/25' }}">
      <i
        class="ti ti-{{ database ? 'square-rounded-check' : 'square-rounded-x' }}"></i>
    </span>

    <div>
      <h3>{{ p__('heading', 'Database') }}</h3>
      <p class="mt-1 text-sm text-content-dimmed">
        {{ database ? __('Connection established') : __('Connection failed') }}
      </p>
    </div>
  </div>

  <div class="flex items-center gap-4 box">
    <span
      class="avatar {{ file_uploads ? 'text-success bg-success/25' : 'text-failure bg-failure/25' }}">
      <i
        class="ti ti-{{ file_uploads ? 'square-rounded-check' : 'square-rounded-x' }}"></i>
    </span>

    <div>
      <h3>{{ p__('heading', 'File uploads') }}</h3>
      <p class="mt-1 text-sm text-content-dimmed">
        {{ file_uploads ? __('On') : __('Off') }}
      </p>
    </div>
  </div>

  <div class="flex items-center gap-4 box">
    <span class="avatar">
      <i class="ti ti-info-square-rounded"></i>
    </span>

    <div>
      <h3>{{ p__('heading', 'Post max size') }}</h3>
      <p class="mt-1 text-sm text-content-dimmed">
        {{ post_max_size }}
      </p>
    </div>
  </div>

  <div class="flex items-center gap-4 box">
    <span class="avatar">
      <i class="ti ti-info-square-rounded"></i>
    </span>

    <div>
      <h3>{{ p__('heading', 'Upload max filesize') }}</h3>
      <p class="mt-1 text-sm text-content-dimmed">
        {{ upload_max_filesize }}
      </p>
    </div>
  </div>

  <div class="flex items-center gap-4 box">
    <span class="avatar">
      <i class="ti ti-info-square-rounded"></i>
    </span>

    <div>
      <h3>{{ p__('heading', 'Memory limit') }}</h3>
      <p class="mt-1 text-sm text-content-dimmed">
        {{ memory_limit }}
      </p>
    </div>
  </div>

  <div class="flex items-center gap-4 box">
    <span class="avatar">
      <i class="ti ti-info-square-rounded"></i>
    </span>

    <div>
      <h3>{{ p__('heading', 'Disk space') }}</h3>
      <p class="mt-1 text-sm text-content-dimmed">
        {{ __('%2$s of %2$s is free', disk_free_space == null ? '-' : disk_free_space, disk_total_space == null ? '-' : disk_total_space) }}
      </p>
    </div>
  </div>
</div>
{% endblock %}