@extends('layouts.app')

@section('content')
<div>
    <!-- Header -->
    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-6">
        <div class="flex items-center space-x-3">
            <a href="{{ route('business.contacts.index', $currentBusiness->id) }}" class="text-gray-400 hover:text-gray-600">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
            </a>
            <div>
                <h1 class="text-2xl font-bold text-gray-900">{{ $contact->name }}</h1>
                <p class="mt-1 text-sm text-gray-500">{{ $contact->company ?? 'No company' }} &middot; {{ ucfirst($contact->type ?? 'N/A') }}</p>
            </div>
        </div>
        <div class="mt-4 sm:mt-0">
            <a href="{{ route('business.contacts.edit', [$currentBusiness->id, $contact->id]) }}" class="inline-flex items-center px-4 py-2 text-sm font-medium text-white bg-indigo-600 rounded-lg hover:bg-indigo-700">Edit Contact</a>
        </div>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
        <!-- Contact Details -->
        <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
            <h3 class="text-sm font-semibold text-gray-900 mb-4">Contact Information</h3>
            <dl class="space-y-3">
                <div>
                    <dt class="text-xs font-medium text-gray-500">Email</dt>
                    <dd class="text-sm text-gray-900">{{ $contact->email ?? '-' }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500">Phone</dt>
                    <dd class="text-sm text-gray-900">{{ $contact->phone ?? '-' }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500">Address</dt>
                    <dd class="text-sm text-gray-900">{{ $contact->address ?? '-' }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500">Source</dt>
                    <dd class="text-sm text-gray-900">{{ $contact->source ?? '-' }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500">Status</dt>
                    <dd class="text-sm text-gray-900">{{ ucfirst($contact->status ?? 'active') }}</dd>
                </div>
                @if($contact->notes)
                <div>
                    <dt class="text-xs font-medium text-gray-500">Notes</dt>
                    <dd class="text-sm text-gray-900">{{ $contact->notes }}</dd>
                </div>
                @endif
            </dl>
        </div>

        <!-- Deals -->
        <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
            <h3 class="text-sm font-semibold text-gray-900 mb-4">Deals</h3>
            @forelse($contact->deals ?? [] as $deal)
            <div class="flex items-center justify-between py-2 border-b border-gray-100 last:border-0">
                <div>
                    <p class="text-sm font-medium text-gray-900">{{ $deal->title }}</p>
                    <p class="text-xs text-gray-500">{{ ucfirst($deal->stage) }}</p>
                </div>
                <span class="text-sm font-medium text-gray-900">{{ $currentBusiness->currency_symbol }}{{ number_format($deal->value, 2) }}</span>
            </div>
            @empty
            <p class="text-sm text-gray-500">No deals found.</p>
            @endforelse
        </div>

        <!-- Recent Activities -->
        <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
            <h3 class="text-sm font-semibold text-gray-900 mb-4">Recent Activities</h3>
            @forelse($contact->activities ?? [] as $activity)
            <div class="py-2 border-b border-gray-100 last:border-0">
                <p class="text-sm font-medium text-gray-900">{{ $activity->title }}</p>
                <p class="text-xs text-gray-500">{{ $activity->created_at->diffForHumans() }}</p>
            </div>
            @empty
            <p class="text-sm text-gray-500">No activities recorded.</p>
            @endforelse
        </div>
    </div>
</div>
@endsection