@extends('layouts.app')
@section('title','My Profile')
@section('content')
<div class="page-header"><div><div class="page-title">My Profile</div><div class="page-subtitle">Manage your personal settings</div></div></div>
<div class="grid-2">
    <div class="card">
        <div class="card-header"><span class="card-title">Personal Information</span></div>
        <form method="POST" action="{{ route('profile.update') }}">
            @csrf @method('PUT')
            <div class="card-body">
                <div class="form-group"><label class="form-label">Full Name</label><input type="text" name="name" class="form-control" value="{{ old('name',$user->name) }}" required></div>
                <div class="form-group"><label class="form-label">Email</label><input type="email" name="email" class="form-control" value="{{ old('email',$user->email) }}" required></div>
                <div class="form-group"><label class="form-label">Phone</label><input type="text" name="phone" class="form-control" value="{{ old('phone',$user->phone) }}"></div>
                <div style="padding:12px;background:var(--bg);border-radius:8px;font-size:12px;color:var(--text-muted);">
                    Role: <strong>{{ ucfirst($user->role) }}</strong> &nbsp;|&nbsp; Last Login: <strong>{{ $user->last_login_at?$user->last_login_at->format('d M Y H:i'):'Never' }}</strong>
                </div>
            </div>
            <div class="card-footer"><button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Save Profile</button></div>
        </form>
    </div>
    <div class="card">
        <div class="card-header"><span class="card-title">Change Password</span></div>
        <form method="POST" action="{{ route('profile.update') }}">
            @csrf @method('PUT')
            <div class="card-body">
                <div class="form-group"><label class="form-label">Current Password</label><input type="password" name="current_password" class="form-control"></div>
                <div class="form-group"><label class="form-label">New Password</label><input type="password" name="new_password" class="form-control"></div>
                <div class="form-group"><label class="form-label">Confirm New Password</label><input type="password" name="new_password_confirmation" class="form-control"></div>
            </div>
            <div class="card-footer"><button type="submit" class="btn btn-primary"><i class="fas fa-lock"></i> Update Password</button></div>
        </form>
    </div>
</div>
@endsection