{% extends 'admin/inspect.html' %}
{% load i18n static simpelcore_tags %}
{% block content %}

<div class="row">
  <div class="col-lg-12">
    <section class="card mb-4">
      <div class="d-flex align-items-center px-5 py-6">
        <div class="d-flex align-items-center me-auto">
          {% if object.user %}
            <img src="{{ object.user.avatar }}" width="72px" height="72px" alt="{{ user }}" class="rounded-circle me-4">
          {% else %}
            <img src="{% static 'simpelmin/img/avatar_male.png' %}" width="72px" height="72px" alt="{{ user }}" class="rounded-circle me-4">
          {% endif %}
          <div>
            <h3 class="fs-5 fw-bold mb-0">{{ object.name }}</h3>
            <p class="mb-0">{% if object.user %}{{ object.user }} {% else %} {% trans "Non User" %} {% endif %}</p>
          </div>
        </div>
        <div class="text-end">
          <div class="fw-bold">{% trans "Balance" %}</div>
          <div class="display-8">
            {{ object.balance|currency }}
          </div>
        </div>
      </div>
    </section>
  </div>
  {% comment %}
  <div class="col-lg-8">
    <div class="card">
      <div class="px-4 py-4">
        title
      </div>
    </div>
  </div>
  <div class="col-lg-4">
    <div class="card">
      <div class="px-4 py-4">
        title
      </div>
    </div>
  </div>
  {% endcomment %}
</div>

{% endblock %}
