@extends('layouts.admin')

@section('page_kicker', 'Account')
@section('page_title', 'Your profile')

@section('content')
    <div class="admin-content-card mx-auto max-w-3xl">
        <form method="POST" action="{{ route('aim4wellness.profile.update') }}" enctype="multipart/form-data" class="space-y-6">
            @csrf
            @method('PATCH')
            <div class="grid gap-5 sm:grid-cols-2">
                <div>
                    <label class="admin-form-label" for="name">Name</label>
                    <input id="name" name="name" required value="{{ old('name', $user->name) }}" class="admin-input">
                </div>
                <div>
                    <label class="admin-form-label" for="phone">Phone</label>
                    <input id="phone" name="phone" value="{{ old('phone', $user->phone) }}" class="admin-input">
                </div>
                <div class="sm:col-span-2">
                    <label class="admin-form-label" for="specialization">Specialization</label>
                    <input id="specialization" name="specialization" required value="{{ old('specialization', $profile->specialization) }}" class="admin-input">
                </div>
                <div>
                    <label class="admin-form-label" for="experience_years">Experience (years)</label>
                    <input id="experience_years" type="number" name="experience_years" min="0" max="80" value="{{ old('experience_years', $profile->experience_years) }}" class="admin-input">
                </div>
                <div>
                    <label class="admin-form-label" for="consultation_fee">Consultation fee</label>
                    <input id="consultation_fee" type="number" step="0.01" name="consultation_fee" required value="{{ old('consultation_fee', $profile->consultation_fee ?? 0) }}" class="admin-input">
                </div>
                <div class="sm:col-span-2">
                    <label class="admin-form-label" for="bio">Bio</label>
                    <textarea id="bio" name="bio" rows="4" class="admin-input">{{ old('bio', $profile->bio) }}</textarea>
                </div>
                <div>
                    <label class="admin-form-label" for="profile_photo">Profile photo</label>
                    <input id="profile_photo" type="file" name="profile_photo" accept="image/*" class="admin-file-input">
                    @if($profile->profile_photo_path)
                        <p class="mt-2 text-xs text-slate-500">A file is already stored; uploading replaces it.</p>
                    @endif
                </div>
                <div>
                    <label class="admin-form-label" for="certificate_label">Certificate label</label>
                    <input id="certificate_label" name="certificate_label" placeholder="e.g. Board certification 2024" class="admin-input">
                    <p class="mt-2 text-xs text-slate-500">Logs a certificate reference on your profile.</p>
                </div>
            </div>
            @if($profile->certificates && count($profile->certificates))
                <div class="rounded-xl border border-slate-100 bg-slate-50/80 p-4">
                    <p class="admin-form-label mb-2">Recorded certificates</p>
                    <ul class="list-inside list-disc space-y-1 text-sm text-slate-700">
                        @foreach($profile->certificates as $c)
                            <li>{{ $c['label'] ?? json_encode($c) }} @if(!empty($c['uploaded_at']))<span class="text-slate-500">({{ $c['uploaded_at'] }})</span>@endif</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <div class="flex flex-wrap gap-3 border-t border-slate-100 pt-6">
                <button type="submit" class="admin-btn-primary">Save profile</button>
            </div>
        </form>
    </div>
@endsection