Network-MGMT/resources/views/admin/update.blade.php

<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200">Software-Update</h2>
    </x-slot>

    <div class="py-8">
        <div class="max-w-3xl mx-auto sm:px-6 lg:px-8 space-y-5">

            {{-- Ergebnis einer abgeschlossenen Installation --}}
            @if(session('update_result') === 'success')
                <div class="bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-700 rounded-lg p-4">
                    <p class="font-semibold text-green-800 dark:text-green-300">✓ Update erfolgreich installiert!</p>
                    @if(session('update_log'))
                        <pre class="mt-2 text-xs text-green-700 dark:text-green-400 overflow-auto max-h-40">{{ session('update_log') }}</pre>
                    @endif
                </div>
            @elseif(session('update_result') === 'error')
                <div class="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-700 rounded-lg p-4">
                    <p class="font-semibold text-red-800 dark:text-red-300">✗ Update fehlgeschlagen</p>
                    @if(session('update_log'))
                        <pre class="mt-2 text-xs text-red-700 dark:text-red-400 overflow-auto max-h-40">{{ session('update_log') }}</pre>
                    @endif
                </div>
            @endif

            {{-- Versions-Info -----------------------------------------------}}
            <div class="bg-white dark:bg-gray-800 shadow-sm rounded-lg overflow-hidden">
                <div class="px-4 py-3 bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600">
                    <span class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">Versionsinformationen</span>
                </div>
                <div class="p-4 space-y-3 text-sm">
                    <div class="flex justify-between items-center">
                        <span class="text-gray-600 dark:text-gray-400">Installierte Version</span>
                        <span class="font-mono font-semibold text-gray-900 dark:text-gray-100">{{ $currentVersion }}</span>
                    </div>
                    <div class="flex justify-between items-center">
                        <span class="text-gray-600 dark:text-gray-400">Neueste Version (Gitea)</span>
                        @if($error)
                            <span class="text-red-500 text-xs">nicht abrufbar</span>
                        @elseif($latestVersion)
                            <span class="font-mono font-semibold {{ $updateAvailable ? 'text-amber-600 dark:text-amber-400' : 'text-green-600 dark:text-green-400' }}">
                                {{ $latestVersion }}
                            </span>
                        @else
                            <span class="text-gray-400 text-xs">—</span>
                        @endif
                    </div>
                    <div class="flex justify-between items-center">
                        <span class="text-gray-600 dark:text-gray-400">Gitea-Repository</span>
                        <span class="font-mono text-xs text-gray-500 dark:text-gray-400">
                            @if($giteaUrl)
                                <a href="{{ $giteaUrl }}/{{ $giteaRepo }}" target="_blank"
                                   class="text-indigo-600 hover:underline">{{ $giteaRepo }}</a>
                            @else
                                nicht konfiguriert
                            @endif
                        </span>
                    </div>
                    @if($checkedAt)
                        <div class="flex justify-between items-center">
                            <span class="text-gray-600 dark:text-gray-400">Zuletzt geprüft</span>
                            <span class="text-xs text-gray-400">{{ \Carbon\Carbon::parse($checkedAt)->format('d.m.Y H:i') }}</span>
                        </div>
                    @endif
                </div>
            </div>

            {{-- Fehler-Box --}}
            @if($error)
                <div class="bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-700 rounded-lg p-4 text-sm text-amber-800 dark:text-amber-300">
                    <p class="font-semibold">⚠ Update-Prüfung nicht möglich</p>
                    <p class="mt-1 text-xs">{{ $error }}</p>
                    @if(!$giteaUrl)
                        <p class="mt-2 text-xs">In der <code class="bg-amber-100 dark:bg-amber-900 px-1 rounded">.env</code> eintragen:</p>
                        <pre class="mt-1 text-xs bg-amber-100 dark:bg-amber-900 rounded p-2">GITEA_URL=http://&lt;IP-des-Gitea-Servers&gt;:3000
GITEA_REPO=admin/Network-MGMT</pre>
                    @endif
                </div>
            @endif

            {{-- Update verfügbar -------------------------------------------}}
            @if($updateAvailable)
                <div class="bg-indigo-50 dark:bg-indigo-900/20 border border-indigo-200 dark:border-indigo-700 rounded-lg overflow-hidden">
                    <div class="px-4 py-3 bg-indigo-100 dark:bg-indigo-900/40 border-b border-indigo-200 dark:border-indigo-700 flex items-center justify-between">
                        <span class="font-semibold text-indigo-800 dark:text-indigo-300">
                            🆕 Update verfügbar: {{ $currentVersion }} → {{ $latestVersion }}
                        </span>
                    </div>
                    <div class="p-4">
                        @if($releaseNotes)
                            <div class="text-sm text-gray-700 dark:text-gray-300 mb-4 max-h-48 overflow-y-auto bg-gray-50 dark:bg-gray-900 rounded p-3 font-mono whitespace-pre-wrap">{{ $releaseNotes }}</div>
                        @endif

                        <form method="POST" action="{{ route('admin.update.install') }}"
                              onsubmit="return confirm('Update {{ $latestVersion }} jetzt installieren?\n\nDie App geht kurz in den Wartungsmodus.')">
                            @csrf
                            <input type="hidden" name="tag" value="{{ $latestVersion }}">
                            <button type="submit"
                                    style="background-color: var(--color-primary)"
                                    class="px-5 py-2 text-white text-sm font-semibold rounded-md hover:opacity-90 transition">
                                ⬇ Update {{ $latestVersion }} jetzt installieren
                            </button>
                        </form>
                        <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
                            Die App geht kurz in den Wartungsmodus. Laufende Anfragen werden danach abgeschlossen.
                        </p>
                    </div>
                </div>
            @elseif(!$error && $latestVersion)
                <div class="bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-700 rounded-lg p-4 text-sm text-green-800 dark:text-green-300">
                    ✓ Du verwendest bereits die neueste Version ({{ $currentVersion }}).
                </div>
            @endif

            {{-- Manuelle Aktualisierung -----------------------------------}}
            <div class="bg-white dark:bg-gray-800 shadow-sm rounded-lg overflow-hidden">
                <div class="px-4 py-3 bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600">
                    <span class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">Manuell aktualisieren</span>
                </div>
                <div class="p-4 space-y-3 text-sm text-gray-600 dark:text-gray-400">
                    <p>Um einen bestimmten Tag direkt zu installieren:</p>
                    <form method="POST" action="{{ route('admin.update.install') }}"
                          onsubmit="return confirm('Wirklich auf diesen Tag aktualisieren?')">
                        @csrf
                        <div class="flex gap-2">
                            <input type="text" name="tag" placeholder="z.B. v0.10.0"
                                   class="flex-1 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-md shadow-sm text-sm focus:ring-indigo-500 focus:border-indigo-500" />
                            <button type="submit"
                                    class="px-4 py-2 text-sm font-medium rounded-md border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 transition">
                                Installieren
                            </button>
                        </div>
                    </form>
                    <p class="text-xs text-gray-400">
                        Alternativ per Terminal: <code class="bg-gray-100 dark:bg-gray-900 px-1 rounded">php artisan app:install-update</code>
                    </p>
                </div>
            </div>

        </div>
    </div>
</x-app-layout>