@extends('admin.layouts.app')

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

@section('page-title', 'My Profile')

@section('content')
<div class="max-w-2xl">
    <div class="bg-white rounded-lg shadow-sm p-6">
        <h3 class="text-lg font-semibold mb-4">Edit Profile</h3>

        @if(session('success'))
        <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded mb-4">
            {{ session('success') }}
        </div>
        @endif

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

            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 mb-2">Name</label>
                <input type="text" name="name" value="{{ old('name', $user->name) }}" 
                    class="w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-gold focus:border-transparent">
                @error('name')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 mb-2">Email</label>
                <input type="email" name="email" value="{{ old('email', $user->email) }}" 
                    class="w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-gold focus:border-transparent">
                @error('email')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 mb-2">Phone</label>
                <input type="text" name="phone" value="{{ old('phone', $user->phone) }}" 
                    class="w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-gold focus:border-transparent">
                @error('phone')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 mb-2">Role</label>
                <input type="text" value="{{ $user->roles->first()?->name ?? 'User' }}" disabled
                    class="w-full px-3 py-2 border rounded-lg bg-gray-100">
            </div>

            <div class="flex justify-end">
                <button type="submit" class="bg-gold hover:bg-gold-dark text-white px-6 py-2 rounded-lg">
                    Save Changes
                </button>
            </div>
        </form>
    </div>
</div>
@endsection