@extends('admin.layouts.app')

@section('title', 'Talep #' . $offerRequest->id . ' | Admin')

@section('content')
@php
    $colorMap = ['new' => 'blue', 'reviewing' => 'yellow', 'quoted' => 'indigo', 'accepted' => 'green', 'rejected' => 'red', 'completed' => 'gray'];
    $bgMap = [
        'blue'   => 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400',
        'yellow' => 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400',
        'indigo' => 'bg-indigo-100 text-indigo-800 dark:bg-indigo-900/30 dark:text-indigo-400',
        'green'  => 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400',
        'red'    => 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400',
        'gray'   => 'bg-gray-100 text-gray-600 dark:bg-gray-700 dark:text-gray-400',
    ];
    $dotMap = [
        'blue' => 'bg-blue-500', 'yellow' => 'bg-yellow-500', 'indigo' => 'bg-indigo-500',
        'green' => 'bg-green-500', 'red' => 'bg-red-500', 'gray' => 'bg-gray-400',
    ];
    $currentColor = $colorMap[$offerRequest->status] ?? 'gray';
@endphp
<div class="mx-auto max-w-screen-2xl p-4 md:p-6 2xl:p-10">
    <div class="mb-6">
        <a href="{{ route('admin.offer-requests.index') }}" class="text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300">
            <i class="fas fa-arrow-left mr-1"></i> Taleplere dön
        </a>
        <h3 class="mt-2 text-lg font-medium text-black dark:text-white">
            Talep #{{ $offerRequest->id }}
            <span class="ml-2 inline-flex rounded-full px-3 py-1 text-sm font-medium {{ $bgMap[$currentColor] }}">{{ $offerRequest->status_label }}</span>
        </h3>
        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">{{ $offerRequest->created_at->format('d.m.Y H:i') }} tarihinde oluşturuldu</p>
    </div>

    <div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
        <div class="lg:col-span-2 space-y-6">
            {{-- Customer --}}
            <div class="rounded-2xl border border-gray-200 bg-white p-6 dark:border-gray-800 dark:bg-white/[0.03]">
                <h4 class="mb-4 text-base font-medium text-black dark:text-white"><i class="fas fa-user mr-2 text-blue-600"></i>Müşteri Bilgileri</h4>
                <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
                    <div>
                        <span class="block text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Ad Soyad</span>
                        <span class="mt-1 block text-sm font-semibold text-gray-900 dark:text-white">{{ $offerRequest->customer_name }}</span>
                    </div>
                    <div>
                        <span class="block text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Telefon</span>
                        <span class="mt-1 block text-sm text-gray-900 dark:text-white">{{ $offerRequest->customer_phone }}</span>
                    </div>
                    @if($offerRequest->customer_email)
                    <div>
                        <span class="block text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">E-posta</span>
                        <span class="mt-1 block text-sm text-gray-900 dark:text-white">{{ $offerRequest->customer_email }}</span>
                    </div>
                    @endif
                    @if($offerRequest->service_date)
                    <div>
                        <span class="block text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Talep Tarihi</span>
                        <span class="mt-1 block text-sm text-gray-900 dark:text-white">{{ $offerRequest->service_date->format('d.m.Y') }}</span>
                    </div>
                    @endif
                </div>
                @if($offerRequest->message)
                    <div class="mt-4 rounded-lg bg-gray-50 p-4 dark:bg-gray-800/50">
                        <span class="block text-xs font-medium text-gray-500 dark:text-gray-400 uppercase mb-1">Mesaj</span>
                        <p class="text-sm text-gray-700 dark:text-gray-300 whitespace-pre-line">{{ $offerRequest->message }}</p>
                    </div>
                @endif
            </div>

            {{-- Business & Item --}}
            <div class="rounded-2xl border border-gray-200 bg-white p-6 dark:border-gray-800 dark:bg-white/[0.03]">
                <h4 class="mb-4 text-base font-medium text-black dark:text-white"><i class="fas fa-store mr-2 text-indigo-600"></i>İşletme & Ürün</h4>
                <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
                    <div>
                        <span class="block text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">İşletme</span>
                        <span class="mt-1 block text-sm font-semibold text-gray-900 dark:text-white">{{ $offerRequest->business->name ?? '—' }}</span>
                    </div>
                    <div>
                        <span class="block text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Ürün / Hizmet</span>
                        @if($offerRequest->requestable)
                            <span class="mt-1 block text-sm font-semibold text-gray-900 dark:text-white">{{ $offerRequest->requestable->name ?? '—' }}</span>
                            <span class="text-xs text-gray-500">
                                @if($offerRequest->requestable_type === 'App\\Models\\Product') Ürün @else {{ class_basename($offerRequest->requestable_type) }} @endif
                            </span>
                        @else
                            <span class="mt-1 block text-sm text-gray-400">Silinmiş</span>
                        @endif
                    </div>
                </div>
            </div>

            {{-- Logs --}}
            <div class="rounded-2xl border border-gray-200 bg-white p-6 dark:border-gray-800 dark:bg-white/[0.03]">
                <h4 class="mb-4 text-base font-medium text-black dark:text-white"><i class="fas fa-history mr-2 text-gray-500"></i>İşlem Geçmişi</h4>
                @if($offerRequest->logs->isEmpty())
                    <p class="text-sm text-gray-500 dark:text-gray-400">Henüz kayıt yok.</p>
                @else
                    <div class="relative">
                        <div class="absolute left-4 top-0 bottom-0 w-0.5 bg-gray-200 dark:bg-gray-700"></div>
                        <div class="space-y-6">
                            @foreach($offerRequest->logs as $log)
                                @php
                                    $logColor = $colorMap[$log->to_status] ?? 'gray';
                                    $isStatusChange = $log->from_status !== $log->to_status;
                                @endphp
                                <div class="relative flex gap-4 pl-10">
                                    <div class="absolute left-2.5 top-1 h-3 w-3 rounded-full {{ $dotMap[$logColor] }} ring-2 ring-white dark:ring-gray-900"></div>
                                    <div class="flex-1 min-w-0">
                                        <div class="flex flex-wrap items-center gap-2">
                                            @if($isStatusChange)
                                                <span class="text-sm font-medium text-gray-900 dark:text-white">Durum değiştirildi:</span>
                                                @if($log->from_status)
                                                    <span class="inline-flex rounded-full px-2 py-0.5 text-xs font-medium {{ $bgMap[$colorMap[$log->from_status] ?? 'gray'] }}">{{ $log->from_status_label }}</span>
                                                    <i class="fas fa-arrow-right text-xs text-gray-400"></i>
                                                @endif
                                                <span class="inline-flex rounded-full px-2 py-0.5 text-xs font-medium {{ $bgMap[$logColor] }}">{{ $log->to_status_label }}</span>
                                            @else
                                                <span class="text-sm font-medium text-gray-900 dark:text-white">Not eklendi</span>
                                                <span class="inline-flex rounded-full px-2 py-0.5 text-xs font-medium {{ $bgMap[$logColor] }}">{{ $log->to_status_label }}</span>
                                            @endif
                                        </div>
                                        @if($log->note)
                                            <div class="mt-1 rounded-lg bg-gray-50 p-3 text-sm text-gray-700 dark:bg-gray-800/50 dark:text-gray-300 whitespace-pre-line">{{ $log->note }}</div>
                                        @endif
                                        <div class="mt-1 text-xs text-gray-500 dark:text-gray-400">
                                            {{ $log->created_at->format('d.m.Y H:i') }}
                                            @if($log->causer_type === 'business') · İşletme @elseif($log->causer_type === 'admin') · Admin @elseif($log->causer_type === 'system') · Sistem @endif
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                @endif
            </div>
        </div>

        {{-- Sidebar --}}
        <div class="space-y-6">
            <div class="rounded-2xl border border-gray-200 bg-white p-6 dark:border-gray-800 dark:bg-white/[0.03]">
                <h4 class="mb-4 text-base font-medium text-black dark:text-white"><i class="fas fa-info-circle mr-2 text-blue-600"></i>Özet</h4>
                <dl class="space-y-3 text-sm">
                    <div class="flex justify-between">
                        <dt class="text-gray-500 dark:text-gray-400">Durum</dt>
                        <dd><span class="inline-flex rounded-full px-2.5 py-0.5 text-xs font-medium {{ $bgMap[$currentColor] }}">{{ $offerRequest->status_label }}</span></dd>
                    </div>
                    <div class="flex justify-between">
                        <dt class="text-gray-500 dark:text-gray-400">Talep No</dt>
                        <dd class="font-medium text-gray-900 dark:text-white">#{{ $offerRequest->id }}</dd>
                    </div>
                    <div class="flex justify-between">
                        <dt class="text-gray-500 dark:text-gray-400">Oluşturulma</dt>
                        <dd class="text-gray-900 dark:text-white">{{ $offerRequest->created_at->format('d.m.Y H:i') }}</dd>
                    </div>
                    <div class="flex justify-between">
                        <dt class="text-gray-500 dark:text-gray-400">Son Güncelleme</dt>
                        <dd class="text-gray-900 dark:text-white">{{ $offerRequest->updated_at->format('d.m.Y H:i') }}</dd>
                    </div>
                    @if($offerRequest->requestable && $offerRequest->requestable->price_from !== null)
                    <div class="flex justify-between">
                        <dt class="text-gray-500 dark:text-gray-400">Ürün Fiyatı</dt>
                        <dd class="font-semibold text-green-600 dark:text-green-400">{{ number_format($offerRequest->requestable->price_from, 0, ',', '.') }} TL</dd>
                    </div>
                    @endif
                </dl>
            </div>
        </div>
    </div>
</div>
@endsection