@extends('layouts.admin')
@section('title', 'v'.$version->version)
@section('heading', 'Version v'.$version->version)

@php
    $badge = [
        'draft'     => 'bg-slate-100 text-slate-600',
        'published' => 'bg-emerald-100 text-emerald-700',
        'hidden'    => 'bg-amber-100 text-amber-700',
        'archived'  => 'bg-slate-200 text-slate-500',
    ];
    $logBadge = [
        'checked' => 'text-slate-500', 'started' => 'text-indigo-600', 'downloaded' => 'text-indigo-600',
        'installed' => 'text-emerald-600', 'failed' => 'text-red-600', 'rolled_back' => 'text-amber-600',
    ];
@endphp

@section('content')
    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
        {{-- Details --}}
        <div class="lg:col-span-2 space-y-6">
            <div class="bg-white rounded-xl border border-slate-200 p-6">
                <div class="flex items-center justify-between mb-4">
                    <div class="flex items-center gap-3">
                        <h2 class="text-lg font-semibold text-slate-800">v{{ $version->version }}</h2>
                        <span class="px-2 py-0.5 rounded-full text-xs font-medium {{ $badge[$version->status] ?? '' }}">{{ ucfirst($version->status) }}</span>
                        <span class="px-2 py-0.5 rounded-full text-xs bg-slate-100 text-slate-600 capitalize">{{ $version->channel }}</span>
                        @if ($version->force_update)<span class="px-2 py-0.5 rounded-full text-xs bg-red-100 text-red-700 font-semibold">Force</span>@endif
                        @if ($version->security_update)<span class="px-2 py-0.5 rounded-full text-xs bg-orange-100 text-orange-700 font-semibold">Security</span>@endif
                    </div>
                    <a href="{{ route('versions.edit', $version) }}" class="text-sm text-indigo-600 hover:underline">Edit</a>
                </div>

                <dl class="grid grid-cols-2 gap-x-6 gap-y-2 text-sm">
                    <div><dt class="text-slate-400 text-xs uppercase">Release name</dt><dd class="text-slate-700">{{ $version->release_name ?: '—' }}</dd></div>
                    <div><dt class="text-slate-400 text-xs uppercase">Release date</dt><dd class="text-slate-700">{{ $version->release_date?->toFormattedDateString() ?: '—' }}</dd></div>
                    <div><dt class="text-slate-400 text-xs uppercase">Package type</dt><dd class="text-slate-700 capitalize">{{ $version->package_type }}</dd></div>
                    <div><dt class="text-slate-400 text-xs uppercase">Min supported</dt><dd class="text-slate-700 font-mono">{{ $version->min_supported_version ?: '—' }}</dd></div>
                </dl>

                @if ($version->release_notes)
                    <div class="mt-5">
                        <div class="text-slate-400 text-xs uppercase mb-1">Release notes</div>
                        <pre class="whitespace-pre-wrap text-sm text-slate-700 bg-slate-50 rounded-lg p-4 font-sans">{{ $version->release_notes }}</pre>
                    </div>
                @endif
            </div>

            {{-- Package --}}
            <div class="bg-white rounded-xl border border-slate-200 p-6">
                <h3 class="text-sm font-semibold text-slate-700 uppercase mb-3">Package</h3>
                @if ($version->hasPackage())
                    <dl class="text-sm space-y-1.5">
                        <div class="flex justify-between"><dt class="text-slate-400">File</dt><dd class="font-mono text-slate-700">{{ $version->downloadName() }}</dd></div>
                        <div class="flex justify-between"><dt class="text-slate-400">Size</dt><dd class="text-slate-700">{{ number_format($version->file_size / 1048576, 2) }} MB</dd></div>
                        <div><dt class="text-slate-400 mb-1">SHA-256</dt><dd class="font-mono text-xs text-slate-600 break-all bg-slate-50 rounded p-2">{{ $version->checksum_sha256 }}</dd></div>
                    </dl>
                @else
                    <p class="text-sm text-amber-600">No package uploaded. <a href="{{ route('versions.edit', $version) }}" class="underline">Upload one</a> before publishing.</p>
                @endif
            </div>

            {{-- Recent update activity --}}
            <div class="bg-white rounded-xl border border-slate-200 p-6">
                <h3 class="text-sm font-semibold text-slate-700 uppercase mb-3">Recent activity</h3>
                @forelse ($version->logs as $log)
                    <div class="flex items-center justify-between py-1.5 text-sm border-b border-slate-50 last:border-0">
                        <span class="{{ $logBadge[$log->status] ?? 'text-slate-500' }} font-medium capitalize">{{ str_replace('_',' ',$log->status) }}</span>
                        <span class="text-slate-500">{{ $log->domain ?: '—' }}</span>
                        <span class="text-slate-400 text-xs">{{ $log->created_at?->diffForHumans() }}</span>
                    </div>
                @empty
                    <p class="text-sm text-slate-400">No installations have reported activity for this version yet.</p>
                @endforelse
            </div>
        </div>

        {{-- Actions --}}
        <div class="space-y-3">
            <div class="bg-white rounded-xl border border-slate-200 p-5 space-y-2.5">
                <h3 class="text-sm font-semibold text-slate-700 uppercase mb-2">Actions</h3>

                @if ($version->status !== 'published')
                    <form method="POST" action="{{ route('versions.publish', $version) }}">
                        @csrf
                        <button class="w-full px-4 py-2 rounded-lg bg-emerald-600 text-white text-sm font-semibold hover:bg-emerald-700">Publish</button>
                    </form>
                @else
                    <form method="POST" action="{{ route('versions.hide', $version) }}">
                        @csrf
                        <button class="w-full px-4 py-2 rounded-lg bg-amber-500 text-white text-sm font-semibold hover:bg-amber-600">Hide (stop offering)</button>
                    </form>
                    <form method="POST" action="{{ route('versions.rollback', $version) }}" onsubmit="return confirm('Roll back this release? Installations will fall back to the previous published version.')">
                        @csrf
                        <button class="w-full px-4 py-2 rounded-lg border border-amber-400 text-amber-700 text-sm font-semibold hover:bg-amber-50">Roll back</button>
                    </form>
                @endif

                <form method="POST" action="{{ route('versions.destroy', $version) }}" onsubmit="return confirm('Delete this version and its package permanently?')">
                    @csrf @method('DELETE')
                    <button class="w-full px-4 py-2 rounded-lg border border-red-300 text-red-600 text-sm font-semibold hover:bg-red-50">Delete</button>
                </form>
            </div>

            <a href="{{ route('versions.index') }}" class="block text-center text-sm text-slate-500 hover:underline">← All versions</a>
        </div>
    </div>
@endsection