@extends('layouts.admin')

@section('title', 'My profile')

@section('content')
    <div class="grid max-w-4xl gap-6">

        <form action="{{ route('admin.profile.update') }}" method="POST" enctype="multipart/form-data">
            @csrf @method('PUT')

            <x-admin.form-section title="Profile">
                <x-form.input name="name" label="Full name" :value="$user->name" required />
                <x-form.input name="email" type="email" label="Email address" :value="$user->email" required />

                <x-form.input name="phone" label="Phone" :value="$user->phone" />
                <x-form.input name="designation" label="Designation" :value="$user->designation" />

                <x-form.file name="avatar" label="Profile photo" :existing="$user->avatar" accept="image/*" class="sm:col-span-2" />
            </x-admin.form-section>

            <button type="submit" class="btn-primary">Save profile</button>
        </form>

        <form action="{{ route('admin.profile.password') }}" method="POST">
            @csrf @method('PUT')

            <x-admin.form-section title="Change password" description="Minimum 10 characters.">
                <x-form.input name="current_password" type="password" label="Current password" required
                              autocomplete="current-password" class="sm:col-span-2" />

                <x-form.input name="password" type="password" label="New password" required autocomplete="new-password" />
                <x-form.input name="password_confirmation" type="password" label="Confirm new password" required
                              autocomplete="new-password" />
            </x-admin.form-section>

            <button type="submit" class="btn-primary">Change password</button>
        </form>

        <div class="admin-card p-5">
            <h2 class="text-base">Access</h2>
            <p class="mt-2 text-sm text-text-secondary">
                Role: <span class="font-medium text-text">{{ $user->getRoleNames()->implode(', ') ?: 'None' }}</span>
            </p>
            <p class="mt-1 text-sm text-text-muted">
                Last sign-in: {{ $user->last_login_at?->format('d M Y, H:i') ?? 'Never' }}
            </p>
        </div>
    </div>
@endsection