{% extends 'layout.html' %}
{% block title %}
  {{- user.username -}}
{% endblock title %}
{% block body %}
  <Flash messages={{ get_flashed_messages() }} />
  <!-- Title & Date -->
  <div class="row align-items-baseline">
    <div class="col">
      <h2 class="mb-5">{% trans %}Person{% endtrans %}</h2>
    </div>
    <div class="col text-end">
      <span class="d-none d-print-block">{{ now | format_datetime }}</span>
      <button class="btn btn-secondary d-print-none" onclick="window.print()">
        <Icon value="bi-printer" />
        {% trans %}Print{% endtrans %}
      </button>
    </div>
  </div>
  <!-- Identity card -->
  <div class="row">
    <div class="col-12 mb-5">{% include "dashboard/identity.html" %}</div>
  </div>
  <!-- Access card & SSH -->
  <div class="row align-items-stretch">
    <div class="col-sm-6 mb-5">{% include "dashboard/access.html" %}</div>
    <div class="col-sm-6 mb-5">{% include "dashboard/ssh.html" %}</div>
  </div>
  <h2 class="mb-5">{% trans %}Managed Services{% endtrans %}</h2>
  <!-- Network & Application cards -->
  <div class="row align-items-stretch">
    <div class="col-sm-6 mb-5">{% include "dashboard/network.html" %}</div>
    <div class="col-sm-6 mb-5">{% include "dashboard/application.html" %}</div>
  </div>
  <!-- Storage card -->
  <div class="row">
    <div class="col-12 mb-5">{% include "dashboard/storage.html" %}</div>
  </div>
  <!-- Infrastructure & Compute cards -->
  <div class="row">
    <div class="col-lg-6 mb-5">{% include "dashboard/infra.html" %}</div>
    <div class="col-lg-6 mb-5">{% include "dashboard/compute.html" %}</div>
  </div>
  <!-- OpenStack card -->
  <h2 class="mb-5">{% trans %}Unmanaged Services{% endtrans %}</h2>
  <div class="row">
    <div class="col-12 mb-5">{% include "dashboard/cloud.html" %}</div>
  </div>
  {# Include common modal dialogs #}
  {% if user.username == username %}
    <ModalRequestAccess form={{ request_access_form }} />
    <ModalRequestSupport form={{ request_support_form }} />
  {% endif %}
{% endblock %}