@extends('layouts.admin')

@section('title', $version->exists ? 'Edit Version' : 'New Version')
@section('heading', $version->exists ? 'Edit v'.$version->version : 'New Version')
@section('subheading', $version->exists
    ? 'Changes take effect on the next update check made by an installation.'
    : 'Saved as a draft — sign the package, then publish it when you are ready.')

@section('content')
    <div class="mx-auto max-w-3xl" x-data="versionForm()">

        {{-- Re-uploading a package is not a neutral edit: it replaces the file,
             clears the signature and pulls a live release back to draft. Said
             here, once, before the form rather than after the save. --}}
        @if ($version->exists && $version->isPublished())
            <div class="surface mb-4 flex items-start gap-3 border-amber-200/70 p-4 dark:border-amber-500/25">
                <span class="grid size-8 shrink-0 place-items-center rounded-lg bg-amber-50 text-amber-600
                             dark:bg-amber-500/10 dark:text-amber-400" aria-hidden="true">
                    <x-icon name="alert" class="size-4" />
                </span>
                <p class="text-xs leading-relaxed text-slate-600 dark:text-slate-300">
                    <span class="font-semibold text-slate-900 dark:text-white">This release is live.</span>
                    Editing the fields is safe. Attaching a new package is not a small change: it replaces the file,
                    discards the signature and returns the release to draft, so installations stop being offered it
                    until it is signed and published again.
                </p>
            </div>
        @endif

        <form method="POST"
              action="{{ $version->exists ? route('versions.update', $version) : route('versions.store') }}"
              enctype="multipart/form-data" class="surface overflow-hidden">
            @csrf
            @if ($version->exists) @method('PUT') @endif

            <header class="flex items-center gap-3 border-b border-slate-200/70 px-5 py-4 dark:border-white/[0.06]">
                <span class="grid size-10 shrink-0 place-items-center rounded-xl bg-gradient-to-br from-brand-500
                             to-brand-700 text-white shadow-lg shadow-brand-600/30" aria-hidden="true">
                    <x-icon name="package" class="size-5" />
                </span>
                <div class="min-w-0 flex-1">
                    <h2 class="text-sm font-semibold text-slate-900 dark:text-white">
                        {{ $version->exists ? 'v'.$version->version : 'Release details' }}
                    </h2>
                    <p class="text-xs text-slate-500 dark:text-slate-400">
                        {{ $version->exists
                            ? ($version->release_name ?: 'No release name')
                            : 'Version number, channel and package' }}
                    </p>
                </div>

                @if ($version->exists)
                    <x-badge :status="$version->status" :pulse="$version->isPublished()" />
                @endif
            </header>

            <div class="px-5 py-5">
                @include('versions.partials.fields', ['version' => $version])
            </div>

            <footer class="flex flex-wrap items-center justify-end gap-2 border-t border-slate-200/70 px-5 py-3.5
                           dark:border-white/[0.06]">
                <a href="{{ $version->exists ? route('versions.show', $version) : route('versions.index') }}"
                   class="rounded-xl border border-slate-200 px-4 py-2 text-sm font-semibold text-slate-600
                          transition hover:bg-slate-50 dark:border-white/10 dark:text-slate-300 dark:hover:bg-white/5">
                    Cancel
                </a>
                <button type="submit" class="btn-primary">
                    <x-icon name="check" class="size-4" />
                    {{ $version->exists ? 'Save changes' : 'Create draft' }}
                </button>
            </footer>
        </form>

        {{-- Lifecycle actions live outside the save form: two submit paths in
             one form is how a "save" ends up publishing something. --}}
        @if ($version->exists)
            <div class="surface mt-4 p-4">
                <h2 class="text-sm font-semibold text-slate-900 dark:text-white">Release lifecycle</h2>
                <p class="mt-0.5 text-xs text-slate-500 dark:text-slate-400">
                    These change what licensed installations are offered on their next update check.
                </p>

                <div class="mt-3 flex flex-wrap items-center gap-2">
                    @if (! $version->isPublished())
                        @if ($version->hasPackage() && filled($version->signature))
                            <form method="POST" action="{{ route('versions.publish', $version) }}"
                                  onsubmit="return confirm('Publish v{{ $version->version }}?')">
                                @csrf
                                <button type="submit" class="btn-primary">
                                    <x-icon name="rocket" class="size-4" /> Publish
                                </button>
                            </form>
                        @else
                            <span class="cursor-not-allowed rounded-xl border border-slate-200 px-4 py-2 text-sm font-semibold
                                         text-slate-400 dark:border-white/10 dark:text-slate-500"
                                  title="{{ $version->hasPackage()
                                      ? 'Sign the package offline with updates:sign before publishing.'
                                      : 'Attach a package before publishing.' }}">
                                Publish ({{ $version->hasPackage() ? 'unsigned' : 'no package' }})
                            </span>
                        @endif
                    @else
                        <form method="POST" action="{{ route('versions.hide', $version) }}">
                            @csrf
                            <button type="submit"
                                    class="rounded-xl border border-slate-200 px-4 py-2 text-sm font-semibold text-slate-600
                                           transition hover:bg-slate-50 dark:border-white/10 dark:text-slate-300 dark:hover:bg-white/5">
                                Hide from installs
                            </button>
                        </form>

                        <form method="POST" action="{{ route('versions.rollback', $version) }}"
                              onsubmit="return confirm('Roll back v{{ $version->version }}? Installations fall back to the previous published release.')">
                            @csrf
                            <button type="submit"
                                    class="rounded-xl border border-amber-200 px-4 py-2 text-sm font-semibold text-amber-700
                                           transition hover:bg-amber-50 dark:border-amber-500/30 dark:text-amber-400
                                           dark:hover:bg-amber-500/10">
                                Roll back
                            </button>
                        </form>
                    @endif

                    <div class="ml-auto">
                        @if ($version->isPublished())
                            <span class="cursor-not-allowed rounded-xl border border-slate-200 px-4 py-2 text-sm font-semibold
                                         text-slate-400 dark:border-white/10 dark:text-slate-500"
                                  title="Hide or roll back a published release before deleting it.">
                                Delete
                            </span>
                        @else
                            <form method="POST" action="{{ route('versions.destroy', $version) }}"
                                  onsubmit="return confirm('Delete v{{ $version->version }} and its package permanently?')">
                                @csrf @method('DELETE')
                                <button type="submit"
                                        class="rounded-xl border border-red-200 px-4 py-2 text-sm font-semibold text-red-600
                                               transition hover:bg-red-50 dark:border-red-500/30 dark:text-red-400
                                               dark:hover:bg-red-500/10">
                                    Delete release
                                </button>
                            </form>
                        @endif
                    </div>
                </div>
            </div>
        @endif
    </div>
@endsection