@php
    $servicesText = collect($profile?->services ?? [])->map(fn ($row) => trim(($row['name'] ?? '').' | '.($row['level'] ?? ''), ' |'))->implode("\n");
    $toolsText = collect($profile?->tool_inventory ?? [])->map(fn ($row) => trim(($row['name'] ?? '').' | '.($row['category'] ?? ''), ' |'))->implode("\n");
    $certsText = collect($profile?->certification_records ?? [])->map(fn ($row) => trim(($row['name'] ?? '').' | '.($row['issuer'] ?? ''), ' |'))->implode("\n");
    $visibility = $profile?->profile_visibility ?? [];
    $visible = fn (string $field): bool => (bool) ($visibility[$field] ?? true);
    $selectedTaxonomy = $profile?->taxonomyTerms?->pluck('id')->all() ?? [];
@endphp

<x-app-layout>
    <x-slot name="header">
        <x-page-header
            title="Provider Profile"
            description="Build a public business profile with services, tools, proof records, galleries, and private owner notes."
        />
    </x-slot>

    <div class="mx-auto max-w-5xl space-y-6 px-4 py-8 sm:px-6 lg:px-8">
        <form method="POST" action="{{ route('providers.update') }}" class="tse-panel space-y-4 p-6">
            @csrf
            @method('PUT')
            <x-field name="business_name" label="Business name" :value="$profile?->business_name" />
            <x-field name="headline" label="Headline" :value="$profile?->headline" />
            <x-field name="bio" label="Bio" :value="$profile?->bio" textarea />
            <x-field name="service_area" label="Service area" :value="$profile?->service_area" />
            <div>
                <label for="max_technician_level" class="block text-sm font-medium text-slate-800 dark:text-slate-200">Maximum technician level</label>
                <select id="max_technician_level" name="max_technician_level" class="mt-1 block w-full rounded-md border-slate-300 bg-white text-slate-950 shadow-sm focus:border-sky-500 focus:ring-sky-500 dark:border-slate-700 dark:bg-slate-950 dark:text-slate-100">
                    @foreach ($technicianLevels as $level => $definition)
                        <option value="{{ $level }}" @selected((int) ($profile?->max_technician_level ?? 1) === $level)>{{ $definition['name'] }}</option>
                    @endforeach
                </select>
                <p class="mt-1 text-sm text-slate-500 dark:text-slate-400">This is self-declared until native work history, buyer endorsements, certifications, or admin verification support it.</p>
            </div>
            <x-field name="skills" label="Skills summary" :value="$profile?->skills" textarea />
            <div class="rounded-md border border-slate-200 p-4 dark:border-slate-800">
                <h3 class="font-semibold text-slate-950 dark:text-white">Self-declared tags and evidence</h3>
                <p class="mt-1 text-sm text-slate-600 dark:text-slate-400">Choose categories, specialties, skills, tools, and certifications that describe your work. Later passes can let buyers endorse or challenge these after completed work orders.</p>
                <div class="mt-3 grid gap-2 md:grid-cols-2">
                    @foreach ($taxonomyTerms as $term)
                        <label class="inline-flex items-center gap-2 rounded-md border border-slate-200 px-3 py-2 text-sm text-slate-700 dark:border-slate-800 dark:text-slate-300">
                            <input type="checkbox" name="taxonomy_terms[]" value="{{ $term->id }}" @checked(in_array($term->id, $selectedTaxonomy, true)) class="rounded border-slate-300 text-sky-600 shadow-sm focus:ring-sky-500 dark:border-slate-700 dark:bg-slate-950">
                            <span>{{ $term->name }} <span class="text-xs text-slate-500">({{ str_replace('_', ' ', $term->type) }})</span></span>
                        </label>
                    @endforeach
                </div>
            </div>
            <x-field name="services_text" label="Structured services" :value="$servicesText" textarea help="One per line. Use: service name | level, for example POS install | experienced." />
            <x-field name="tools" label="Tools and equipment summary" :value="$profile?->tools" textarea />
            <x-field name="tool_inventory_text" label="Tool inventory" :value="$toolsText" textarea help="One per line. Use: tool name | category, for example Cable tester | network." />
            <x-field name="certifications" label="Certifications summary" :value="$profile?->certifications" textarea />
            <x-field name="certification_records_text" label="Certification records" :value="$certsText" textarea help="One per line. Use: certification | issuer. Upload proof files below." />
            <x-field name="insurance_status" label="Insurance status" :value="$profile?->insurance_status" />
            <x-field name="rate_card" label="Rate card" :value="$profile?->rate_card" textarea />
            <x-field name="travel_policy" label="Travel policy" :value="$profile?->travel_policy" textarea />
            <x-field name="availability_notes" label="Availability notes" :value="$profile?->availability_notes" textarea />
            <x-field name="website_url" label="Website URL" :value="$profile?->website_url" />
            <x-field name="phone" label="Phone" :value="$profile?->phone" />

            <div class="rounded-md border border-slate-200 p-4 dark:border-slate-800">
                <h3 class="font-semibold text-slate-950 dark:text-white">Public sections</h3>
                <p class="mt-1 text-sm text-slate-600 dark:text-slate-400">Unchecked sections remain available to you but do not display on the public provider profile.</p>
                <div class="mt-3 grid gap-3 md:grid-cols-3">
                    @foreach (['bio' => 'Bio', 'services' => 'Services', 'tools' => 'Tools', 'certifications' => 'Certifications', 'rate_card' => 'Rate card', 'availability' => 'Availability', 'imports' => 'Imported history'] as $key => $label)
                        <label class="inline-flex items-center gap-2 text-sm text-slate-700 dark:text-slate-300">
                            <input type="checkbox" name="profile_visibility[{{ $key }}]" value="1" @checked($visible($key)) class="rounded border-slate-300 text-sky-600 shadow-sm focus:ring-sky-500 dark:border-slate-700 dark:bg-slate-950">
                            {{ $label }}
                        </label>
                    @endforeach
                </div>
            </div>

            <label class="flex gap-2 text-sm text-slate-700 dark:text-slate-300">
                <input type="checkbox" name="public_contact" value="1" @checked($profile?->public_contact) class="rounded border-slate-300 text-sky-600 shadow-sm focus:ring-sky-500 dark:border-slate-700 dark:bg-slate-950">
                Show contact details publicly
            </label>
            <x-field name="private_notes" label="Private notes" :value="$profile?->private_notes" textarea help="Internal notes for your account. These are not shown publicly." />
            <x-primary-button>Save provider profile</x-primary-button>
        </form>
        @if ($profile)
            <section class="tse-panel p-6">
                <h3 class="font-semibold text-slate-950 dark:text-white">Profile photos, certification proof, tools, and job files</h3>
                <p class="mt-1 text-sm text-slate-600 dark:text-slate-400">Use captions to distinguish van photos, tool photos, certification proof, job photos, and insurance documents.</p>
                <x-attachments :attachments="$profile->attachments" />
                <x-attachment-form type="provider_profile" :id="$profile->id" kind="profile" />
            </section>
            <form method="POST" action="{{ route('provider-imports.store') }}" class="tse-panel space-y-4 p-6">
                @csrf
                <div>
                    <h3 class="font-semibold text-slate-950 dark:text-white">Guided imported-history wizard</h3>
                    <p class="mt-1 text-sm text-slate-600 dark:text-slate-400">Manually preserve earned history from Field Nation, WorkMarket, or similar platforms without scraping private systems. Keep client names, addresses, work-order IDs, and sensitive buyer details out of public fields.</p>
                </div>
                <div class="grid gap-4 md:grid-cols-3">
                    <x-field name="platform" label="Platform" value="Field Nation" />
                    <x-field name="external_id" label="External ID" value="172-630" />
                    <x-field name="profile_url" label="Profile URL" />
                    <x-field name="rating" label="Rating" type="number" />
                    <x-field name="review_count" label="Review count" type="number" />
                    <x-field name="completed_jobs" label="Completed jobs" type="number" />
                    <x-field name="client_count" label="Buyer/client count" type="number" />
                    <x-field name="on_time_rate" label="On-time rate %" type="number" />
                    <x-field name="backout_rate" label="Backout rate %" type="number" />
                </div>
                <div>
                    <label for="visibility" class="block text-sm font-medium text-slate-800 dark:text-slate-200">Public visibility</label>
                    <select id="visibility" name="visibility" class="mt-1 block w-full rounded-md border-slate-300 bg-white text-slate-950 shadow-sm focus:border-sky-500 focus:ring-sky-500 dark:border-slate-700 dark:bg-slate-950 dark:text-slate-100">
                        @foreach (\App\Models\ExternalProfileImport::VISIBILITIES as $value => $label)
                            <option value="{{ $value }}">{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <x-field name="work_categories_text" label="Work categories, one per line" textarea help="Examples: POS installs, network troubleshooting, cabling, printers." />
                <div class="rounded-md border border-slate-200 p-4 dark:border-slate-800">
                    <h4 class="font-semibold text-slate-950 dark:text-white">Imported endorsement categories</h4>
                    <div class="mt-3 grid gap-2 md:grid-cols-3">
                        @foreach (['communication', 'professionalism', 'problem_solving', 'preparedness', 'work_quality', 'responsiveness'] as $endorsement)
                            <label class="inline-flex items-center gap-2 text-sm text-slate-700 dark:text-slate-300">
                                <input type="checkbox" name="endorsements[]" value="{{ $endorsement }}" class="rounded border-slate-300 text-sky-600 shadow-sm focus:ring-sky-500 dark:border-slate-700 dark:bg-slate-950">
                                {{ str_replace('_', ' ', $endorsement) }}
                            </label>
                        @endforeach
                    </div>
                </div>
                <x-field name="selected_reviews_text" label="Selected review excerpts, one per line" textarea help="Only paste short excerpts you are comfortable showing according to the visibility setting." />
                <x-field name="notes" label="Private notes or summary" textarea />
                <x-primary-button>Save imported history</x-primary-button>
            </form>
            <section class="tse-panel p-6">
                <h3 class="font-semibold text-slate-950 dark:text-white">Saved imported-history records</h3>
                @forelse ($profile->externalImports as $import)
                    <div class="mt-4 rounded-md border border-slate-200 p-4 dark:border-slate-800">
                        <div class="flex flex-wrap items-center gap-2">
                            <p class="font-semibold text-slate-950 dark:text-white">{{ $import->platform }} {{ $import->external_id ? '#'.$import->external_id : '' }}</p>
                            <x-badge tone="amber">{{ \App\Models\ExternalProfileImport::VERIFICATION_STATUSES[$import->verification_status] ?? $import->verification_status }}</x-badge>
                            <x-badge tone="slate">{{ \App\Models\ExternalProfileImport::VISIBILITIES[$import->visibility] ?? $import->visibility }}</x-badge>
                        </div>
                        <p class="mt-2 text-sm text-slate-600 dark:text-slate-400">Rating {{ $import->rating ?? 'n/a' }} | Reviews {{ $import->review_count ?? 'n/a' }} | Completed {{ $import->completed_jobs ?? 'n/a' }}</p>
                        @if ($import->work_categories)
                            <div class="mt-2 flex flex-wrap gap-2">
                                @foreach ($import->work_categories as $category)
                                    <x-badge tone="sky">{{ $category }}</x-badge>
                                @endforeach
                            </div>
                        @endif
                        <x-attachments :attachments="$import->attachments" />
                        <x-attachment-form type="external_profile_import" :id="$import->id" kind="import_proof" />
                    </div>
                @empty
                    <p class="mt-2 text-sm text-slate-600 dark:text-slate-400">No imported-history records yet.</p>
                @endforelse
            </section>
        @endif
    </div>
</x-app-layout>