@php
    use App\Models\Crm\Partnership;
    use App\Services\Crm\Partnerships\PartnershipService;

    $stageColors = \App\Livewire\Crm\Partnerships\Show::STAGE_COLORS;
    $oppStageColour = fn (string $stage): string => match ($stage) {
        'won' => 'emerald', 'lost' => 'rose', 'deferred' => 'amber',
        'qualified', 'proposal', 'negotiation' => 'indigo', default => 'sky',
    };
    $proposalColors = \App\Livewire\Crm\Proposals\Show::STATUS_COLORS;
    $agreementColors = \App\Livewire\Crm\Agreements\Show::STATUS_COLORS;
    $path = PartnershipService::PATH;
    $at = array_search($partnership->stage, $path, true);
    $cards = [
        ['label' => __('Referred'), 'value' => number_format($counts['referred']), 'icon' => 'arrow-path', 'accent' => '#0ea5e9', 'sub' => __('Opportunities opened from referrals')],
        ['label' => __('Open'), 'value' => number_format($counts['open']), 'icon' => 'flag', 'accent' => '#6366f1', 'sub' => __('Still being worked')],
        ['label' => __('Won'), 'value' => number_format($counts['won']), 'icon' => 'trophy', 'accent' => '#10b981', 'sub' => trans_choice(':count lost|:count lost', $counts['lost'], ['count' => $counts['lost']])],
        ['label' => __('Confirmed from referrals'), 'value' => $confirmed === null ? __('Not available') : $base.' '.number_format($confirmed, 2), 'icon' => 'banknotes', 'accent' => '#f59e0b', 'sub' => __('Read from the won opportunities')],
    ];
@endphp

