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

@section('content')
    <div class="page-head">
        <div><h1>My profile</h1><p>{{ $user->email }}</p></div>
    </div>

    <div class="grid grid-2">
        <div class="card">
            <div class="card-head"><h3>Account details</h3></div>
            <div class="card-body">
                <form method="POST" action="{{ route('settings.profile.update') }}">
                    @csrf
                    <div class="form-grid cols-1">
                        <div class="field"><label>Full name <span class="req">*</span></label>
                            <input type="text" name="name" required value="{{ old('name', $user->name) }}"></div>
                        <div class="field"><label>Email <span class="req">*</span></label>
                            <input type="email" name="email" required value="{{ old('email', $user->email) }}"></div>
                        <div class="field"><label>Phone</label>
                            <input type="tel" name="phone" value="{{ old('phone', $user->phone) }}"></div>
                        <div class="field"><label>Job title</label>
                            <input type="text" name="job_title" value="{{ old('job_title', $user->job_title) }}"></div>
                        <button type="submit" class="btn">Save profile</button>
                    </div>
                </form>
            </div>
        </div>

        <div class="card">
            <div class="card-head"><h3>Change password</h3></div>
            <div class="card-body">
                <form method="POST" action="{{ route('profile.password.update') }}">
                    @csrf
                    @method('PUT')
                    <div class="form-grid cols-1">
                        <div class="field"><label>Current password <span class="req">*</span></label>
                            <input type="password" name="current_password" required></div>
                        <div class="field"><label>New password <span class="req">*</span></label>
                            <input type="password" name="password" required minlength="8"></div>
                        <div class="field"><label>Confirm new password <span class="req">*</span></label>
                            <input type="password" name="password_confirmation" required></div>
                        <button type="submit" class="btn secondary">Update password</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-head"><h3>Roles &amp; permissions</h3></div>
        <div class="card-body">
            <div class="mb-2">
                <div class="small muted mb-1">Assigned roles</div>
                <div class="flex gap-1 flex-wrap">
                    @forelse ($user->roles as $role)
                        <span class="badge info">{{ $role->name }}</span>
                    @empty
                        <span class="badge muted">No roles assigned</span>
                    @endforelse
                    @if ($user->is_super_admin)
                        <span class="badge danger">super admin (all permissions)</span>
                    @endif
                </div>
            </div>
            @if (! $user->is_super_admin)
                <div>
                    <div class="small muted mb-1">Effective permissions</div>
                    <div class="flex gap-1 flex-wrap">
                        @foreach ($user->permissions() as $permission)
                            <span class="badge muted">{{ $permission }}</span>
                        @endforeach
                    </div>
                </div>
            @endif
        </div>
    </div>

    <div class="card">
        <div class="card-head"><h3>Session information</h3></div>
        <div class="card-body">
            <dl class="dl">
                <dt>Last login</dt><dd>{{ $user->last_login_at?->format('d M Y H:i') ?? 'This session' }}</dd>
                <dt>Last login IP</dt><dd class="mono">{{ $user->last_login_ip ?? '—' }}</dd>
                <dt>Failed attempts</dt><dd>{{ $user->failed_login_attempts }} / 5 before lockout</dd>
                <dt>Account status</dt>
                <dd><span class="badge {{ status_color($user->is_active ? 'active' : 'inactive') }}">
                    {{ $user->is_active ? 'active' : 'inactive' }}</span></dd>
                <dt>Member since</dt><dd>{{ $user->created_at->format('d M Y') }}</dd>
            </dl>
        </div>
    </div>
@endsection