<template>
  <UModal v-model:open="open" :title="selectedUser?.email">
    <template #body>
      <div>
        <div>Имя: {{ selectedUser?.name }}</div>
        <div>Логин: {{ selectedUser?.username }}</div>
        <div>Электронная почта: {{ selectedUser?.email }}</div>
        <div>Телефон: {{ selectedUser?.phone }}</div>
        <a :href="`https://${selectedUser?.website}`" target="_blank">Веб-сайт: <span class="title-cell">{{ selectedUser?.website }}</span></a>
        <div>Название компании: {{ selectedUser?.company?.name }}</div>
        <div>Адрес: {{ `${selectedUser?.address?.street} ${selectedUser?.address?.suite} ${selectedUser?.address?.city}` }}</div>
      </div>
    </template>
  </UModal>
</template>

<script setup lang="ts">
defineProps<{ selectedUser: User | null }>()
const open = defineModel('modelValue', { type: Boolean, default: false })
</script>
