@extends('layout')

@php
    $parts = preg_split('/\s+/', trim($user->name ?: 'Usuário'), -1, PREG_SPLIT_NO_EMPTY) ?: ['U'];
    $initials = mb_strtoupper(mb_substr($parts[0], 0, 1).(count($parts) > 1 ? mb_substr(end($parts), 0, 1) : ''));
@endphp

@section('content')
<div class="page-head"><div class="t"><h1>Meu perfil</h1><p class="lead">Gerencie seus dados de acesso e preferências da conta.</p></div></div>
@if(session('status'))<div class="flash flash--success">{{ session('status') }}</div>@endif
<div class="profile-layout">
    <section class="card pad-lg profile-summary"><div class="profile-summary-head"><div class="profile-avatar" aria-hidden="true">{{ $initials }}</div><div class="profile-summary-copy"><span class="profile-eyebrow">Conta AURIOS</span><h2>{{ $user->name }}</h2><p>{{ $user->email }}</p></div></div><div class="profile-status"><span></span> Sessão ativa</div><p class="profile-note">Seu nome aparece na identificação da sidebar. O e-mail também é usado para entrar no painel.</p></section>
    <div class="stack">
        <form class="form wide card pad-lg profile-form" method="post" action="{{ url('perfil') }}">@csrf @method('PUT')<div class="profile-form-head"><div><h2>Dados da conta</h2><p>Atualize as informações básicas do seu usuário.</p></div><i class="ic lg">badge</i></div><div class="form-grid"><div class="field"><label for="profile-name">Nome <span class="hint">obrigatório</span></label><input id="profile-name" name="name" required maxlength="120" autocomplete="name" value="{{ old('name', $user->name) }}">@error('name')<span class="field-error">{{ $message }}</span>@enderror</div><div class="field"><label for="profile-email">E-mail <span class="hint">obrigatório</span></label><input id="profile-email" type="email" name="email" required maxlength="190" autocomplete="email" value="{{ old('email', $user->email) }}">@error('email')<span class="field-error">{{ $message }}</span>@enderror</div></div><div class="form-actions"><button class="btn btn--primary"><i class="ic">save</i> Salvar dados</button></div></form>
        <form class="form wide card pad-lg profile-form" method="post" action="{{ url('perfil/pin') }}">@csrf <div class="profile-form-head"><div><h2>PIN do Aurélio</h2><p>Protege consultas com dados pessoais e financeiros por 10 minutos.</p></div><i class="ic lg">pin</i></div><div class="field"><label for="aurelio-pin-current-password">Senha atual</label><input id="aurelio-pin-current-password" type="password" name="current_password" required autocomplete="current-password"></div><div class="form-grid"><div class="field"><label for="aurelio-pin">Novo PIN <span class="hint">6 dígitos</span></label><input id="aurelio-pin" type="password" name="pin" required minlength="6" maxlength="6" inputmode="numeric" pattern="[0-9]{6}" autocomplete="new-password"></div><div class="field"><label for="aurelio-pin-confirmation">Confirmar PIN</label><input id="aurelio-pin-confirmation" type="password" name="pin_confirmation" required minlength="6" maxlength="6" inputmode="numeric" pattern="[0-9]{6}" autocomplete="new-password"></div></div><div class="form-actions"><button class="btn btn--subtle"><i class="ic">pin</i> Salvar PIN</button></div></form>
        <form class="form wide card pad-lg profile-form" method="post" action="{{ url('perfil/senha') }}">@csrf <div class="profile-form-head"><div><h2>Segurança</h2><p>Troque sua senha sempre que precisar.</p></div><i class="ic lg">lock</i></div><div class="field"><label for="current-password">Senha atual</label><div class="password-control"><input id="current-password" type="password" name="current_password" required autocomplete="current-password"><button type="button" class="password-toggle" data-password-toggle aria-controls="current-password" aria-label="Mostrar senha" aria-pressed="false"><i class="ic sm" data-password-toggle-icon>visibility</i></button></div></div><div class="form-grid"><div class="field"><label for="new-password">Nova senha <span class="hint">mínimo de 8 caracteres</span></label><div class="password-control"><input id="new-password" type="password" name="password" required minlength="8" autocomplete="new-password"><button type="button" class="password-toggle" data-password-toggle aria-controls="new-password" aria-label="Mostrar senha" aria-pressed="false"><i class="ic sm" data-password-toggle-icon>visibility</i></button></div></div><div class="field"><label for="password-confirmation">Confirmar nova senha</label><div class="password-control"><input id="password-confirmation" type="password" name="password_confirmation" required minlength="8" autocomplete="new-password"><button type="button" class="password-toggle" data-password-toggle aria-controls="password-confirmation" aria-label="Mostrar senha" aria-pressed="false"><i class="ic sm" data-password-toggle-icon>visibility</i></button></div></div></div><div class="form-actions"><button class="btn btn--subtle"><i class="ic">key</i> Atualizar senha</button></div></form>
    </div>
</div>
@endsection