{{define "users_modal"}}
<div class="text-sm text-gray-700 dark:text-gray-200 ">
  <div class="py-2">
    <span class="font-semibold text-gray-900 dark:text-white" data-i18n="table.id">ID</span>:
    <span>{{.User.ID}}</span>
  </div>
  <div class="py-2">
    <span class="font-semibold text-gray-900 dark:text-white" data-i18n="table.role">Role</span>:
    {{if eq .User.Role "admin"}}
    <span class="rounded-sm bg-red-100 px-2.5 py-0.5 text-xs font-medium text-red-800" data-i18n="user.role_admin">admin</span>
    {{else}}
    <span class="rounded-sm bg-blue-100 px-2.5 py-0.5 text-xs font-medium text-blue-800" data-i18n="user.role_user">user</span>
    {{end}}
  </div>
  <div class="py-2">
    <span class="font-semibold text-gray-900 dark:text-white" data-i18n="table.name">Name</span>:
    <span>{{if .User.Name}}{{.User.Name}}{{else}}-{{end}}</span>
  </div>
  <div class="py-2">
    <span class="font-semibold text-gray-900 dark:text-white" data-i18n="table.email">Email</span>:
    <span>{{.User.Email}}</span>
  </div>
  <div class="py-2">
    <span class="font-semibold text-gray-900 dark:text-white" data-i18n="user.verified">Verified</span>:
    <span>{{if .User.EmailVerified}}<span data-i18n="user.yes">yes</span>{{else}}<span data-i18n="user.no">no</span>{{end}}</span>
  </div>
  <div class="py-2">
    <span class="font-semibold text-gray-900 dark:text-white" data-i18n="user.created">Created</span>:
    <span data-localize-date="{{.User.CreatedAt.Format "2006-01-02T15:04:05Z07:00"}}">{{.User.CreatedAt}}</span>
  </div>
</div>

{{end}}