Pagina de Perfil carregada. Esta pagina permite ao cliente ver e actualizar o...

Passo 1. Pagina de Perfil carregada. Esta pagina permite ao cliente ver e actualizar os seus dados pessoais e de facturacao.

Pagina de Perfil carregada. Esta pagina permite ao cliente ver e actualizar os seus dados pessoais e de facturacao.

Passo 2. Seccao de dados pessoais com 7 campos editaveis. Nome actual: "Dany IAW". Os campos disponiveis sao: Nome, Empresa, NIF e Telefone. Todos os campos sao editaveis directamente na pagina.

Seccao de dados pessoais com 7 campos editaveis. Nome actual: "Dany IAW". Os campos disponiveis sao: Nome, Empresa, NIF e Telefone. Todos os campos sao editaveis directamente na pagina.

Passo 3. Seccao de Morada com campos: Rua/Morada, Cidade e Codigo Postal. Estes dados sao usados para a facturacao e aparecem nas faturas fiscais geradas pelo Moloni. E importante manter esta informacao actualizada.

Seccao de Morada com campos: Rua/Morada, Cidade e Codigo Postal. Estes dados sao usados para a facturacao e aparecem nas faturas fiscais geradas pelo Moloni. E importante manter esta informacao actualizada.

Passo 4. Botao "Guardar" visivel abaixo do formulario. Ao clicar, os dados sao enviados para o servidor via API PATCH. Uma mensagem de confirmacao verde aparece durante 3 segundos apos guardar.

Botao "Guardar" visivel abaixo do formulario. Ao clicar, os dados sao enviados para o servidor via API PATCH. Uma mensagem de confirmacao verde aparece durante 3 segundos apos guardar.

Passo 5. Campo NIF em modo de edicao (valor actual: ""). Todos os campos do formulario sao editaveis sem necessidade de clicar num botao "Editar" — basta clicar no campo e alterar o valor. O NIF e importante para a emissao correcta de faturas fiscais.

Campo NIF em modo de edicao (valor actual: ""). Todos os campos do formulario sao editaveis sem necessidade de clicar num botao "Editar" — basta clicar no campo e alterar o valor. O NIF e importante para a emissao correcta de faturas fiscais.

Passo 6. Vista completa da pagina de Perfil. O formulario esta dividido em 2 seccoes logicas (Dados Pessoais e Morada) com um design limpo e responsivo. Todos os dados sao sincronizados com o Stripe e o Moloni para manter a consistencia da facturacao.

Vista completa da pagina de Perfil. O formulario esta dividido em 2 seccoes logicas (Dados Pessoais e Morada) com um design limpo e responsivo. Todos os dados sao sincronizados com o Stripe e o Moloni para manter a consistencia da facturacao.