@props(['plan', 'readOnly' => true])

@php
    $salesperson = trim(($plan->user?->name ?? '').' '.($plan->user?->surname ?? ''));
    $submittedTo = trim(($plan->submittedTo?->name ?? '').' '.($plan->submittedTo?->surname ?? ''));
@endphp

<div class="bg-white border border-gray-200 rounded-xl shadow-sm p-6 space-y-4">
    <div class="flex flex-wrap items-start justify-between gap-3">
        <div>
            <h2 class="text-xl font-bold text-gray-900">{{ $plan->title }}</h2>
            <p class="mt-1 text-sm text-gray-600">Period: {{ $plan->periodLabel() }}</p>
        </div>
        <span class="inline-flex rounded-full px-3 py-1 text-xs font-semibold {{ $plan->statusBadgeClasses() }}">
            {{ $plan->statusDisplayForSalesman() }}
        </span>
    </div>

    @if ($plan->isRejected() && filled($plan->rejection_reason))
        <div class="rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-900">
            <span class="font-semibold">Rejection reason:</span> {{ $plan->rejection_reason }}
        </div>
    @endif

    <dl class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 text-sm">
        <div>
            <dt class="text-gray-500">Salesperson</dt>
            <dd class="font-medium text-gray-900">{{ $salesperson !== '' ? $salesperson : '—' }}</dd>
        </div>
        <div>
            <dt class="text-gray-500">Submitted at</dt>
            <dd class="font-medium text-gray-900">{{ $plan->submitted_at?->format('d M Y H:i') ?? '—' }}</dd>
        </div>
        <div>
            <dt class="text-gray-500">Submitted to</dt>
            <dd class="font-medium text-gray-900">{{ $submittedTo !== '' ? $submittedTo : 'All managers' }}</dd>
        </div>
        @if ($plan->reviewed_at !== null)
            @php
                $reviewedBy = trim(($plan->reviewedBy?->name ?? '').' '.($plan->reviewedBy?->surname ?? ''));
            @endphp
            <div>
                <dt class="text-gray-500">Reviewed at</dt>
                <dd class="font-medium text-gray-900">{{ $plan->reviewed_at->format('d M Y H:i') }}</dd>
            </div>
            <div>
                <dt class="text-gray-500">Reviewed by</dt>
                <dd class="font-medium text-gray-900">{{ $reviewedBy !== '' ? $reviewedBy : '—' }}</dd>
            </div>
        @endif
        <div class="sm:col-span-2 lg:col-span-3">
            <dt class="text-gray-500">Notes</dt>
            <dd class="font-medium text-gray-900 whitespace-pre-wrap">{{ $plan->notes ?? '—' }}</dd>
        </div>
    </dl>
</div>

<div class="bg-white border border-gray-200 rounded-xl shadow-sm overflow-hidden">
    <div class="px-6 py-4 border-b border-gray-100">
        <h3 class="text-base font-semibold text-gray-900">Planned visits ({{ $plan->items->count() }})</h3>
    </div>
    <div class="overflow-x-auto">
        <table class="min-w-full divide-y divide-gray-200 text-sm">
            <thead class="bg-gray-50 text-left text-xs font-semibold uppercase tracking-wide text-gray-500">
                <tr>
                    <th class="px-3 py-2">Prospect (from pipeline)</th>
                    <th class="px-3 py-2">Company</th>
                    <th class="px-3 py-2">Contact</th>
                    <th class="px-3 py-2">When</th>
                    <th class="px-3 py-2">Location</th>
                    <th class="px-3 py-2">Purpose</th>
                    <th class="px-3 py-2">Notes</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-100">
                @forelse ($plan->items as $item)
                    <tr>
                        <td class="px-3 py-2 font-medium text-gray-900">{{ $item->displayProspectLabel() }}</td>
                        <td class="px-3 py-2 text-gray-700">{{ $item->company_name ?? '—' }}</td>
                        <td class="px-3 py-2 text-gray-700">
                            <div>{{ $item->contact_person ?? '—' }}</div>
                            @if ($item->phone)
                                <div class="text-xs">{{ $item->phone }}</div>
                            @endif
                            @if ($item->email)
                                <div class="text-xs">{{ $item->email }}</div>
                            @endif
                        </td>
                        <td class="px-3 py-2 text-gray-700">{{ $item->formattedVisitSchedule() }}</td>
                        <td class="px-3 py-2 text-gray-700">{{ $item->location ?? '—' }}</td>
                        <td class="px-3 py-2 text-gray-700">{{ $item->purpose ?? '—' }}</td>
                        <td class="px-3 py-2 text-gray-700">{{ $item->notes ?? '—' }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="px-3 py-6 text-center text-gray-500">No planned visits.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>