@extends('admin.layouts.dashboard')

@section('title', 'Edit User')

@section('content')
    <x-page-header
        :title="'Edit '.$user->name"
        description="Change this account's details, role or password."
        :breadcrumbs="['Dashboard' => url('/dashboard'), 'Users' => route('users.index'), 'Edit' => null]"
    />

    <div style="max-width: 820px;">
        <x-card>
            <form id="user-form" method="POST" action="{{ route('users.update', $user->id) }}" data-guard>
                @csrf
                @method('PUT')
                @include('admin.user._form')
            </form>

            <x-slot:footer>
                <a href="{{ route('users.index') }}" class="btn btn--secondary">Cancel</a>
                <button type="submit" form="user-form" class="btn btn--primary" data-loading-label="Saving…">
                    <i class="fa-solid fa-check" aria-hidden="true"></i>
                    Save changes
                </button>
            </x-slot:footer>
        </x-card>

        <x-card title="Sign-in activity" class="u-mt-6">
            <div class="grid grid--2">
                <div>
                    <div class="stat__label">Last sign-in</div>
                    <div style="font-weight:var(--weight-medium);">
                        {{ $user->last_login_at ? $user->last_login_at->format('d M Y, H:i') : 'Never' }}
                    </div>
                </div>
                <div>
                    <div class="stat__label">Last sign-in IP</div>
                    <div style="font-weight:var(--weight-medium);">{{ $user->last_login_ip ?: '—' }}</div>
                </div>
            </div>
        </x-card>
    </div>
@endsection