@extends('layouts.app')

@section('title', 'Mises à jour - ' . app_setting('app_name', 'Dev App'))

@section('content')
@php
    $formatDate = fn (?string $date) => $date ? \Illuminate\Support\Carbon::parse($date)->format('d/m/Y à H:i') : '—';
    $formatSize = fn (int $bytes) => $bytes >= 1048576 ? number_format($bytes / 1048576, 1, ',', ' ').' Mo' : number_format($bytes / 1024, 0, ',', ' ').' Ko';
    $last = $state['last_installation'];
@endphp
<div class="max-w-3xl mx-auto space-y-6">
    <div>
        <h1 class="text-2xl font-extrabold text-slate-900">Mises à jour</h1>
        <p class="text-sm text-slate-500 mt-1">
            DevApp vérifie chaque nuit si une nouvelle version est publiée. Rien ne s'installe tout seul : c'est vous qui décidez quand.
        </p>
    </div>

    @if($gitRepository)
        <div class="p-4 rounded-2xl border border-slate-300 bg-slate-50 text-slate-700 text-xs">
            Cette installation est un dépôt git (poste de développement) : elle se met à jour avec git, pas depuis cet écran.
        </div>
    @endif

    @unless($licenceActive)
        <div class="p-4 rounded-2xl border border-amber-300 bg-amber-50 text-amber-900 text-xs">
            Les mises à jour sont réservées aux installations dont la licence est active.
            <a href="{{ route('admin.licence') }}" class="font-bold underline">Activer la licence</a>
        </div>
    @endunless

    <!-- Version -->
    <div class="bg-white rounded-2xl border border-slate-200 p-6 shadow-xs space-y-4">
        <div class="flex flex-wrap items-center justify-between gap-3">
            <div>
                <div class="text-xs text-slate-500">Version installée</div>
                <div class="text-2xl font-extrabold text-slate-900">{{ $installed }}</div>
            </div>
            @if($available)
                <span class="px-3 py-1 rounded-full bg-indigo-100 text-indigo-800 border border-indigo-200 text-xs font-bold">Version {{ $state['latest'] }} disponible</span>
            @elseif($state['checked_at'] && ! $state['error'])
                <span class="px-3 py-1 rounded-full bg-emerald-100 text-emerald-800 border border-emerald-200 text-xs font-bold">À jour</span>
            @endif
        </div>

        <p class="text-xs text-slate-500">
            Dernière vérification : {{ $formatDate($state['checked_at']) }}
            @if($state['error'])
                <span class="block mt-1 text-rose-600">{{ $state['error'] }}</span>
            @endif
        </p>

        <form action="{{ route('admin.updates.check') }}" method="POST">
            @csrf
            <button type="submit" class="px-4 py-2 rounded-xl border border-slate-300 hover:bg-slate-50 text-slate-700 text-xs font-bold">Vérifier maintenant</button>
        </form>
    </div>

    @if($available)
        <!-- New version -->
        <div class="bg-white rounded-2xl border-2 border-indigo-200 p-6 shadow-xs space-y-4">
            <div>
                <h2 class="text-base font-bold text-slate-900">Version {{ $state['latest'] }}</h2>
                <p class="text-xs text-slate-500">Publiée le {{ $formatDate($state['released_at']) }}</p>
            </div>

            @if($state['changelog'])
                <div class="p-4 rounded-xl bg-slate-50 border border-slate-200 text-sm text-slate-700 whitespace-pre-line leading-relaxed">{{ $state['changelog'] }}</div>
            @endif

            @if($state['requires'] && version_compare($installed, $state['requires'], '<'))
                <p class="p-3 rounded-xl bg-amber-50 border border-amber-200 text-amber-900 text-xs">
                    Cette version s'installe à partir de la {{ $state['requires'] }} : une version intermédiaire est nécessaire.
                </p>
            @endif

            <p class="text-xs text-slate-500">
                Avant d'installer, DevApp sauvegarde la base de données, les fichiers envoyés et le code actuel.
                Pendant l'installation (en général moins d'une minute), le site affiche une page de maintenance.
                En cas d'échec, l'ancienne version est remise en place automatiquement.
            </p>

            @unless($gitRepository)
                <div class="flex flex-col sm:flex-row gap-3 pt-2 border-t border-slate-100">
                    <form action="{{ route('admin.updates.install') }}" method="POST" onsubmit="if (! confirm('Installer la version {{ $state['latest'] }} maintenant ?')) return false; this.querySelector('button').disabled = true; this.querySelector('button').textContent = 'Installation en cours…';">
                        @csrf
                        <button type="submit" class="px-5 py-2.5 rounded-xl bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-bold">Procéder à l'installation</button>
                    </form>

                    <form action="{{ route('admin.updates.schedule') }}" method="POST" class="flex items-center gap-2">
                        @csrf
                        <input type="datetime-local" name="at" required min="{{ now()->format('Y-m-d\TH:i') }}"
                            class="px-3 py-2 rounded-xl border border-slate-300 text-xs">
                        <button type="submit" class="px-3 py-2 rounded-xl border border-slate-300 hover:bg-slate-50 text-slate-700 text-xs font-bold whitespace-nowrap">Programmer</button>
                    </form>
                </div>
                @error('at')
                    <p class="text-xs text-rose-600">{{ $message }}</p>
                @enderror

                @if($state['scheduled_at'])
                    <div class="flex items-center justify-between p-3 rounded-xl bg-indigo-50 border border-indigo-200 text-indigo-900 text-xs">
                        <span>Installation programmée le {{ $formatDate($state['scheduled_at']) }}.</span>
                        <form action="{{ route('admin.updates.schedule') }}" method="POST">
                            @csrf
                            <input type="hidden" name="at" value="">
                            <button type="submit" class="font-bold underline">Annuler</button>
                        </form>
                    </div>
                @endif
            @endunless
        </div>
    @endif

    @if($last)
        <!-- Last installation -->
        <div class="bg-white rounded-2xl border border-slate-200 p-6 shadow-xs space-y-3">
            <h2 class="text-sm font-bold text-slate-800">Dernière mise à jour</h2>
            <p class="text-xs text-slate-600">
                {{ $last['de'] }} → {{ $last['vers'] }}, le {{ $formatDate($last['le'] ?? null) }}.
                @if(! empty($last['revenue_le']))
                    <strong>Annulée le {{ $formatDate($last['revenue_le']) }}</strong> (retour à la {{ $last['de'] }}).
                @endif
            </p>
            @if(empty($last['revenue_le']) && ! $gitRepository)
                <form action="{{ route('admin.updates.rollback') }}" method="POST" onsubmit="return confirm('Revenir à la version {{ $last['de'] }} ? Les données saisies depuis sont conservées.')">
                    @csrf
                    <button type="submit" class="text-xs font-bold text-rose-600 hover:text-rose-800">Revenir à la version {{ $last['de'] }}</button>
                </form>
            @endif
        </div>
    @endif

    <!-- Backups -->
    <div class="bg-white rounded-2xl border border-slate-200 p-6 shadow-xs space-y-4">
        <div class="flex items-center justify-between gap-3">
            <div>
                <h2 class="text-sm font-bold text-slate-800">Sauvegardes</h2>
                <p class="text-xs text-slate-500">Base de données et fichiers envoyés. Une sauvegarde automatique chaque nuit ({{ $keptAutomaticBackups }} gardées), et une avant chaque mise à jour.</p>
            </div>
            <form action="{{ route('admin.backups.create') }}" method="POST" class="shrink-0">
                @csrf
                <button type="submit" class="px-3 py-2 rounded-xl bg-slate-900 hover:bg-slate-800 text-white text-xs font-bold">Sauvegarder maintenant</button>
            </form>
        </div>

        @if($backups === [])
            <p class="text-xs text-slate-400 italic">Aucune sauvegarde pour le moment.</p>
        @else
            <ul class="divide-y divide-slate-100 border border-slate-200 rounded-xl">
                @foreach($backups as $backup)
                    <li class="px-4 py-2.5 flex flex-wrap items-center justify-between gap-2 text-xs">
                        <div>
                            <div class="font-semibold text-slate-800">{{ $formatDate($backup['created_at']) }} <span class="font-normal text-slate-500">· {{ $backup['reason'] }}</span></div>
                            <div class="text-slate-400">Version {{ $backup['version'] ?? '?' }} · {{ $formatSize($backup['size']) }}</div>
                        </div>
                        <div class="flex items-center gap-3">
                            <a href="{{ route('admin.backups.download', $backup['name']) }}" class="font-bold text-indigo-600 hover:text-indigo-800">Télécharger</a>
                            <form action="{{ route('admin.backups.delete', $backup['name']) }}" method="POST" onsubmit="return confirm('Supprimer cette sauvegarde ?')">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="font-bold text-rose-600 hover:text-rose-800">Supprimer</button>
                            </form>
                        </div>
                    </li>
                @endforeach
            </ul>
        @endif
    </div>
</div>
@endsection