{% extends "layouts/base.html" %}

{% block subtitle %}
  <h1 class="text-4xl">Daftar Penghuni</h1>
{% endblock %}

{% block content %}
<div>
  {% for entry in penghunis %}
  <div class="px-4 py-4 flex flex-row justify-start penghunis-center hover:bg-blue-300">
    {{ entry.User.NamaUser }}
    <br/>
    di {{ entry.Rumah.NamaRumah }} dengan role {{ entry.Role }}
  </div>
  {% endfor %}
</div>
{% endblock %}