@extends('layouts.admin')
@section('title', 'Versions')
@section('heading', 'CMS Versions & Updates')

@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',
    ];
@endphp

@section('content')
    <div class="flex justify-between items-center mb-5">
        <p class="text-sm text-slate-500">Upload a release package, then publish it — licensed installations pick it up automatically.</p>
        <a href="{{ route('versions.create') }}" class="px-4 py-2 rounded-lg bg-indigo-600 text-white text-sm font-semibold hover:bg-indigo-700">+ New Version</a>
    </div>

    <div class="bg-white rounded-xl border border-slate-200 overflow-x-auto">
        <table class="w-full text-sm min-w-[46rem]">
            <thead class="bg-slate-50 text-slate-500 text-xs uppercase">
                <tr>
                    <th class="text-left px-5 py-3 font-semibold">Version</th>
                    <th class="text-left px-5 py-3 font-semibold">Channel</th>
                    <th class="text-left px-5 py-3 font-semibold">Package</th>
                    <th class="text-center px-5 py-3 font-semibold">Flags</th>
                    <th class="text-center px-5 py-3 font-semibold">Status</th>
                    <th class="px-5 py-3"></th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100">
                @forelse ($versions as $version)
                    <tr class="hover:bg-slate-50">
                        <td class="px-5 py-3">
                            <a href="{{ route('versions.show', $version) }}" class="font-semibold text-indigo-600 hover:underline">v{{ $version->version }}</a>
                            @if ($version->release_name)<div class="text-xs text-slate-400">{{ $version->release_name }}</div>@endif
                        </td>
                        <td class="px-5 py-3 text-slate-600 capitalize">{{ $version->channel }}</td>
                        <td class="px-5 py-3 text-slate-600">
                            @if ($version->hasPackage())
                                {{ number_format($version->file_size / 1048576, 1) }} MB
                            @else
                                <span class="text-amber-600 text-xs">No package</span>
                            @endif
                        </td>
                        <td class="px-5 py-3 text-center whitespace-nowrap">
                            @if ($version->force_update)<span class="inline-block px-1.5 py-0.5 rounded bg-red-100 text-red-700 text-[10px] font-semibold">FORCE</span>@endif
                            @if ($version->security_update)<span class="inline-block px-1.5 py-0.5 rounded bg-orange-100 text-orange-700 text-[10px] font-semibold">SECURITY</span>@endif
                        </td>
                        <td class="px-5 py-3 text-center">
                            <span class="px-2 py-0.5 rounded-full text-xs font-medium {{ $badge[$version->status] ?? 'bg-slate-100 text-slate-600' }}">{{ ucfirst($version->status) }}</span>
                        </td>
                        <td class="px-5 py-3 text-right whitespace-nowrap">
                            <a href="{{ route('versions.show', $version) }}" class="text-indigo-600 hover:underline">Manage</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="px-5 py-10 text-center text-slate-400">No versions yet. Create your first release.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection