@extends('layouts.user')
@section('title', 'Profile')
@section('topbar-title', 'My Profile')

@section('content')
<div class="page-header"><h1>Profile Settings</h1></div>
<div style="max-width:520px;">
    <div class="card">
        <div class="card-header"><h3><i class="fa fa-user" style="color:var(--accent);"></i> Personal Information</h3></div>
        <div class="card-body">
            <form method="POST" action="{{ route('user.profile.update') }}">
                @csrf @method('PATCH')
                <div class="form-group">
                    <label>Full Name</label>
                    <input type="text" name="name" value="{{ auth()->user()->name }}" required>
                </div>
                <div class="form-group">
                    <label>Email Address</label>
                    <input type="email" value="{{ auth()->user()->email }}" disabled style="opacity:0.5;cursor:not-allowed;">
                    <div style="font-size:0.75rem;color:var(--muted);margin-top:3px;">Email cannot be changed.</div>
                </div>
                <div class="form-group">
                    <label>Phone</label>
                    <input type="text" name="phone" value="{{ auth()->user()->phone }}">
                </div>
                <div class="form-group">
                    <label>Company</label>
                    <input type="text" name="company" value="{{ auth()->user()->company }}" placeholder="Your company name">
                </div>
                <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Save Changes</button>
            </form>
        </div>
    </div>

    <div class="card" style="margin-top:16px;">
        <div class="card-header"><h3><i class="fa fa-circle-info" style="color:var(--accent);"></i> Account Info</h3></div>
        <div class="card-body" style="font-size:0.85rem;color:var(--muted);">
            <div style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);">
                <span>Member since</span>
                <span style="color:var(--text);">{{ auth()->user()->created_at->format('F Y') }}</span>
            </div>
            <div style="display:flex;justify-content:space-between;padding:8px 0;">
                <span>Account type</span>
                <span class="badge badge-user">Standard User</span>
            </div>
        </div>
    </div>
</div>
@endsection