<div class="px-4 py-8 sm:px-6 lg:px-8">
    <div class="mx-auto max-w-7xl space-y-6">
        <a href="{{ route('crm.partnerships.index') }}" wire:navigate class="inline-flex items-center gap-1 text-xs font-medium text-slate-500 hover:text-slate-700">
            <x-icon name="chevron-left" class="h-3.5 w-3.5" /> {{ __('Partnerships') }}
        </a>

        <x-page-header :title="$partnership->name" :subtitle="__(':kind · managed by :owner', [
            'kind' => $partnership->type ? __(Partnership::TYPES[$partnership->type] ?? $partnership->type) : __('Kind not set'),
            'owner' => $partnership->owner?->name ?? __('nobody'),
        ])">
            <x-badge :color="$stageColors[$partnership->stage] ?? 'slate'">{{ __(Partnership::STAGES[$partnership->stage] ?? $partnership->stage) }}</x-badge>
            @if ($canEdit)
                <x-secondary-button type="button" wire:click="openEdit">
                    <x-icon name="pencil-square" class="mr-1.5 h-4 w-4" /> {{ __('Edit') }}
                </x-secondary-button>
            @endif
            @if ($canRefer)
                <x-button type="button" wire:click="openRefer">
                    <x-icon name="plus" class="mr-1.5 h-4 w-4" /> {{ __('Record a referral') }}
                </x-button>
            @endif
        </x-page-header>

        {{-- Stage strip --}}
        <x-card class="p-4 sm:p-5">
            <div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
                <ol class="flex flex-wrap items-center gap-2 text-xs font-semibold">
                    @foreach ($path as $index => $key)
                        @php $state = $at === false ? 'todo' : ($index < $at ? 'done' : ($index === $at ? 'current' : 'todo')); @endphp
                        <li class="flex items-center gap-2">
                            @if ($canEdit && $state !== 'current')
                                <button type="button" wire:click="openMove('{{ $key }}')" wire:loading.attr="disabled" wire:target="openMove"
                                    class="rounded-full px-3 py-1.5 transition {{ $state === 'done' ? 'bg-emerald-50 text-emerald-700 hover:bg-emerald-100' : 'bg-slate-100 text-slate-500 hover:bg-slate-200' }}">
                                    {{ __(Partnership::STAGES[$key]) }}
                                </button>
                            @else
                                <span class="rounded-full px-3 py-1.5 {{ $state === 'current' ? 'bg-indigo-600 text-white' : ($state === 'done' ? 'bg-emerald-50 text-emerald-700' : 'bg-slate-100 text-slate-500') }}">
                                    {{ __(Partnership::STAGES[$key]) }}
                                </span>
                            @endif
                            @if (! $loop->last)
                                <x-icon name="chevron-right" class="h-3 w-3 text-slate-300" />
                            @endif
                        </li>
                    @endforeach
                </ol>
                @if ($canEdit)
                    <div class="flex flex-wrap items-center gap-2">
                        @if ($partnership->stage !== 'paused' && $partnership->stage !== 'ended')
                            <x-secondary-button type="button" wire:click="openMove('paused')">{{ __('Pause') }}</x-secondary-button>
                        @endif
                        @if ($partnership->stage !== 'ended')
                            <x-secondary-button type="button" wire:click="openMove('ended')">
                                <x-icon name="x-mark" class="mr-1.5 h-4 w-4" /> {{ __('End') }}
                            </x-secondary-button>
                        @endif
                    </div>
                @endif
            </div>

            @if ($next !== null && $missingForNext !== [])
                <div class="mt-4 flex items-start gap-3 rounded-xl border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-800">
                    <x-icon name="exclamation-triangle" class="mt-0.5 h-4 w-4 shrink-0" />
                    <p>{{ __('Before :stage: :missing', ['stage' => __(Partnership::STAGES[$next]), 'missing' => implode(' ', $missingForNext)]) }}</p>
                </div>
            @endif
            @if (in_array($partnership->stage, ['paused', 'ended'], true) && $partnership->status_reason)
                <p class="mt-4 text-sm text-slate-600">
                    <span class="font-semibold">{{ $partnership->stage === 'paused' ? __('Paused because') : __('Ended because') }}:</span> {{ $partnership->status_reason }}
                </p>
            @endif
        </x-card>

        <section class="grid grid-cols-2 gap-4 lg:grid-cols-4">
            @foreach ($cards as $m)
                <x-card class="group relative flex flex-col overflow-hidden p-5 ring-slate-200/70 transition hover:-translate-y-0.5 hover:shadow-lg hover:shadow-slate-300/40">
                    <div class="flex items-start justify-between gap-2">
                        <p class="truncate text-[11px] font-semibold uppercase tracking-wider text-slate-400" title="{{ $m['label'] }}">{{ $m['label'] }}</p>
                        <span class="flex items-center justify-center rounded-xl text-white shadow-sm ring-1 ring-white/40" style="height: 2rem; width: 2rem; background: linear-gradient(135deg, {{ $m['accent'] }}, {{ $m['accent'] }}bb)">
                            <x-icon :name="$m['icon']" class="h-4 w-4" />
                        </span>
                    </div>
                    <p class="mt-3 font-bold leading-none tracking-tight text-slate-900 tabular-nums" style="font-size: 19px;">{{ $m['value'] }}</p>
                    <span class="mt-2.5 inline-flex w-fit items-center gap-1 rounded-full bg-slate-100 px-2 py-1 text-[11px] font-semibold text-slate-500">{{ $m['sub'] }}</span>
                </x-card>
            @endforeach
        </section>

        <div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
            {{-- About --}}
            <x-card class="p-5 lg:col-span-1">
                <h2 class="text-base font-semibold text-slate-900">{{ __('About') }}</h2>
                <dl class="mt-4 space-y-3 text-sm">
                    <div>
                        <dt class="text-xs font-semibold uppercase tracking-wider text-slate-400">{{ __('Partner organisation') }}</dt>
                        <dd class="mt-0.5 text-slate-700">
                            @if ($partnership->customer)
                                <a href="{{ route('crm.organisations.show', $partnership->customer_id) }}" wire:navigate class="font-medium text-indigo-600 hover:text-indigo-800">{{ $partnership->customer->name }}</a>
                            @else
                                <span class="text-slate-400">{{ __('Not linked yet') }}</span>
                            @endif
                        </dd>
                    </div>
                    <div>
                        <dt class="text-xs font-semibold uppercase tracking-wider text-slate-400">{{ __('Brought in by') }}</dt>
                        <dd class="mt-0.5 text-slate-700">{{ $partnership->originator?->name ?? __('Not available') }}</dd>
                    </div>
                    <div>
                        <dt class="text-xs font-semibold uppercase tracking-wider text-slate-400">{{ __('Next action') }}</dt>
                        <dd class="mt-0.5 text-slate-700">
                            @if ($partnership->next_action)
                                {{ $partnership->next_action }}
                                @if ($partnership->next_action_due)
                                    <span class="block text-xs {{ $partnership->next_action_due->lt($today) && $partnership->stage !== 'ended' ? 'font-semibold text-rose-600' : 'text-slate-400' }}">{{ __('Due :date', ['date' => $partnership->next_action_due->format('j M Y')]) }}</span>
                                @endif
                            @else
                                <span class="text-slate-400">{{ __('None') }}</span>
                            @endif
                        </dd>
                    </div>
                    <div>
                        <dt class="text-xs font-semibold uppercase tracking-wider text-slate-400">{{ __('What it is for') }}</dt>
                        <dd class="mt-0.5 whitespace-pre-line text-slate-700">{{ $partnership->objective ?: __('Not written yet') }}</dd>
                    </div>
                    <div>
                        <dt class="text-xs font-semibold uppercase tracking-wider text-slate-400">{{ __('What each side gains') }}</dt>
                        <dd class="mt-0.5 whitespace-pre-line text-slate-700">{{ $partnership->value_proposition ?: __('Not written yet') }}</dd>
                    </div>
                    <div class="flex gap-6">
                        <div>
                            <dt class="text-xs font-semibold uppercase tracking-wider text-slate-400">{{ __('Active since') }}</dt>
                            <dd class="mt-0.5 text-slate-700">{{ $partnership->started_on?->format('j M Y') ?? __('Not yet') }}</dd>
                        </div>
                        @if ($partnership->ended_on)
                            <div>
                                <dt class="text-xs font-semibold uppercase tracking-wider text-slate-400">{{ __('Ended') }}</dt>
                                <dd class="mt-0.5 text-slate-700">{{ $partnership->ended_on->format('j M Y') }}</dd>
                            </div>
                        @endif
                    </div>
                    @if ($partnership->notes)
                        <div>
                            <dt class="text-xs font-semibold uppercase tracking-wider text-slate-400">{{ __('Notes') }}</dt>
                            <dd class="mt-0.5 whitespace-pre-line text-slate-700">{{ $partnership->notes }}</dd>
                        </div>
                    @endif
                </dl>
            </x-card>

            <div class="space-y-6 lg:col-span-2">
                {{-- Referrals --}}
                <x-card class="overflow-hidden">
                    <div class="flex flex-col gap-1 border-b border-slate-100 p-4 sm:p-5">
                        <h2 class="text-base font-semibold text-slate-900">{{ __('Referrals') }}</h2>
                        <p class="text-xs text-slate-400">{{ __('Each referral is an ordinary opportunity of type Partner Referral, worked through the pipeline') }}</p>
                    </div>
                    <div class="overflow-x-auto">
                        <table class="min-w-full divide-y divide-slate-100">
                            <thead>
                                <tr class="bg-slate-50/80 text-left text-[11px] font-semibold uppercase tracking-wider text-slate-500">
                                    <th class="px-3 lg:px-4 py-3.5">{{ __('Opportunity') }}</th>
                                    <th class="px-3 lg:px-4 py-3.5">{{ __('Stage') }}</th>
                                    <th class="px-3 lg:px-4 py-3.5">{{ __('Owner') }}</th>
                                    <th class="px-3 lg:px-4 py-3.5 text-right">{{ __('Estimated value') }}</th>
                                </tr>
                            </thead>
                            <tbody class="divide-y divide-slate-100 bg-white">
                                @forelse ($referrals as $opportunity)
                                    <tr wire:key="referral-{{ $opportunity->id }}" class="transition hover:bg-slate-50/70">
                                        <td class="px-3 lg:px-4 py-4 text-sm">
                                            <a href="{{ route('crm.opportunities.show', $opportunity) }}" wire:navigate class="font-medium text-slate-900 hover:text-indigo-600">{{ $opportunity->title }}</a>
                                            <p class="mt-0.5 text-xs text-slate-400">{{ $opportunity->customer?->name }} · {{ $opportunity->created_at?->timezone(config('app.display_timezone'))->format('j M Y') }}</p>
                                        </td>
                                        <td class="whitespace-nowrap px-3 lg:px-4 py-4 text-sm">
                                            <x-badge :color="$oppStageColour($opportunity->stage)">{{ __(\App\Models\Opportunity::STAGES[$opportunity->stage] ?? $opportunity->stage) }}</x-badge>
                                        </td>
                                        <td class="px-3 lg:px-4 py-4 text-sm text-slate-600">{{ $opportunity->owner?->name ?? __('Not available') }}</td>
                                        <td class="whitespace-nowrap px-3 lg:px-4 py-4 text-right text-sm tabular-nums">
                                            @if ($opportunity->estimated_value === null)
                                                <span class="text-slate-400">{{ __('Not estimated') }}</span>
                                            @else
                                                <span class="font-semibold text-slate-900">{{ $opportunity->currency_code }} {{ number_format((float) $opportunity->estimated_value, 2) }}</span>
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="4" class="px-6 py-10">
                                            <x-empty-state icon="arrow-path" :title="__('No referrals yet')"
                                                :message="__('When this partner sends a client our way, record it with Record a referral. It opens an opportunity linked back here.')"
                                                class="border-0 bg-transparent py-0" />
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    @include('livewire.crm.partials.paginator', ['rows' => $referrals])
                </x-card>

                <div class="grid grid-cols-1 gap-6 md:grid-cols-2">
                    {{-- Proposals --}}
                    <x-card class="overflow-hidden">
                        <div class="flex items-center justify-between gap-3 border-b border-slate-100 p-4 sm:p-5">
                            <h2 class="text-base font-semibold text-slate-900">{{ __('Proposals') }}</h2>
                            @if ($canPropose)
                                <a href="{{ route('crm.proposals.index', ['partnership' => $partnership->id]) }}" wire:navigate class="text-sm font-semibold text-indigo-600 hover:text-indigo-800">{{ __('Write one') }}</a>
                            @endif
                        </div>
                        <ul class="divide-y divide-slate-100">
                            @forelse ($proposals as $proposal)
                                <li wire:key="proposal-{{ $proposal->id }}" class="flex items-center justify-between gap-3 px-4 py-3 text-sm sm:px-5">
                                    <div class="min-w-0">
                                        <a href="{{ route('crm.proposals.show', $proposal) }}" wire:navigate class="font-medium text-slate-900 hover:text-indigo-600">{{ $proposal->title }}</a>
                                        <p class="text-xs text-slate-400">{{ __('Version :v · :who', ['v' => $proposal->version, 'who' => $proposal->author?->name ?? __('Not available')]) }}</p>
                                    </div>
                                    <x-badge :color="$proposalColors[$proposal->status] ?? 'slate'">{{ __(\App\Models\Crm\Proposal::STATUSES[$proposal->status] ?? $proposal->status) }}</x-badge>
                                </li>
                            @empty
                                <li class="px-4 py-6 text-sm text-slate-400 sm:px-5">{{ __('No proposal yet. One is needed before the Proposal stage.') }}</li>
                            @endforelse
                        </ul>
                        @include('livewire.crm.partials.paginator', ['rows' => $proposals])
                    </x-card>

                    {{-- Agreements --}}
                    <x-card class="overflow-hidden">
                        <div class="flex items-center justify-between gap-3 border-b border-slate-100 p-4 sm:p-5">
                            <h2 class="text-base font-semibold text-slate-900">{{ __('Agreements') }}</h2>
                            @if ($canAgree)
                                <a href="{{ route('crm.agreements.index', ['partnership' => $partnership->id]) }}" wire:navigate class="text-sm font-semibold text-indigo-600 hover:text-indigo-800">{{ __('Record one') }}</a>
                            @endif
                        </div>
                        <ul class="divide-y divide-slate-100">
                            @forelse ($agreements as $agreement)
                                <li wire:key="agreement-{{ $agreement->id }}" class="flex items-center justify-between gap-3 px-4 py-3 text-sm sm:px-5">
                                    <div class="min-w-0">
                                        <a href="{{ route('crm.agreements.show', $agreement) }}" wire:navigate class="font-medium text-slate-900 hover:text-indigo-600">{{ $agreement->title }}</a>
                                        <p class="text-xs text-slate-400">
                                            @if ($agreement->ends_on)
                                                {{ __('Ends :date', ['date' => $agreement->ends_on->format('j M Y')]) }}
                                            @else
                                                {{ __('No end date') }}
                                            @endif
                                        </p>
                                    </div>
                                    <x-badge :color="$agreementColors[$agreement->status] ?? 'slate'">{{ __(\App\Models\Crm\Agreement::STATUSES[$agreement->status] ?? $agreement->status) }}</x-badge>
                                </li>
                            @empty
                                <li class="px-4 py-6 text-sm text-slate-400 sm:px-5">{{ __('No agreement yet. A signed one is needed before the partnership is active.') }}</li>
                            @endforelse
                        </ul>
                        @include('livewire.crm.partials.paginator', ['rows' => $agreements])
                    </x-card>
                </div>

                {{-- History --}}
                <x-card class="p-5">
                    <h2 class="text-base font-semibold text-slate-900">{{ __('Stage history') }}</h2>
                    <ul class="mt-4 space-y-3">
                        @forelse ($history as $row)
                            <li class="flex items-start gap-3 text-sm">
                                <span class="mt-1 h-2 w-2 shrink-0 rounded-full bg-indigo-400"></span>
                                <div>
                                    <p class="text-slate-700">
                                        @if ($row['from'])
                                            {{ __(':from to :to', ['from' => __(Partnership::STAGES[$row['from']] ?? $row['from']), 'to' => __(Partnership::STAGES[$row['to']] ?? $row['to'])]) }}
                                        @else
                                            {{ __('Recorded at :to', ['to' => __(Partnership::STAGES[$row['to']] ?? $row['to'])]) }}
                                        @endif
                                    </p>
                                    <p class="text-xs text-slate-400">
                                        {{ $row['at']?->timezone(config('app.display_timezone'))->format('j M Y H:i') }} · {{ $row['by'] ?? __('System') }}
                                        @if ($row['reason']) · {{ $row['reason'] }} @endif
                                    </p>
                                </div>
                            </li>
                        @empty
                            <li class="text-sm text-slate-400">{{ __('No stage changes recorded.') }}</li>
                        @endforelse
                    </ul>
                    @if ($history->hasPages())
                        <div class="mt-4 border-t border-slate-100 pt-3">
                            {{ $history->links() }}
                        </div>
                    @endif
                </x-card>
            </div>
        </div>
    </div>

    @if ($canEdit)
        <x-dialog-modal wire:model.live="showForm" maxWidth="2xl">
            <x-slot name="title">{{ __('Edit partnership') }}</x-slot>
            <x-slot name="content">
                @include('livewire.crm.partnerships.partials.form')
            </x-slot>
            <x-slot name="footer">
                <x-secondary-button wire:click="$set('showForm', false)" wire:loading.attr="disabled">{{ __('Cancel') }}</x-secondary-button>
                <x-button class="ms-3" wire:click="save" wire:loading.attr="disabled" wire:target="save">
                    <span wire:loading.remove wire:target="save">{{ __('Save') }}</span>
                    <span wire:loading wire:target="save">{{ __('Saving…') }}</span>
                </x-button>
            </x-slot>
        </x-dialog-modal>

        <x-dialog-modal wire:model.live="showMove" maxWidth="lg">
            <x-slot name="title">{{ $moveTo !== '' ? __('Move to :stage', ['stage' => __(Partnership::STAGES[$moveTo] ?? $moveTo)]) : __('Move') }}</x-slot>
            <x-slot name="content">
                <x-label for="moveReason" value="{{ __('Reason') }}" />
                <textarea id="moveReason" rows="3" wire:model="moveReason" class="mt-1 block w-full rounded-xl border-slate-300 text-sm shadow-sm focus:border-indigo-500 focus:ring-indigo-500"></textarea>
                <x-input-error for="moveReason" class="mt-2" />
            </x-slot>
            <x-slot name="footer">
                <x-secondary-button wire:click="$set('showMove', false)" wire:loading.attr="disabled">{{ __('Cancel') }}</x-secondary-button>
                <x-button class="ms-3" wire:click="move" wire:loading.attr="disabled" wire:target="move">
                    <span wire:loading.remove wire:target="move">{{ __('Move') }}</span>
                    <span wire:loading wire:target="move">{{ __('Moving…') }}</span>
                </x-button>
            </x-slot>
        </x-dialog-modal>
    @endif

    @if ($canRefer)
        <x-dialog-modal wire:model.live="showRefer" maxWidth="2xl">
            <x-slot name="title">{{ __('Record a referral') }}</x-slot>
            <x-slot name="content">
                <p class="mb-4 text-sm text-slate-600">{{ __('This opens an opportunity of type Partner Referral at Prospect, linked to this partnership. :name is credited as the person who brought it in.', ['name' => $partnership->owner?->name ?? __('The partnership manager')]) }}</p>
                <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
                    <div class="sm:col-span-2">
                        @include('livewire.crm.partnerships.partials.organisation-picker', [
                            'field' => 'referCustomerId',
                            'label' => __('Referred organisation'),
                            'optional' => false,
                        ])
                    </div>
                    <div class="sm:col-span-2">
                        <x-label for="referTitle" value="{{ __('Opportunity title') }}" />
                        <x-input id="referTitle" type="text" class="mt-1 block w-full" wire:model="referTitle" />
                        <x-input-error for="referTitle" class="mt-2" />
                    </div>
                    <div class="sm:col-span-2">
                        <x-label for="referNeed" value="{{ __('What they need, if known') }}" />
                        <textarea id="referNeed" rows="2" wire:model="referNeed" class="mt-1 block w-full rounded-xl border-slate-300 text-sm shadow-sm focus:border-indigo-500 focus:ring-indigo-500"></textarea>
                        <x-input-error for="referNeed" class="mt-2" />
                    </div>
                    <div>
                        <x-label for="referOwnerId" value="{{ __('Owner') }}" />
                        <select id="referOwnerId" wire:model="referOwnerId" class="mt-1 block w-full rounded-xl border-slate-300 text-sm shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
                            @foreach ($teamUsers as $person)
                                <option value="{{ $person->id }}">{{ $person->name }}</option>
                            @endforeach
                        </select>
                        <x-input-error for="referOwnerId" class="mt-2" />
                    </div>
                    <div>
                        <x-label for="referValue" value="{{ __('Estimated value (blank if unknown)') }}" />
                        <x-input id="referValue" type="number" step="0.01" min="0" class="mt-1 block w-full" wire:model="referValue" />
                        <x-input-error for="referValue" class="mt-2" />
                    </div>
                    <div>
                        <x-label for="referNextAction" value="{{ __('Next action') }}" />
                        <x-input id="referNextAction" type="text" class="mt-1 block w-full" wire:model="referNextAction" />
                        <x-input-error for="referNextAction" class="mt-2" />
                    </div>
                    <div>
                        <x-label for="referNextActionDue" value="{{ __('Next action due') }}" />
                        <x-input id="referNextActionDue" type="date" class="mt-1 block w-full" wire:model="referNextActionDue" />
                        <x-input-error for="referNextActionDue" class="mt-2" />
                    </div>
                </div>
            </x-slot>
            <x-slot name="footer">
                <x-secondary-button wire:click="$set('showRefer', false)" wire:loading.attr="disabled">{{ __('Cancel') }}</x-secondary-button>
                <x-button class="ms-3" wire:click="refer" wire:loading.attr="disabled" wire:target="refer">
                    <span wire:loading.remove wire:target="refer">{{ __('Open the opportunity') }}</span>
                    <span wire:loading wire:target="refer">{{ __('Saving…') }}</span>
                </x-button>
            </x-slot>
        </x-dialog-modal>
    @endif
</div>