@extends('layouts.admin')

@section('title', 'My account')
@section('heading', 'My account')

@section('content')
<div class="agrid">
<aside class="acard">
    <div class="acard__banner" aria-hidden="true"></div>
    <span class="acard__av" aria-hidden="true">{{ mb_strtoupper(mb_substr((string) $user->name, 0, 1)) }}</span>
    <h2>{{ $user->name }}</h2>
    <p class="acard__role">{{ \App\Models\User::ROLES[$user->role] ?? $user->role }}</p>
    <ul class="ucard__info acard__info">
        <li><svg class="i" aria-hidden="true"><use href="#i-mail"/></svg><span>{{ $user->email }}</span></li>
        <li><svg class="i" aria-hidden="true"><use href="#i-lock"/></svg><span>{{ $user->last_login_at ? 'Signed in '.$user->last_login_at->diffForHumans() : 'First sign-in' }}</span></li>
        <li><svg class="i" aria-hidden="true"><use href="#i-user"/></svg><span>Member since {{ optional($user->created_at)->format('j M Y') ?? '—' }}</span></li>
    </ul>
</aside>

<form class="card editor" method="post" action="{{ route('admin.account.update') }}" novalidate>
    @csrf @method('PUT')
    <div class="editor__grid">
        <div class="editor__cell"><h2 class="editor__sub">Your details</h2></div>
        @foreach ([['name', 'Full name', 'text', 'name'], ['email', 'Email', 'email', 'username']] as [$key, $label, $type, $ac])
            <div class="editor__cell editor__cell--half">
                <div class="field @error($key) has-error @enderror">
                    <label class="field__label" for="a-{{ $key }}">{{ $label }}</label>
                    <input class="input" id="a-{{ $key }}" type="{{ $type }}" name="{{ $key }}" value="{{ old($key, $user->{$key}) }}" required autocomplete="{{ $ac }}">
                    @error($key)<p class="field__err">{{ $message }}</p>@enderror
                </div>
            </div>
        @endforeach

        <div class="editor__cell"><h2 class="editor__sub">Change password</h2><p class="muted">Leave these blank to keep your current password. Use at least 10 characters.</p></div>

        <div class="editor__cell editor__cell--third">
            <div class="field @error('current_password') has-error @enderror">
                <label class="field__label" for="a-cur">Current password</label>
                <input class="input" id="a-cur" type="password" name="current_password" autocomplete="current-password">
                @error('current_password')<p class="field__err">{{ $message }}</p>@enderror
            </div>
        </div>
        <div class="editor__cell editor__cell--third">
            <div class="field @error('password') has-error @enderror">
                <label class="field__label" for="a-new">New password</label>
                <input class="input" id="a-new" type="password" name="password" autocomplete="new-password">
                <p class="field__hint">At least 10 characters.</p>
                @error('password')<p class="field__err">{{ $message }}</p>@enderror
            </div>
        </div>
        <div class="editor__cell editor__cell--third">
            <div class="field">
                <label class="field__label" for="a-conf">Confirm new password</label>
                <input class="input" id="a-conf" type="password" name="password_confirmation" autocomplete="new-password">
            </div>
        </div>
    </div>
    <div class="editor__foot editor__foot--bar"><button class="btn btn--green" type="submit"><svg class="i" aria-hidden="true"><use href="#i-check"/></svg>Save changes</button><a class="btn btn--ghost" href="{{ route('admin.dashboard') }}">Cancel</a></div>
</form>
</div>
@endsection