@extends('layouts.app')

@section('title', 'Versiyon ' . $version->version_number . ' - ' . $site->name)

@section('content')
<div class="px-4 sm:px-6 lg:px-8">
    <div class="sm:flex sm:items-center">
        <div class="sm:flex-auto">
            <div class="flex items-center gap-3 mb-2">
                <a href="{{ route('sites.versions.index', $site) }}" class="text-indigo-600 hover:text-indigo-800">
                    <i class="fas fa-arrow-left"></i>
                </a>
                <h1 class="text-3xl font-semibold text-gray-900">
                    Versiyon {{ $version->version_number }}
                </h1>
                @if($version->is_current)
                <span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-green-100 text-green-800">
                    Mevcut Versiyon
                </span>
                @endif
            </div>
            <p class="mt-2 text-sm text-gray-700">
                <a href="{{ route('sites.show', $site) }}" class="text-indigo-600 hover:text-indigo-800">{{ $site->name }}</a>
            </p>
        </div>
        <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
            @if(!$version->is_current && auth()->user()->can('update', $site))
            <form action="{{ route('sites.versions.restore', [$site, $version]) }}" method="POST" class="inline">
                @csrf
                <button type="submit" 
                    class="inline-flex items-center gap-2 rounded-md bg-purple-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-purple-500"
                    onclick="return confirm('Bu versiyona geri dönmek istediğinizden emin misiniz?')">
                    <i class="fas fa-undo"></i>
                    Bu Versiyona Geri Dön
                </button>
            </form>
            @endif
        </div>
    </div>

    <div class="mt-8 grid grid-cols-1 gap-6 lg:grid-cols-3">
        <!-- Versiyon Bilgileri -->
        <div class="lg:col-span-1">
            <div class="bg-white shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl">
                <div class="px-4 py-5 sm:p-6">
                    <h3 class="text-base font-semibold leading-6 text-gray-900 mb-4">Versiyon Bilgileri</h3>
                    <dl class="space-y-3">
                        <div>
                            <dt class="text-sm font-medium text-gray-500">Versiyon Numarası</dt>
                            <dd class="mt-1 text-sm text-gray-900">{{ $version->version_label }}</dd>
                        </div>
                        <div>
                            <dt class="text-sm font-medium text-gray-500">Tarih</dt>
                            <dd class="mt-1 text-sm text-gray-900">{{ $version->created_at->format('d.m.Y H:i:s') }}</dd>
                        </div>
                        <div>
                            <dt class="text-sm font-medium text-gray-500">Kullanıcı</dt>
                            <dd class="mt-1 text-sm text-gray-900">{{ $version->user->name ?? 'Sistem' }}</dd>
                        </div>
                        <div>
                            <dt class="text-sm font-medium text-gray-500">İşlem</dt>
                            <dd class="mt-1">
                                <span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium
                                    @if($version->action === 'created') bg-blue-100 text-blue-800
                                    @elseif($version->action === 'restored') bg-purple-100 text-purple-800
                                    @else bg-gray-100 text-gray-800
                                    @endif">
                                    @if($version->action === 'created')
                                        Oluşturuldu
                                    @elseif($version->action === 'restored')
                                        Geri Döndürüldü
                                    @else
                                        Güncellendi
                                    @endif
                                </span>
                            </dd>
                        </div>
                        <div>
                            <dt class="text-sm font-medium text-gray-500">Değişiklik Sayısı</dt>
                            <dd class="mt-1 text-sm text-gray-900">{{ $version->changes_count }} alan</dd>
                        </div>
                        @if($version->description)
                        <div>
                            <dt class="text-sm font-medium text-gray-500">Açıklama</dt>
                            <dd class="mt-1 text-sm text-gray-900">{{ $version->description }}</dd>
                        </div>
                        @endif
                    </dl>
                </div>
            </div>
        </div>

        <!-- Versiyon Detayları -->
        <div class="lg:col-span-2">
            <div class="bg-white shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl">
                <div class="px-4 py-5 sm:p-6">
                    <h3 class="text-base font-semibold leading-6 text-gray-900 mb-4">Versiyon Detayları</h3>
                    
                    @if($differences && count($differences) > 0)
                    <div class="mb-6">
                        <h4 class="text-sm font-medium text-gray-900 mb-3">Mevcut Versiyon ile Farklar</h4>
                        <div class="space-y-2">
                            @foreach($differences as $field => $diff)
                            <div class="border border-gray-200 rounded-lg p-3">
                                <div class="text-sm font-medium text-gray-900 mb-2">{{ $field }}</div>
                                <div class="grid grid-cols-2 gap-3 text-xs">
                                    <div>
                                        <div class="text-gray-500 mb-1">Eski Değer:</div>
                                        <div class="bg-red-50 p-2 rounded text-gray-700 break-all">
                                            {{ is_array($diff['old']) ? json_encode($diff['old'], JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) : ($diff['old'] ?? '-') }}
                                        </div>
                                    </div>
                                    <div>
                                        <div class="text-gray-500 mb-1">Yeni Değer:</div>
                                        <div class="bg-green-50 p-2 rounded text-gray-700 break-all">
                                            {{ is_array($diff['new']) ? json_encode($diff['new'], JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) : ($diff['new'] ?? '-') }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif

                    @if($version->changed_fields && count($version->changed_fields) > 0)
                    <div>
                        <h4 class="text-sm font-medium text-gray-900 mb-3">Bu Versiyondaki Değişiklikler</h4>
                        <div class="space-y-2">
                            @foreach($version->changed_fields as $field => $change)
                            <div class="border border-gray-200 rounded-lg p-3">
                                <div class="text-sm font-medium text-gray-900 mb-2">{{ $field }}</div>
                                <div class="grid grid-cols-2 gap-3 text-xs">
                                    <div>
                                        <div class="text-gray-500 mb-1">Eski Değer:</div>
                                        <div class="bg-red-50 p-2 rounded text-gray-700 break-all">
                                            {{ is_array($change['old']) ? json_encode($change['old'], JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) : ($change['old'] ?? '-') }}
                                        </div>
                                    </div>
                                    <div>
                                        <div class="text-gray-500 mb-1">Yeni Değer:</div>
                                        <div class="bg-green-50 p-2 rounded text-gray-700 break-all">
                                            {{ is_array($change['new']) ? json_encode($change['new'], JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) : ($change['new'] ?? '-') }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @else
                    <p class="text-sm text-gray-500">Bu versiyonda değişiklik kaydı bulunmuyor.</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection