@extends('layouts.app')
@section('title', 'My account')

@section('content')
@php($groups = \App\Support\Permissions::groups())
<x-page-header title="My account" :subtitle="$user->email" />

<div class="row g-3">
    <div class="col-xl-7">
        <form method="POST" action="{{ route('account.update') }}" data-validate novalidate>
            @csrf @method('PUT')
            <x-form-section title="Your details" icon="person">
                <x-field name="name" label="Name" :value="$user->name" required maxlength="255" />
                <div class="col-12 col-md-6"><label class="form-label">Email</label><input class="form-control" value="{{ $user->email }}" disabled><div class="form-text">Ask an administrator to change your sign-in email.</div></div>
                <div class="col-12"><button class="btn btn-primary">Save details</button></div>
            </x-form-section>
        </form>

        <form method="POST" action="{{ route('account.password') }}" data-validate novalidate>
            @csrf @method('PUT')
            <x-form-section title="Change password" icon="key" desc="At least 8 characters, with a letter and a number. Other devices are signed out.">
                <x-field name="current_password" type="password" label="Current password" required col="12" autocomplete="current-password" />
                <x-field name="password" type="password" label="New password" required autocomplete="new-password" />
                <x-field name="password_confirmation" type="password" label="Confirm new password" required autocomplete="new-password" />
                <div class="col-12"><button class="btn btn-primary">Change password</button></div>
            </x-form-section>
        </form>
    </div>

    <div class="col-xl-5">
        <section class="card form-section">
            <div class="card-header"><span class="card-title"><i class="bi bi-shield-check section-icon" aria-hidden="true"></i>Your access</span>
                <span class="badge-soft badge-soft-{{ $user->isOwner() ? 'warning' : 'primary' }} no-dot">{{ $user->role->name ?? 'No role' }}</span></div>
            <div class="card-body">
                @if ($user->role?->description)<p class="text-muted small">{{ $user->role->description }}</p>@endif
                @if ($user->isOwner())
                    <div class="d-flex gap-2 align-items-center"><i class="bi bi-star-fill text-warning" aria-hidden="true"></i><span>You have full access to everything.</span></div>
                @else
                    @foreach ($groups as $group)
                        @php($mine = collect($group['permissions'])->filter(fn ($v, $k) => $user->hasPermission($k)))
                        @continue($mine->isEmpty())
                        <div class="mb-2"><i class="bi bi-{{ $group['icon'] }} text-primary me-2" aria-hidden="true"></i><strong>{{ $group['label'] }}</strong>
                            <div class="ms-4 small text-muted">{{ $mine->map(fn ($v) => $v[0])->join(' · ') }}</div></div>
                    @endforeach
                    @if (! collect($groups)->flatMap(fn ($g) => array_keys($g['permissions']))->contains(fn ($k) => $user->hasPermission($k)))
                        <p class="mb-0 text-muted">Your role doesn't include any access yet. Ask an administrator.</p>
                    @endif
                @endif
            </div>
            @if ($user->last_login_at)<div class="card-footer">Last signed in {{ $user->last_login_at->diffForHumans() }}</div>@endif
        </section>
    </div>
</div>
@endsection