@extends('layouts.admin')

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

@section('content')
<div class="mb-9">
    <div class="row g-3">
        <div class="col-12 col-xl-8">
            <div class="card">
                <div class="card-header border-bottom border-translucent">
                    <h5 class="mb-0">Edit Profile</h5>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('admin.profile.update') }}" enctype="multipart/form-data">
                        @csrf
                        @method('PATCH')
                        
                        <div class="row g-3">
                            <div class="col-12 col-md-6">
                                <label class="form-label" for="name">Full Name</label>
                                <input class="form-control @error('name') is-invalid @enderror" 
                                       id="name" name="name" type="text" 
                                       value="{{ old('name', $admin->name) }}" required>
                                @error('name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="col-12 col-md-6">
                                <label class="form-label" for="email">Email Address</label>
                                <input class="form-control @error('email') is-invalid @enderror" 
                                       id="email" name="email" type="email" 
                                       value="{{ old('email', $admin->email) }}" required>
                                @error('email')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="col-12 col-md-6">
                                <label class="form-label" for="password">New Password</label>
                                <input class="form-control @error('password') is-invalid @enderror" 
                                       id="password" name="password" type="password" 
                                       placeholder="Leave blank to keep current password">
                                @error('password')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="col-12 col-md-6">
                                <label class="form-label" for="password_confirmation">Confirm New Password</label>
                                <input class="form-control" 
                                       id="password_confirmation" name="password_confirmation" type="password" 
                                       placeholder="Confirm new password">
                            </div>
                        </div>
                        
                        <div class="mt-4">
                            <button class="btn btn-primary me-2" type="submit">
                                <span class="fas fa-save me-1"></span>Update Profile
                            </button>
                            <a class="btn btn-phoenix-secondary" href="{{ route('admin.profile') }}">
                                <span class="fas fa-times me-1"></span>Cancel
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        
        <div class="col-12 col-xl-4">
            <div class="card">
                <div class="card-header border-bottom border-translucent">
                    <h6 class="mb-0">Profile Picture</h6>
                </div>
                <div class="card-body text-center">
                    <div class="avatar avatar-5xl mb-3">
                        @if($admin->avatar ?? false)
                            <img class="rounded-circle" src="{{ asset('storage/' . $admin->avatar) }}" alt="Admin Avatar" />
                        @else
                            <div class="avatar-name rounded-circle bg-primary">
                                <span class="text-white fw-semibold fs-2">
                                    {{ substr($admin->name ?? 'A', 0, 1) }}
                                </span>
                            </div>
                        @endif
                    </div>
                    <h5 class="text-body-emphasis">{{ $admin->name }}</h5>
                    <p class="text-body-secondary">{{ $admin->email }}</p>
                    <p class="text-body-tertiary fs-9">Admin since {{ $admin->created_at ? $admin->created_at->format('M Y') : 'Unknown' }}</p>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection