# Instalar: Perfil de Utilizador + Correção Mobile

## 1. Ficheiros novos

```
app/Livewire/Profile.php
resources/views/livewire/profile.blade.php
```

## 2. Ficheiros a substituir

```
resources/views/layouts/app.blade.php                    (menu hambúrguer mobile)
resources/views/livewire/admin/dashboard.blade.php         (gráficos empilham em mobile)

resources/views/livewire/admin/asset-index.blade.php        (scroll horizontal + form responsivo)
resources/views/livewire/admin/client-index.blade.php
resources/views/livewire/admin/invoice-index.blade.php
resources/views/livewire/admin/maintenance-request-index.blade.php
resources/views/livewire/admin/property-index.blade.php
resources/views/livewire/admin/quote-index.blade.php
resources/views/livewire/admin/technician-index.blade.php
resources/views/livewire/admin/user-index.blade.php
resources/views/livewire/admin/work-order-index.blade.php

routes/web.php   (rota /profile)
```

Sem migrations.

```bash
cd ~/public_html/app.amimak.co.mz
php artisan config:clear
php artisan route:clear
php artisan view:clear
```

## 3. O que estava mal e foi corrigido

### Bug real: conteúdo cortado no telemóvel
As 9 tabelas listadas acima usavam `overflow-hidden`, que **corta** o
conteúdo que não cabe, em vez de `overflow-x-auto`, que permite deslizar
para o lado. Numa tabela com 6-7 colunas (ex: pedidos, work orders), isso
significava literalmente colunas invisíveis no telemóvel — não era só
"feio", os dados nem apareciam. Corrigido em todas.

### Menu inexistente em mobile
O menu principal desaparecia por completo abaixo de um certo tamanho de
ecrã (`hidden md:flex`), sem alternativa nenhuma — impossível navegar entre
secções no telemóvel. Agora há um **botão hambúrguer** que abre um menu
deslizante com todas as secções, organizado da mesma forma (Cadastro,
Operações, Financeiro, etc.), tanto para o painel interno como para o
portal do cliente.

### Formulários apertados
Os formulários de Imóvel/Equipamento/Cliente/Técnico/Utilizador tinham
sempre 2 colunas fixas — em telemóvel ficavam com campos demasiado
estreitos. Agora empilham numa coluna só em ecrãs pequenos.

## 4. Perfil pessoal (`/profile`)

Nova página, acessível a **qualquer utilizador autenticado** (interno ou
de portal) — link no menu (desktop: dentro do menu de perfil com avatar;
mobile: dentro do menu hambúrguer; portal: link directo "Perfil").

Permite:
- Editar nome e email
- Alterar a própria password (pede a password actual primeiro)

**Diferente** de `/admin/users` (que gere OUTRAS contas — só Admin) —
aqui cada um só mexe na sua.

## 5. Testar

- Abre o site no telemóvel (ou reduz a janela do browser no computador)
- Confirma que aparece o ícone de hambúrguer, abre o menu, navega entre secções
- Vai a uma listagem (ex: `/admin/maintenance-requests`) em ecrã estreito
  → confirma que consegues deslizar a tabela para o lado e ver todas as colunas
- Vai a `/profile` → muda o nome → guarda → confirma que actualizou
- Tenta mudar a password com a password actual errada → deve dar erro